一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

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%以上的人都 知道了吧:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

但是现在我们一般所谓的图标设计,很少单独作为案例,一般是在界面中起到引导识别、提升设计感的效果,譬如首页是一个小房子、搜索是一枚放大镜、个人中心是一颗人头等等,如图3所示:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

当然也有很多设计师把图标当成了小插画来设计,启动页、引导页、缺省页等,譬如时下很火的MBE风格,下面来一组非常炫酷的MBE图标,不说了,屏幕擦干净让我舔一会儿,如图4示:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

3、动效设计

动效设计这两年很火,火烧了腚赶紧学UI动效吧。动效并非装逼和炫技,其实主要是更好搞定客户/降低风险、提升产品趣味性和UE、与开发沟通更直观形象从而提高团队效率、提高作品的逼格/更好展示作品等。这模块常用的软件是AE,AE是风靡全球的影视后期编辑软件,想当年那会儿拿着200万像素的DV机做着当导演的春秋大梦就经常用AE软件,分享一组UI动效作品,它是否撩拨动了你的心扉,如图5所示:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

4、切片与标注

UI射鸡师依附于互联网产品团队,所以跟开发、产品经理、运营等沟通至关重要,产品经理因为屡改需求被UI设计刀劈斧砍也屡见不鲜。切片和标注其实是2个环节,我这里列在一起是因为我常用一个工具,即Pxcook。下图就是标注好的一张APP设计稿,聪明好学的你是不是茅塞顿开,醍醐灌顶,如图6所示:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

下面就是一组切片,用Pxcook+PS输出,交给前端开发用(具体怎么用,你配合他即可),如图7所示:

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

一个月薪过万的UI设计师,成功的背后究竟经历了什么?(上篇)

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档