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