【原】UI设计太丑CEO公开骂人？！这4个原则让你设计不翻车…

—

学UI设计就像建房子

地基打好，房子才能建高建稳

大家好，我是美丫姐

最近，设计圈发生了一件事

大家应该都有所耳闻

有赞产品体验部因UI设计太丑

被CEO白鸦公开破口大骂批评

公告中字里行间都透露着白鸦

对设计师审美的极度嫌弃

公开批评就算了

还做了个牌子，挂在产品体验部

把设计师钉在耻辱柱上狠狠羞辱

此事件还导致这个部门

   被改名为「审美缺失部」

让有赞设计师

成为了网友们茶余饭后的笑料

部分网友也纷纷表示

这设计的确丑到没眼看

但作为一个设计师

咱们回归UI设计本身来讨论

大家都说这组图标丑

  那它到底丑在哪里呢？

其实最根本的原因还是这组图标

多处细节不符合UI设计规范

首先，没有对元素进行合理排列

页面布局没有规则，不统一

可以看到连最基本的对齐都没做到

下面灰黑色图标明显更突出

其次，在色彩、字体、图标细节上

把UI设计雷区全踩了

一组图标，居然有6个完全不同字体

 图标清晰度不同，整体色彩也不统一

为了避免大家像有赞设计师一样

把能踩的坑一次性踩个遍

美丫姐今天给大家总结了4点

UI设计师必须遵守的设计规范

接下来，拿好你的小本本

   开始今天的干货小课堂叭！

知识点一：版面规范

随便打开一个App

你就会发现，屏幕方寸之间

需要塞下动元素不计其数

如果不制定统一版面规范

去规划元素该怎么放

页面就很容易变得杂乱无章

但如果设计师在设计之始

就规定好页面边距，元素间距

那么，无论页面元素再多

照着规范来，也能井井有条

知识点二：色彩

在UI设计中，色彩一般包含

品牌色、辅助色

主色调可取用品牌色

向用户传达App调性

在接到设计需求之初

设计师一般会做个情绪板

向客户展示整体风格走向

避免自己吭哧哼哧，全做完给甲方看

最后甲方却觉得调性不对，白费功夫

某宠物App情绪板

▼

某宠物App成品风格

▼

按钮、图标颜色都算辅助色

可以是品牌色的同类色

或者可以取用品牌色的补色

让画面看过去更加丰富

知识点三：字体

除了logo和开屏画面的字体

会用些艺术字外

App内用的字体多是黑体

这样，即便页面内有大段文字

也能让用户轻松就能读取信息

但也因为无论什么信息都是黑体

就无法以字型来区分不同信息

这就需要设计师从字体大小及不透明度上

去给不一样的文字信息做区分

比如导航栏大标题字号最大

选中的标签颜色最黑

这样页面可读性就会高很多

如果无论什么信息，文字大小颜色都一样

就会造成下面这样的惨状

用户第一眼根本不知道往哪看

知识点四：图标

在图标的设计上需要注意的是

多个图标大小的统一

因为一组图标大多形状各异

如果仅靠统一图标高和宽来统一图标大小

那么，图标大概率看过去还是大小参差

正确做法是用视觉来统一

（就是凭感觉来，调整到看着舒服就行）

除了大小，还有很多细节

需要设计师去规范

比如圆角需要几个像素

图标倾斜度是否一致等

这样才能做出一组合格的图标

只要能做到上面提到的规范

那么你的UI设计就算上道了

但美丫姐今天说的

也只是UI设计一点入门知识

如果你想学更多UI设计窍门

那么，本期Adobe live你绝不能错过

在本次直播课上，高级UI设计师吴思远

 将手把手教你，他的UI设计诀窍！

除了上面那些静态作作品外

他的动态设计也十分精彩

倍受各大公司甲方爸爸青睐

曾为多家公司制定UI设计整体方案的他

到底有何过人之处