作为一枚界面设计师
我真的很想为UI设计抱不平啊！！
UI设计真是一个备受不解的职业
常会被误解，然后出现以下场景
程序欧巴：
界面画好没？按钮圆的方的不都能用吗？纠结那多干嘛？
产品经理：
这次我们就10个页面，半天能够搞定吧，都有交互了。
其他设计：
你们不就是画线框图吗？我自学半个月都能转行了
…
仿佛全世界都能做UI设计
只不过你运气好
碰上了这个事少钱多的行业
但讲真，UI设计行业远没有想象的那么简单
举个栗子
当我们设计一个按钮的时候
大家都以为的步骤是：
看看原型图——加个颜色——加个圆角——完工！
但其实真实的情况呢
我们先要确定主题色
“不不不不，绿色太像安全产品了，感觉不符合品牌”
“诶，红色好像也不太好有点警示作用，怕吓到用户”
……尝试24个色之后
“嗯，还是蓝色保险又好看”
黑眼圈*1
然后又开始尝试各种样式
“圆角太大有点幼稚”
“没有圆角又太硬朗了吧”
……尝试24个圆角像素后
“嗯，还是5px的圆角最好看”
黑眼圈*2
最后开始尝试各种效果
“投影远了层级关系太大，不好看”
“投影太浅感知度很弱的，不如不要”
……尝试24个设计效果后
“嗯，勉强就这样吧”
黑眼圈*3
据说当年微博客户端的底部按钮改版
飞机稿壮观成了这样
最后才有了线上这个样子
网传的微博底部改版图
认真的设计精神鼓舞了不少人
说了这么多，还是有人会说：
“就是你们UI设计师喜欢瞎折腾”
“按钮深浅有啥影响，能用就行”
“这行业就是很简单，随便入门”
呵呵呵呵呵呵呵
那我们就感受一下
UI设计好坏如何影响到一个产品
以下两个界面来自同样的交互文档
但为什么左图看上去就低端一些呢
这就是大家留意不到的设计细节
看似无关痛痒的地方
就决定了一个UI设计的好坏
除了右图的简约调整方向
UI设计师还能从细节着手
将整体上升一个level
即使不用操刀大改
只是调色调位置也能有不一样的效果
所以是时候放出这张经典的图了
好的设计都是存在于细节当中的
小提示：Average Design 与 Good Design 的区别在于 Good Design 在高度上并不是等高的。矩形因为图形特点，在同等宽高的情况下会占有更多的像素，而圆形与三角形如果还保持等高的状态，就会显得小很多。
So 还会觉得UI设计是画线框图那么简单吗
编辑：千锋UI设计