当UI设计师一定要看这三个设计网站

大家有兴趣的也可以看看。很系统、目的性也很强,可以让你少走很多弯路。

2.美学素养如何培养

这个是UI设计师赖以吃饭的技能,需要长期的积累才能培养的。

我的经验是:多看设计网站,多采集好看的界面设计。

设计网站不需要看那么多,只需要看3个就够用了。

1.dribbble:国外知名的界面设计网站

2.behance:国外知名的综合设计网站(可以选择只看用户界面和用户体验部分)

3.花瓣:国内知名的设计素材灵感网站

3.逻辑思维如何培养

这个是最难的一部分,不光需要长期的积累、还需要经常的对比、反思、总结。

最好的方法就是:看一些专业的书籍,多体验行业一些优秀的、垃圾的APP。

书籍1:设计元素:平面设计样式(视觉类的书,只需要看这一本就够了!!!各种设计原理的逻辑都有!!!)

书籍2:iPhone人机界面设计规范(苹果官方出的,非常的经典!!很多的交互原则和逻辑都有!!)

4.最重要的是:多体验APP!!!(熟读唐诗三百首,不会作诗也会吟,你体验的APP足够多了,也能说出个好坏一二三!!)

横向看:同类APP设计的差异和优劣,比如电商类,淘宝、天猫、京东、拼多多,首页的差异是什么,哪家的设计好一些,为什么?搜索列表页、商品详情页的差异又是什么...

纵向看:同一个APP各个页面之间的视觉和交互关系是怎样的,从首页到列表页到详情页是怎么交互的,视觉呈现是怎么统一和衔接的...

首先,知识是有时效性、限制性的,

15年的时候,曾根据自己的UI自学经历,

在知乎上,回答了一个类似的问题【从零基础如何自学UI设计】。

那会正是UI设计行业最火爆的时期,

基本上会PS,临摹几个图标和界面,就可以找到一份不错的UI设计工作。

所以,当时这个话题的回答,基本都是结合自己的自学经验,

教你怎么学PS软件技能的,怎么画图标(写实类图标)的。

现在,3、4年过去了。UI设计行业发生了非常巨大的变化:

流行设计风格:之前是写实风格(对设计软件技能要求高),现在是扁平化、极简设计风格(对软件技能要求降低)。

2.行业竞争:之前是坑多人少、钱多人傻一片蓝海,现在是僧多肉少、高度竞争的一片红海。

3.设计师能力要求:之前是单一UI(画图能力)技能,现在是综合技能UE(交互体验)、UXD(产品体验)。

而这个话题的回答,大部分(包括高票的)依然停留在3、4年前的场景。

还是在教大家怎么学习PS软件,怎么用PS画图标,怎么学素描、、、

按照过时的经验和方法,零基础、自学出来的UI设计能力,

在当前的行业环境下,是缺乏竞争力的,是很难找到一份合适的UI设计工作的。

回到这个问题的本身,这个问题其实是还包含了2个隐藏问题。

1.什么是UI设计?

2.UI设计需要具备哪些能力?

3.零基础,如何学习,才能掌握这些能力?

这2个隐藏的问题,就是UI的本源。

但是,你可以发现,这里面所有的回答,基本都没有去解释这2个问题,

都是从第3个问题开始,直接给经验,给方法,这样的经验和方法是有局限性的。

事实上,如果你搞明白了前面2个问题,

你再去零基础、自学UI设计,会发现非常非常的简单。

反之,你看的教程越多、方法越多,越容易混乱,

而且看似学会了很多,但实际出去面试时,很难达到面试招聘的能力要求。

第一个问题:什么是UI设计

这个是百度百科和维基百科给出的专业定义

从这两张图里面,可以捕获的信息点有:

1.UI设计的定义是:用户界面设计。

简单来讲,一切带屏幕的、可以和人互动的,都可以称为用户界面。

比如我们用的手机界面、电脑界面、电视界面、银行ATM机、网站、APP等等。

从这些界面又可以总结出:所有的界面都是由文字、图形、颜色三大视觉元素组成的。

2.UI设计内容包括:界面美观、软件操作逻辑、人机交互。

简单来讲就是,UI设计不只是设计视觉层面(界面外观),还要设计用户使用操作层面(逻辑和交互)。

