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

时间:2021-01-04     来源:易思训教育 作者:易思训
分享: 更多

即使现在UI设计的岗位已经非常普遍

但其实很多人还是对UI设计有着深深的误解


比如这些发言

常常能够加入

“如何一句话气死UI设计师”

全明星系列


图片

程序欧巴

5分钟前:

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

图片

产品经理

4分钟前:

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

图片

其他设计

3分钟前:

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



 UI设计师:

图片


仿佛UI设计师就是传说中的

长了手的都能做

而且还钱多事少

 

老板都是冤大头

请这样一位闲人来公司里供着

图片

然而事实上

UI设计远不是大家看到的那样简单

 

比如,当设计一个按钮的时候


你以为的按钮设计


图片


 换个颜色、加点阴影

5分钟一步到位

 


真实的按钮设计


首先选一个适合的颜色


图片


 绿色跟app的主题不太符合……

暖色系……有点像购物网站……


(翻出色卡仔细比对几十种颜色)

还是开始的蓝色好看又适用

 

接着就是挑选最适合的形状 


图片


 方形好像太硬朗……

但是多少px的圆角适合呢…… 


(尝试几十个圆角像素后)

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

 

为形状添加设计


图片


要好看还不能用力过猛

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

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

 

(尝试了几十种效果之后)

嗯,还行,勉强就这样吧

 

UI设计师已卒

图片


不过说了这么多

还是有人会觉得

 

这些都是UI设计师的无病呻吟

真正使用起来谁会注意那些细节

 

但看一看对比图片

就知道UI设计对产品有多重要了

 

以58同城的图标为例

图片

同为简历icon,翻页的角的面积大小会对整体效果产生影响,一个合适的大小需要不停地调整和考量。


图片

同为发现icon,在宽度固定的情况下,高度的调整尤为重要,过高会导致形象不舒服,过低会导致体量感太轻。


以某银行app填写信息页面为例

图片

(所有信息都是左对齐)

(回显信息采用右对齐

需要填写的信息是左对齐)


左边的虽然整洁,可对用户来说不好辨认哪些需要填写,没有仔细看可能会以为满屏的信息都是需要填写的,造成很高的跳出率,然而需要用户输入的信息只有3个。


右边的排布用户的确可以很快的分辨出需要的填写的信息,但是排布有点乱,而且不符合用户的操作习惯


UI设计师就需要加深回显字体的颜色来强化对比,或者增加输入框的高度等,来逐步调整使用感受。


再以这个购物界面为例

图片

为什么右边的感觉更加舒适,而且自然而然就能把视觉中心集中在价格上呢?

这并不是偶然,而是设计师调整字体尺寸、字重、色彩和背景对比度得来的。


 

UI设计其实就是在和细节计较

不是在和别人比谁画的圆形更好看

谁画的方形更突出


在我们使用产品的过程中

每一个小小的细节

都蕴藏着UI设计师无限的思考

 所谓大道至简

有时候看起来越简单

融入的智慧和思考就越多


现在

你还觉得UI设计不值得高薪吗?


IT培训选易思训教育培训机构,易思训IT培训课程是易思训品牌课程,易思训培训汇集IT培训讲师,IT就到易思训教育!了解详情请登陆易思训教育培训官网(www.yisixun.com)!


相关文章

今日优惠
免费试听教程