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设计整体方案的他到底有何过人之处只有听了课，你才能感受到截取自老师UI中国主页如果你想要从他这“偷师学艺”让自己的设计生涯如虎添翼那么，赶紧扫码报名本期课程吧时间：7月31日 18:00-19:30嘉宾：UI设计师 吴思远主题：大神倾囊相授传授UI设计进阶诀窍扫描下方二维码，一键预约Adobe Live▼注：没有账号的同学需注册注册信息中公司那一栏没有工作的同学可以填学校当天没空的看直播的同学直播结束后会有回放哦页面显示「预约中」即是报名成功只有努力提升自己，走到高处才看得到别人不曾看到的风景面对优质又免费的课程 你，还在犹豫些什么呢？ 马上行动起来吧！点击阅读原文一键报名给自己“充充电”吧！