也就是说:外观视觉设计只是UI设计的一部分!!!没有美术基础一样可以做UI设计!!!

3.UI设计的目的是:让用户在完成自己的任务时,与软件/系统/产品之间的交流尽可能地简单、高效。

简单来讲就是,UI设计的目的是:让产品或系统或软件的视觉层面-颜值高(好看、舒服、个性)、操作层面-好用(简单易懂、操作高效)。

前面是抽象的理论部分,为了便于大家的理解,我以APP购买火车票为例子:

第一个是被吐槽的12306官方APP购买火车票核心页面UI:首页-列表页-下单页

第二个是美团APP-购买火车票的核心页面UI:首页-列表页-下单页

在这个两个案例里面:

UI设计的目的是:让用户快速的购买到满意的火车票。

UI设计的内容有:

1.逻辑交互层面:输入火车票信息,从搜索结果里面,选择合适的火车票,然后填写乘客信息,下单购买。

2.界面视觉层面:信息文字的大小、颜色、间距,图标、按钮、表单的呈现样式(大小、颜色、布局)。

那么问题来了,同样是购买火车票流程的界面UI,哪个的设计好?好在哪里?

这个问题,是UI面试必问的问题,两个设计,哪个好,好在哪里?为什么?

目的就是考察设计师对UI设计的理解能力。

第二个问题:UI设计需要具备什么样的能力

前面说了,UI设计是设计产品或系统或软件的界面。目的是让产品/系统好用、还颜值高。

那么一个产品是怎样开发设计出来的?UI设计师又在这个流程中扮演什么角色?工作角色决定能力要求。

一般来讲,一个互联网产品的设计开发流程是这样的:

1.需求:公司老板、市场运营、产品经理等,提出抽象的产品需求想法。

2.产品:PM产品经理把这些抽象需求,变成具象的低保真原型图。

3.设计:UI设计师和PM就原型图进行需求沟通(逻辑交互细节、视觉风格等),然后用设计软件(PS/Sketch),变成高保真效果图。

4.开发:程序员(RD/FE)拿到设计师交付的高保真效果(包括切图标注),进行代码程序开发。

5.测试:测试程序员进行程序测试,UI设计师进行UI效果实现验收。

6.上线:提交苹果和安卓应用市场,进行发布,用户下载使用。

在这个流程里面,设计师扮演者翻译的角色,

目的是把产品经理抽象的需求想法(低保真原型图),转换成用户容易理解的、容易操作的高保真效果图。

这个怎么理解?还是举个例子来说。

一般来说,产品经理交付给设计师的低保真原型图是这样的

最后,设计师交付给程序员的高保真效果图是这样的

两者的差异在哪里?

低保真原型图:描述需求的有哪些功能模块,以及功能模块之间的交互流程。

高保真效果图:定义界面视觉呈现(文字、图形、颜色、版式),定义各页面之间详细的交互形式,并完善异常交互场景。

所以,UI设计师需要具备哪些能力,就非常容易知道了。

1.软件技能:画图能力,就是能用设计软件,将低保真的原型图,翻译成高保真效果图。

2.审美素养:美学能力,知道什么样的界面是颜值高的,并能用软件绘制出来。目的是让产品颜值高。

3.逻辑思维:核心能力,能理解产品的抽象逻辑和想法,以及用户场景和用户心理,并应用到界面视觉信息呈现、页面之间的交互关系。目的是让产品好用。

第三个问题:零基础、如何自学UI设计

前面两部分都是讲UI设计的本源,属于逻辑部分,接下来就是很简单的方法和操作了。

1.软件技能如何培养

设计软件是最基础的、也是最不重要的能力。

从我多年的UI设计经验来讲,以PS设计软件来讲,虽然PS工具有20多个,但是UI常用到的工具就5个:

1.文字工具:设计文字类型、大小、粗细、颜色、行间距等等

2.矩形工具:通过圆、矩形等基础图形,运用布尔运算,设计出复杂的、新的图形形状

3.调色板:给字体、图形赋予颜色变化

4.移动工具:通过移动字体、图形的位置,达到舒适的排版、组合效果

5.图层样式:所有的文字、图形的设计,都是基于图层来实现的

