UI设计不就是画线框,凭什么年薪30W?

作为一枚界面设计师

我真的很想为UI设计抱不平啊!!

UI设计真是一个备受不解的职业

常会被误解,然后出现以下场景

程序欧巴:

界面画好没?按钮圆的方的不都能用吗?纠结那多干嘛?

产品经理:

这次我们就10个页面,半天能够搞定吧,都有交互了。

其他设计:

你们不就是画线框图吗?我自学半个月都能转行了

UI设计不就是画线框,凭什么年薪30W?

仿佛全世界都能做UI设计

只不过你运气好

碰上了这个事少钱多的行业

但讲真,UI设计行业远没有想象的那么简单

举个栗子

当我们设计一个按钮的时候

大家都以为的步骤是:

看看原型图——加个颜色——加个圆角——完工!

UI设计不就是画线框,凭什么年薪30W?

但其实真实的情况呢

我们先要确定主题色

UI设计不就是画线框,凭什么年薪30W?

“不不不不,绿色太像安全产品了,感觉不符合品牌”

“诶,红色好像也不太好有点警示作用,怕吓到用户”

……尝试24个色之后

“嗯,还是蓝色保险又好看”

UI设计不就是画线框,凭什么年薪30W?

黑眼圈*1

然后又开始尝试各种样式

UI设计不就是画线框,凭什么年薪30W?

“圆角太大有点幼稚”

“没有圆角又太硬朗了吧”

……尝试24个圆角像素后

“嗯,还是5px的圆角最好看”

UI设计不就是画线框,凭什么年薪30W?

黑眼圈*2

最后开始尝试各种效果

UI设计不就是画线框,凭什么年薪30W?

“投影远了层级关系太大,不好看”

“投影太浅感知度很弱的,不如不要”

……尝试24个设计效果后

“嗯,勉强就这样吧”

UI设计不就是画线框,凭什么年薪30W?

黑眼圈*3

据说当年微博客户端的底部按钮改版

飞机稿壮观成了这样

最后才有了线上这个样子

UI设计不就是画线框,凭什么年薪30W?

网传的微博底部改版图

认真的设计精神鼓舞了不少人

说了这么多,还是有人会说:编辑:千锋UI设计

“就是你们UI设计师喜欢瞎折腾”

“按钮深浅有啥影响,能用就行”

“这行业就是很简单,随便入门”

呵呵呵呵呵呵呵

那我们就感受一下

UI设计好坏如何影响到一个产品

以下两个界面来自同样的交互文档

但为什么左图看上去就低端一些呢

UI设计不就是画线框,凭什么年薪30W?

这就是大家留意不到的设计细节

看似无关痛痒的地方

就决定了一个UI设计的好坏

UI设计不就是画线框,凭什么年薪30W?

除了右图的简约调整方向

UI设计师还能从细节着手

将整体上升一个level

UI设计不就是画线框,凭什么年薪30W?

即使不用操刀大改

只是调色调位置也能有不一样的效果

UI设计不就是画线框,凭什么年薪30W?

所以是时候放出这张经典的图了

好的设计都是存在于细节当中的

UI设计不就是画线框,凭什么年薪30W?

小提示:Average Design 与 Good Design 的区别在于 Good Design 在高度上并不是等高的。矩形因为图形特点,在同等宽高的情况下会占有更多的像素,而圆形与三角形如果还保持等高的状态,就会显得小很多。

So 还会觉得UI设计是画线框图那么简单吗

上一篇:第 29 章 CSS3 弹性伸缩布局[上]


下一篇:Spark SQL join的三种实现方式