一谈到UI设计，我们脑海里会浮现很多关键词，比如平面、视觉传达、绘画、界面、交互等。UI设计师的工作岗位职责相当综合，也就是现在各个大厂要求的复合型人才，UI要做得美观也需要搭配一定的用户体验知识，并不只是一个出图工具。
也是出了名的只要混得好，工资高、前景广。
那如何成为一个月薪3w，甚至更高的UI设计师？本篇文章将会从职场要求、技法通识、UI规则三个方面来解构成为一个优秀UI设计师需要的能力：
|本期分享导师|
Naiying
汉艺国际 工业交互学部 资深数媒讲师
爱丁堡大学 多媒体设计 MSc
美国加州大学洛杉矶分校 后期制作 优秀交换生
英国纪录片《数字化卖艺》 制作人
《道格玛95》微电影项目 制作/编辑师
《7777》网站项目 制作/网站设计师
成功帮助学生获得CMU、RISD、ACCD、Pratt、RCA、CSM等院校offer
#1
职场下的UI
举个例子，这张图是是搜狐媒体和搜狐游戏的UI设计师职责：
在职场中要担当一个UI设计师有几个关键Tag，会画图，会交互，有审美，勤沟通。详细来说，如果要应聘一个UI设计师，需要在作品集内体现会画图标的技能，同时现在的UI设计已经不仅仅局限于静态表现，动态设计也是十分重要的。
因为人们的审美要求不仅仅局限于一张静止的图片了。一个小小的图标设计也会通过各种光效，光晕，视错觉来进行观感提升。
动态图标案例，截图自小黑盒APP，图标按下去后会出现补间动画
与此同时，UI设计师需要把控界面的布局，这相当于学生们需要有基本的交互理念，知道把图标放在哪个位置玩家的体验会更好，视觉观感更加合理。
截图自小黑盒APP
以上面这张图为例，我们可以发现一个悬浮发布按键，按键在画面右下角，这是一个比较合理的布局安排。如果发布是分布在画面中央或者上面都不合适，因为大家的阅读习惯就是自上而下，看了论坛里面的文章之后，才开始有发布帖子的冲动。
#2
UI软件介绍
接下来，我们来介绍一下UI设计师需要学习的软件，以及搭配哪些练习会有效提升自己的技能。
1. 图标设计
软件使用：AI，PS，Procreate
Step1 确定主题
比如你的主题关键词是跑酷，那么从跑酷这个词进行思维发散，我们可能可以想到图解跑酷技巧的图标，或者跑酷一系列辅助道具图标。
Step2 找相关参考图
比如选择滑板一词去进行深入搜索，我们可以搜到不少实物图。这时候我们可以挑选出几类滑板，在未来的跑酷应用里可能有不同的跑酷加成效果。
Step3 绘制线稿
我们选择滑板的正视图作为参考，进行描线大致勾勒。
Step4 上色和光影绘制
通过光源给物体分层，分层之后就可以添加阴影高光等细节。
2. 动效设计（图标）
软件使用：AE，Unity，Cocos
在AE里面制作动效其实就围绕一个关键词：关键帧。
Step1将你的图标素材导入AE
Step2 在AE中创建矢量图层
Step3 打开AE中的3D图层
Step4 调整3D图层中的X，Y，Z轴，让白色文件夹有翻动的感觉
Step5 白色图层添加高斯模糊达到毛玻璃的效果
3. 界面设计（包括界面跳转动效）
软件使用：Adobe XD，Sketch，Principle
这里拿Principle软件举例，XD和Sketch做出来的静态图都能导入到Principle。
Step1 将图像元素导入Principle
Step2 点按雷电符号选择交互行为，这里选择了Tap，表示点按花朵之后，会从右边页面跳到左边页面
Step3 自动行程补完动画，用户可以自行调节快慢
#3
系统下的UI规范
除了这些软件使用部分操作的介绍之外，我们还需要关注最基本的UI尺寸规范，拿安卓系统和苹果系统为例，作为UI设计师需要知道一些基本的界面尺寸规则：
苹果系统：
像素点可以理解成打印尺寸，分辨率可以理解成渲染尺寸，UI设计师按照像素点尺寸去构建他们的画布即可。可能这里有同学会问，难道要做这么多分辨率的图稿吗？用通用参数375*750px来建立画布就可以了。
安卓系统：
截图出自安卓MD规范手册
安卓系统dpi为打印尺寸，px为渲染尺寸，如果要一键适配安卓和苹果就可以使用720*1280px的尺寸。不过基本上来说还是安卓一套，苹果一套比较好。
图标尺寸
图标当然也可以输出非常多的尺寸，建议1024 *1024px的格式即可。当然我们也可以用一款叫cutterman的插件去进行多种尺寸的一键输出，这种方式也方便了程序员。
cutterman
大家应该也能看出来，要想做好UI，需要学习的内容其实比较宽泛，不单是对手绘的联想力的要求，同时也是对软件掌握能力的要求，这也是你比其他人更加强大竞争力的来源。
有意的话，同学们现在就可以开始攻克一步步细节点，从图标、动效、界面一步步深化，真正做到高效出图，重交互、重视觉，为自己的UI设计师之路添砖加瓦了。