所以如果聚焦于UI设计,只需要熟练掌握这几个功能就够用了。

THE END
1.2024年常用的APP设计网站推荐APP设计网站Proto.io以其易用性、灵活性和丰富的功能而闻名于世。它支持用户直接在浏览器中创建高度交互式的APP原型,无需下载任何软件。它的核心功能如下: 丰富的设计元素:Proto.io 提供了大量预设模板和界面组件,用户可以轻松地拖拽和编辑这些组件,快速创建出精美的应用界面。 https://pixso.cn/designskills/common-app-design-websites/
2.推荐一些值得收藏的宝藏网站,满满的干货!实用工具网站 墨灵音乐 一个在线听歌的网站,界面也很好看简洁,各个平台的版权音乐都有,如果在网易云音乐找不到喜欢的音乐试试这个吧。 convertio 在线转换文件的简单工具。支持超过309种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式。什么软件都不用下载,直接在线上传在线转换格式后直接下载,整https://www.jianshu.com/p/887d7c3a9285
3.抗疫期间线上学习资料包第六期:技能提升一个很有意思的网站,分享有关平面设计方向软件的教程,想学PS, Pr, Ae等的同学们可以看过来,原创的视频教程,轻松的教学氛围,能让人学得非常开心满意。 ●优设网 www.uisdc.com/ 提供Ps,Ae等教程,且有UI设计、素材下载、高清图库、网页设计等资源,更新及时,且作品都相当有创意性 https://xgb.uestc.edu.cn/article/detail/5edf324e293c63511123a0e4
4.创世下载站免费游戏软件资源创世下载站为广大用户提供一手的游戏软件下载资源,每天更新最新的游戏软件,拥有最全的国内外下载资源,同时为大家提供精品推荐,下载排行,手机游戏等内容,做用户最贴心最信赖的下载平台。https://www.cssmoban.com/
5.pcb视频培训pcb软件pcb设计PCB设计论坛PCB联盟网是专注于PCB设计的电子技术论坛,PCB工程师喜爱的PCB资源下载站;行业前列的PCB培训机构,受欢迎的pcb视频教程https://www.pcbbar.com/
6.www.scmc亚州一区H视频 全方位软件下载网站_2024最好玩手游APP_热门排行榜视频 陕北榆林黄片自拍 未满十八网站 69?╳X╳Ⅹ 香港三级片xxxx 《百分百感觉人小鬼大》免费完整版在线观看 91边做边打电话躁BD 女生迈开腿和男生打扑克 下面要插坏了视频网站 骚扰妇肥臀大逼迫激情高清无 3D另类无码 啊啊啊,不好深http://www.scmc-xa.com/xxxr/367382.shtml
7.研发运营必备实用工具网站运营小工具网站3.4、稿定设计 稿定设计是一款多场景商业视觉在线设计平台,提供操作简单、功能强大的在线服务,抠图简单高效,支持在线PS、人工智能抠图和证件换背景等操作。 网站:【在线PS软件】在线PS图片(照片)处理工具_在线制作编辑图片ps精简版 3.5、TinyPNG 免费的在线图片压缩工具,压缩率高,无损画质,直接拖拽使用,独特且强悍的Javahttps://blog.csdn.net/m0_38106923/article/details/100130354
8.Canva可画在线设计协作平台平面设计作图软件网站设计 插画设计 热门模板 简历模板 PPT模板 奖状模板 邀请函模板 名片模板 手抄报模板 海报模板 课程表模板 授权书模板 工作证模板 产品 下载Canva可画App Canva可画免费版 Canva可画高级版 Canva可画团队版 Canva可画公益会员 Canva可画教育版 Canva可画定价方案 https://www.canva.cn/
9.比格设计客户端软件下载比格设计图片编辑器官方版下载多平台共享设计 您的设计可以云同步到您的手机、Windows、Mac端 所有设备上。一个账号多端同步,方便您随时随地进行创作。 海量设计资源随意组合 我们提供了数十万设计资源,您可以自由组合,随心所欲地创作出符合您需求的可商用图片。 软件界面 快速下载安装和使用,支持Windows 10/8/7/XP,Mac OS, Android ,IOS https://bigesj.com/download.html
10.海迅极速设计生产软件下载零代码企业数字化知识站专业论坛是获取海迅极速设计生产软件使用技巧和经验的好地方。在论坛上,用户可以交流心得和解决问题的方案。常见的专业论坛包括知乎、百度贴吧、Stack Overflow等。在这些论坛上,用户可以通过搜索功能找到与海迅极速设计生产软件相关的帖子。在帖子中,用户可以找到下载链接、安装指南、使用技巧等信息。此外,论坛上的用户通常https://www.jiandaoyun.com/blog/article/448670/
11.联想lenovo笔记本电脑平板电脑手机台式机服务器重塑办公 智见未来 以硬件、软件、服务一栈式综合能力,为客户提供全场景智慧办公产品和方案,致力成为企业数字化转型首选Partner。 成功案例 更多 超融合搭建虚拟办公桌,随时随地远程办公 远程办公难实现?丰田携手联想,以超融合搭建虚拟办公桌,助力其设计工程师摆脱对办公室工作站的依赖,轻松实现远程三维CAD办公。 https://www.lenovo.com.cn/
12.优设网官网UISDC国内专业设计师平台优设网 (uisdc.com) 是国内设计师入门到进阶的专业设计网站。AIGC及设计内容全面及时,全网粉丝过千万。专注前沿设计趋势和设计方法论,拥有原创独家设计内容和设计师网站导航。提供AIGC教程、灵感素材、UI设计、平面设计、网页设计、电商设计、SDC网站推荐。https://www.uisdc.com/
13.ProcessOn思维导图流程图在线画思维导图流程图ProcessOn在线利器:电脑高效绘制ER图,轻松引领设计新潮流! 模板专题 学习办公 精选各行业知识达人优质模板,聚合成强大丰富的智囊库,激发创作灵感,助力入门专业技能,深耕新行业。 进入专题库 多场景跨终端应用 网页版 PC客户端 小程序 APP 团队版入口 安全保障 文档安全 文档自动同步至云端存储,并提供历史版本https://www.processon.com/
14.重庆生活网app免费下载重庆生活网安卓最新版v1.0.1下载重庆生活网app是一款专业为重庆市提前准备的手机上日常日常生活装修服务项目手机软件,在这儿有十分完整的装修设计理念等你去挑选,网上预订老师傅上门服务,十分方便快捷,必须的可以下载重庆生活网app应用! 软件简介 重庆生活网是专业的互联网技术装修服务平台。 https://www.duote.com/android/945104.html
15.正版软件也能便宜又实惠:2024年值得关注的50+个软件服务的通过链接直达官方网站,可以参照官网上的说明进行申请,也可参照下图所示进行申请。 Craft 权益:一年免费使用,学生可无限续期。 认证方式:教育邮箱与学生证或其他证明材料 https://community.craft.do/c/craft-for-students Craft 是一款小众的笔记软件,我派之前的文章《设计精美、功能强大,Apple 用户的文档工具新选择:https://36kr.com/p/2947976689539713
16.搜狗搜索引擎搜狗搜索是全球第三代互动式搜索引擎,支持微信公众号和文章搜索、知乎搜索、英文搜索及翻译等,通过自主研发的人工智能算法为用户提供专业、精准、便捷的搜索服务。https://www.sogou.com/
17.友盟+,领先的全域数据智能服务商友盟+提供了全面的统计分析工具,可以帮助企业实时监测网站、APP、小程序的访问量、活跃用户数、页面浏览量、停留时间等关键指标,帮助企业了解产品的使用情况和效果。 - 用户洞察: 通过用户画像、用户行为分析等,帮助企业深入了解用户的行为、需求、偏好等,从而更好地进行产品设计和运营。 https://www.umeng.com/
18.更优雅的wordpress网站主题:子比主题!全面开启使用Redis和opcache为网站加速教程&浅谈快到起飞的子比主题 WordPress教程# Redis缓存# opcache# 网站加速 老糖 676.9W+329 置顶 商城功能子比主题扩展功能# 付费阅读# 付费下载# 支付功能 老糖 6211.1W+788 置顶 Zibll子比主题-最新版V8.0已更新[2024-10-15][更新日志] https://www.zibll.com/