前言
大家好,我是知乎小V暗灭,这是《互联网职业介绍》2020版系列第二篇,用户交互设计师篇,我希望能够在这篇文章里,给新入门想要学习用户交互设计师的人,了解用户交互设计师这个岗位的入口,知道这个岗位是什么的,怎么发展,要会用什么,适合哪些群体,怎么开始学习,学习资料有哪些等等。
原文首发于知乎回答,因为太长了,所以也会是每一个职业,一篇文章的方式来发布。
目录
1 工作内容
2 职业技能
3 发展前景
4 薪水范围
5 成长阶段
6 入门门槛
7 天花板
8 职业素养
9 学习方法
10 学习路线
11 适合人群1 工作内容
沟通需求,定好风格,出配色方案,做出UI图,验收研发的成品,上线后体验交互设计,设计Icon,Logo,Banner图等一切视觉相关的内容,UI本身就有多个相近的称呼,美工,视觉,UI,UE,但我更喜欢把UI升级为UE。
UI通常是一个游离于程序员群体之外的职业,天天和程序员们打交道,又没有程序员和产品经理的爱恨情仇,很多时候都不知道后端程序员叫什么名字,也从来不认识运维小哥哥,经常接触的是产品,运营,测试和前端,在他们的工作范围内打交道的职业中,程序员的比例最低的,你能相信么。
所以UI往往有一种清新脱俗的感觉,一群秃头大老爷们中有一个养眼的漂亮UI小姐姐,就算是有男人做UI,也浑身上下散发着艺术的味道。
UI的工作很难被量化,也很难直接的评定好和坏,统一不同人的审美要比统一咸甜豆腐脑的难试大很多,想想单纯一个Banner图,一张海报,都会有多少种不同的风格?
有时候大家会把UI和VI混淆,VI是纯粹的视觉效果,包括一系列的线下线下的直接感知,比如说包装盒,购物袋,内包装等。而UI单纯的指用户交互,多和线上有关,就是各种网站,App,小程序之类的。这种交互通常包含两部分,一个是看到的内容,这是视觉的部分,一个是交互的部分,就是点击之后的动作,滑动的效果这些响应用户的输入之后的输出。
而UI被称为美工的原因,更多的可能是因为淘宝这些网站需要修图,做效果,这是UI的一个技能点,但只会修图的,不会被称为UI,所以美工和UI的身价也不可同时而语。
UI还有一个升华版的概念,就是UE,用户体验。用户体验和用户交互的不同是什么?确切的说,用户交互只是用户体验的一部分,更多的是视觉+响应,而用户体验还包含着服务。比如说,你在一个商城买东西,两个应用一模一样,一个卖199,一个是19.9,哪个用户体验好?再比如说,价格一模一样, 一个发货慢,10天才发货,一个第二天就收到了,哪个用户体验好?
所以用户体验在本质上,涵盖了所有独立的部门,包括技术,运营,产品,UI,客服等等一系列的感受,UI往UE上转的话,是一个非常非常大的跨越,不过,这很可能是未来所有品牌公司的一个重要部门,就是负责体验公司的所有产品的用户体验。
当你沟通需求的时候,很多菜鸟设计师往往只关注原型,这还是有原型的时候。有很多非主流的公司,直接把UI人员当产品设计来用,他们习惯于看高保真图。然后对着高保真图去讨论产品功能,之后让UI直接改,还会告诉你,这样会节省时间。
如果你遇到了这种工作模式,请第一时间告诉他,这样只会更慢,因为UI的效率要比画原型低很多。在讨论功能和交互的时候,不需要UI,一些分的更细致的岗位,会在产品和UI之间再放一个交互岗,让产品去设计功能,让交互去设计原型,让UI出视觉效果。
所以无论怎么样,Axure都要比PS高效的多,在我们的产品经理的专栏里应该提到过,原型就只要黑白灰三色,不要有色彩,不要有高保真。
原型图拿到之后,先定风格和配色,往往要出两套方案,拿来给业务方或者是实际用户或者是有话语权的人去看一下。要记住,如果你只拿出一种方案,那么大部分参加的人都会按自己的审美观去要求你改一下这个,改一下那个。当你拿出来两套方案的时候,潜意识里就是在给他们说:直男们,你们只能二选一,要么这个,要么那个。
还有一个潜台词就是:你把我杀了我也只能设计到这个准了,别再让我改来改去了。
第一阶段完成以后,到具体的页面设计的时候,记着要养成分批交付的好习惯,不要拖节奏,这是一个很难改变的事情,很多设计师都希望出一整套之后再交付,这样有一些改动的话,还能调整,不然程序员小哥哥会闹--对于这种前端或者是App端的小哥哥,我给你的建议就是--哄哄他,告诉他其实没多少东西要改,很快就好。
分批交付也是和敏捷开发流程相关,持续集成是减少项目风险的重要措施,所以你越早交付设计图,研发团队就能越早的拿出来最终展示效果--虽然很多团队做不到这一点。
在整个页面的设计中,比较重要的环节就是,理解业务的需求,很多设计师不喜欢,也不愿意去听业务需求,这直接导致他们设计的效果图和真实的业务需求之间有脱节,比如说,到底什么是应该第一眼看到的?什么是应该弱化的?这些如果不理解真实的业务需求,很难把控用户的真实体验,这也是UE中的一部分,在某种程度上,并不是好看第一,而是好用第一。
总终交付给研发团队的时候,别以为就大功告成了。这个时候,产品的需求变动的话,就会引起一系列的问题。原型图,产品文档,UI图,验收标准,都会一起来看,也可能产品没告诉UI,研发团队直接改掉,测试团队发现成品和效果图对不上。
各种各样的问题总是存在,只要有一个地方有改动,那么所有对就的内容都应该有改动,别犯懒,否则排查起来更麻烦。另一个值得注意的点就是,在做UI图的时候,不要只做示意图,文案,列表,图表等都以真实数据为例,这是新人往往会忽视掉的细节。
研发过程结束后,我们是鼓励UI参与测试和验收的,也就是说,UI也是产品反馈小组的成员之一。只有真正用到了自己设计的产品和交互,才能体会到底是什么感觉。
============2020年2月17日更新分割线~~~=============
2 职业技能
Photoshop,Sketch,illustrator,corwdraw,PPT,Axure,美术功底,色彩搭配,需求理解力,海报设计,Icon设计,Logo设计,交互设计
Photoshop是UI首选工具,大部分人都可以短时间内用一点PS,在PS有一些基本的知识需要了解,图层,蒙版,通道,动作,滤镜等,钢笔工具构图还有印章工具都是修图的好助手。相对于平面设计而言,UI对于特效的要求并没有那么高,而且因为代码实现和兼容性的缘故,也并不期望于在网页上承担复杂的效果。
Sketch是最近几年越来越红火的矢量设计工具,特别适用于小图标的设计。经常会有人拿Sketch和Photoshop相比较,但是从UI设计师的角度来讲,最好是两个都要会。
illustrator&Corwdraw使用的频率没有那么高,但也是备选项之一,工具本身而言大同小异。
PPT是一项通用技能,但你是UI,你的PPT就必须要做的好看,你要做的不好看,别人就会怀疑你的设计水准,而且,PPT也是展示自己设计思路的最好工具。
Axure在很多时候,不被UI认可,但是我在这里还是会强烈推荐。我们把UI的设计功能拆分,包括了布局,配色,交互,Icon,风格五个环节,其中布局,是完全可以通过Axure来实现的,而且也应该通过Axure,而不是通过PS来做。在合适的场景里选择合适的工具,对UI来讲,也是成立的。
美术功底可以让你 Banner设计,配色和视觉和谐度上远超同级设计师,说起来你可能不相信,大部分的UI设计师是没有美术功底的,有美术功底的设计师和计算机专业的程序员几乎一样珍贵。
色彩搭配是一个必备技能,准备自己常用的几套色系,高贵黑,火热紫,风骚蓝之类的一套配色体系。
需求理解力是一个被现有的很多UI设计师忽略的技能,UI并不只是配色+视觉,很多UI的设计都只是停留在好看与不好看,其实在某种程度上,还要加上视觉效果上能不能让用户用起来舒服,有时候好看不代表好用,这就需要设计师去理解一个页面需要重点展示的内容究竟是什么,还要考虑到哪一个功能是常用的,哪一个功能是需要弱化的,视觉上的引导,其实就是对用户行为的引导。
海报设计属于UI设计师工作中占比不多,但是又会被认为是必会的技能,好比是一个程序员怎么可能不会装系统。很多时候新系统上线,都是需要做一张朋友圈需要转发的海报,Banner设计也是包含在这里的,这倒是一个经常性的设计工作,除此之外,还会去投放广告,或者是做一些文章配图等。
Icon设计是必备的,无论是网站还是App还是小程序,总是少不了各种各样的Icon,比如说删除,编辑,功能版块等,这里是Sketch的天下,好在现在已经有不少的CSS的Icon库,可以减轻设计师的负担。
Logo设计也是一个大学问,很多人都愿意花钱去让专业的人做Logo,价格也可能从50元到1万多甚至几十万不等,但更多的人会愿意让设计师来一个就好了,以后赚钱了再换。Logo设计中最关键的就是赋于图形意义,还有就是区分度高。
交互设计是UI设计师和平面设计师最大的区别,平面设计是纯视觉,UI是用户交互,有用户输入,也有展示。小的动画,小的变形,布局的动态调整,这些都是画龙点晴的环节。
============2020年3月16日更新分割线~~~=============
3 发展前景
无论技术怎么变,UI职业的地位不会发生太大的变化。美这个事情,短期内还无法靠人工智能创造出来。但这个岗位的上升路线没有其他岗位高,是一个相对中庸的选择,就是不会太差,也很难太好。
通常的路线就是初级设计师->中级设计师->高级设计->设计总监。
很少见到有设计师做到UE部门主管的,更少见到有成为管理层或者是CEO的, 又或者是我见得确实少。在互联网公司中是很难得的没什么政治斗争的岗位,与世无争。
初级设计师做的就是项目,理解业务需求,看原型图是否有遗漏,出两套配色方案,验收前端渣渣效果,做几个截图用于宣传或上传应用市场,更换一下Banner。
中级设计师做的事情和初级设计师相比没有大的不同,只不过项目更重要,出错的可能性更少,对于色彩和布局更为熟练,对于不同的风格也更熟悉,能够快速把握产品的主题。
高级设计师就是要出精品了,很少去做一些打杂的事儿了,如果团队里的设计师比较多,可能就要定UI规范,配色方案等。
设计总监的岗位挺少,中小公司里一般都是8个人里对应一个设计师,所以很少会有单独的设计部门,如果有的话,也是管理职责会多一点。
整体而言,选择设计师的岗位,很难晋升,这个结果可能会让人沮丧,但是这不正是设计师超然飘逸的原因之一么?也许只有摆脱这些烦杂琐事的干扰,才有可能做出好作品呢。
如果你还是想走到管理层,那么你的其他职业技能必须加点的足够多,比如说,你是一个设计师+产品经理(这是我们推荐的路线),你是一个设计师+前端(不太推荐)。
4 薪水范围
UI设计师是少数对学历,年龄容忍度差异比较大的岗位,但是城市的差异更大一点,越大的城市,对于UI的要求更高,也愿意给出更高的薪水,包括北上广深,还有目前火热的杭州,以及偏向于动画的成都。其他的二线城市如武汉,西安,南京,郑州等就会和一线差别更大一点,在当前互联网已经很火热的程度里,还是有不少公司是没有UI的。
北京为例,刚入行的时候,设计师可能会是5K,或者是6K,或者是8K起,然后一年左右,看你的项目情况,通常都会在8~10K左右。
三年后薪水可能会是在10K~15K左右,如果你有幸进了大厂,你的薪水可能会更高。
五年左右可能会是在16K~28K左右,再到了七年,可能就是在35K,到了35K,差不多就是一个天花板了,如果你想要让自己的薪水更高,你可能需要点亮其他非UI的技能。
5 成长阶段
UI设计师的成长,其实就是从抄到创造的过程。刚入门的时候,能把东西做好,抄的像模像样就不错了。然后对一些页面处理的越来越顺,就会想尝试一些新的风格,注意到一些过去不注意的细节。
1 从画一个Icon开始
2 理解各种网页和App组件
3 做一个简单的登录注册页吧
4 注意区分主色和辅助色
5 开始关注布局和留白
8 各种弹框和提示也要注意
10 字体的使用和排版
11 能够设计一个应用了
12 来验收前端的工作
13 像真正的用户一样,在使用产品的过程中,感受自己的设计缺陷
14 尝试不同的风格
15 开始制订和遵守设计规范
16 在设计中融入情感
17 做一些动画&视频剪辑
18 发现自己还是设计不好Logo
19 想补全自己的绘画基础
20 穿衣打扮都开始有了艺术家的味道
21 深入了解用户的使用场景
嗯,我自己是很喜欢UI设计这个岗位的,能把一幅画画的好,就很难很难了,更何况还是电子产品的设计。
6 入门门槛
UI和测试的门槛相对较低的,这是非理工科专业的一大福音,对年龄要求也不算特别大,16岁到~30岁都可以选择做UI,性别上更是男女通吃,最最关键的一点,做UI,你都不用有绘画功底。
不需要绘画功底,严格意义上来说,就是绘画的技能是一个Plus,一个“更佳”的 选项,而不是必须的,这一点可能很多人不太明白。
天下的文章一大抄,天下的UI也是一样的,UI从来都不是画画,是要自己去设计所有的内容,UI在某种程度上,大多数公司对你的要求就是抄。
抄谁的?抄老板喜欢的风格的,抄应用商店排行榜的风格的。
那UI的意义是什么呢?
UI需要了解元素,设计规范,用户体验,产品功能等等所有的需要了解的点,这会有助于让产品的UI更好,但是并不是一个入门级的要求,部分初创公司可能直接就把UI这个岗位去掉了,反正现在也有很多常见的组件,只要还能过得去就忍,反正让UI设计也设计不出来好体验。
但是,你入门之前可能没有绘画技能,也可能不需要你在美上有多特殊的认知,等你到了这个职业,就要干一行爱一行,你最好就是在两年三年之内把自己的审美,设计,手绘,产品,体验等功底补上去。
这决定了你在UI岗位上能走多远。
7 天花板
UI岗位的天花板也很明显,除非是特别看重UI体验的产品,否则大部分的核心用户体验权并不在UI手里。用户的体验可以分成以下几个维度:
1 视觉体验
2 交互体验
3 功能体验
4 价格体验
5 性能体验
6 线下体验
这几点里,UI主要在1和2上面,2在某种程度上属于原型设计师的工作,更多的是被产品兼任。然而3和4才是用户的核心,好比说,100元人民币扔屎堆里,也比在美女锁骨里的1元硬币惹人喜爱。
这个比喻有点庸俗,好比是100元画的再丑,1元画的再好看,100元还是100元,1元也只能是1元。
这就导致了UI在公司的岗位,第一不可或缺,第二又无法成为公司的核心,特别是UI往往和业务无关,又特别喜欢把自己放到一个和业务无关的位置上。
所以UI出身的人,很少能在UED部门成为leader,争不过产品出身的人,如果你能够从UI兼顾产品,那你就很厉害了。
UI做到五年十年以后,更早点从三年开始,就该尝试一下其他周边技能了,列举如下:
1.动画
2.剪辑
3.体验
1和2是工具和技能,3是层次的提升,从UI到UE,这是打破UI天花板的最好的方式。
UE要求你从上节说到的六个体验里去提升产品的体验,而不仅仅是视觉,你可以理解为,互联网界的试睡员。
如果暂时不想做这种打破天花板的提升,那薪水基本上定位在35K封顶了,如果你想从初学者更快的成长为一个封顶者,你需要提升的能力如下:
1 Logo设计
2 Banner设计
3 海报设计
4 Icon设计
5 布局
6 配色
7 主题
8 动感
9 产品
10 手绘
8 职业素养
在职业素养上面,从平面设计而来的设计师们要注意,这也是UI岗位和你们截然不同的环节。
一 物料&Icon&Banner
1 30分钟一款海报设计(从头开始很难,所以你需要积累很多的模板,知道自己要抄哪一个)
2 4小时一组Icon设计(风格要一致)
3 2小时的Banner设计(Banner的主题要一致)
二 风格学习
1.手机上安装至少50个以上体验好的App
2.总结出来好的体验使用的配色方案&交互方案
三 设计规范
1 字体&字号全局统一
2 配色&留白全局统一
3 按钮&表单&列表风格一致
4 弹框全局统一
四 产品功能
1 认真理解产品需求
2 思考每一个页面中的重点,和产品沟通协调,确认页面的吸引用户的元素是什么
3 设计中体会流程的完整性,是否有遗漏或者是不协调的页面
五 测试验收
1 端到端的测试
2 Hover,高亮,间距 ,配色等的验收
3 整体用户体验的验收
9 学习方法
UI的学习方法,和产品类似,却比产品更简单,因为天然开源。
UI的技术难度都不算特别大,关键是合理的搭配,从应用商店里找自己喜欢的产品,然后挨个拿出来分析,就是学习的最好的方式。
1. 总结出来数套配色方案
2.分解组件,给出不同组件的设计方案
3.设计之前先问自己一个问题:我希望用户看到这个页面后,第一个要注意的是什么?
4.去思考:用户在这个页面里会有什么样的选择?多少百分比的用户会做哪种操作?什么样的操作是需要引导的?
5.产品上线后,每天上线使用自己的产品,成为自己产品的用户,在使用过程中,反思和总结自己在设计之初是否有思考不周的环节
10 学习路线
UI的学习路线,也是先从好上手的小东西开始,通常是这样的。
1 模仿和制作Icon
2 从最简单的登录注册开始设计移动端的页面(从原型开始更好)
3 学会列表等各组件的设计
4 整理配色方案,布局
5 学会测试
6 学习动画&视频
7 学习手绘等其绘画相关知识
11 适合人群
UI适合什么样的人呢?虽然没有门槛,但总是会有一些人在这个行业上有天赋。
1 如果你喜欢绘画
2 如果你穿着打扮不错
3 如果你爱化妆
4 如果你爱拍照
5 如果你喜欢听音乐
6 如果你对家具摆放等有特别的爱好
7 如果你是一个强迫症患者
8 如果你做过平面设计,工业设计
那么UI都挺适合你的,还有一点,UI特别适合与世无争的小姑娘,远离事非中心。
好了,关于用户交互设计师的介绍,到这里就告一段落了,这是第一版,可能会有后续的内容,如果你对一些内容感兴趣,可以在评论里提问,又或者是我们官网里反馈。
如果要查看其他更多职业的介绍,可以在知乎回答里去翻阅,地址如下:
IT行业都有哪些职位,初学者(0基础,新人)该如何选择,才能够快速进入这个行业?www.zhihu.com