2018-5-10 蓝蓝设计的小编
本文转自头条号作者：洛曦心向您致敬
一个月薪过万的UI设计师，成功的背后究竟经历了什么？
作为一名专业的UI设计，其实工作职责无外乎包括界面设计、图标设计、动效设计、切片与标注等。
子曰：工欲善其事必先利其器
1、界面设计
界面包括一切可交互的APP、WEB、软件、插件、操作系统等、当然一般UI设计师接触最多就是APP、WEB，即所谓的移动端UI和PC端UI，是UI设计师工作职能中占比最多的一块，主要是根据产品经理提供的原型，分析产品的受众，参考客户或上级给出的参考案例，设计APP、WEB的界面，界面规范、配色、目标受众、排版、细节都是我们要重点考虑的，这个模块最常用的设计工具便是PS、AI，PS毋庸多言，是风靡人类的图像编辑软件，大街上人人都会，AI功能跟PS差不多，但是我个人建议用PS做整体界面设计，AI主要是绘制矢量图标，二者搭配，干活不累。手机支付宝APP相信有90%以上的人都 知道了吧：
但是现在我们一般所谓的图标设计，很少单独作为案例，一般是在界面中起到引导识别、提升设计感的效果，譬如首页是一个小房子、搜索是一枚放大镜、个人中心是一颗人头等等，如图3所示：
当然也有很多设计师把图标当成了小插画来设计，启动页、引导页、缺省页等，譬如时下很火的MBE风格，下面来一组非常炫酷的MBE图标，不说了，屏幕擦干净让我舔一会儿，如图4示：
3、动效设计
动效设计这两年很火，火烧了腚赶紧学UI动效吧。动效并非装逼和炫技，其实主要是更好搞定客户/降低风险、提升产品趣味性和UE、与开发沟通更直观形象从而提高团队效率、提高作品的逼格/更好展示作品等。这模块常用的软件是AE，AE是风靡全球的影视后期编辑软件，想当年那会儿拿着200万像素的DV机做着当导演的春秋大梦就经常用AE软件，分享一组UI动效作品，它是否撩拨动了你的心扉，如图5所示：
4、切片与标注
UI射鸡师依附于互联网产品团队，所以跟开发、产品经理、运营等沟通至关重要，产品经理因为屡改需求被UI设计刀劈斧砍也屡见不鲜。切片和标注其实是2个环节，我这里列在一起是因为我常用一个工具，即Pxcook。下图就是标注好的一张APP设计稿，聪明好学的你是不是茅塞顿开，醍醐灌顶，如图6所示：
下面就是一组切片，用Pxcook+PS输出，交给前端开发用（具体怎么用，你配合他即可），如图7所示：