遥想当年乔老爷子一个iPhone4问世，引发智能手机的产业革命兴起，新兴一个岗位叫做UI设计就诞生了，当时无数平面设计师转行于此，甚至在当时在2014、2015年左右，UI人才急缺，只要会个PS，又不需要炫酷作图技能，就能拿到万元以上的高薪，所以引得众苦逼要疯狂的平面设计师欢呼转行，同时各大培训班开始疯狂培训（收割韭菜）一茬接一茬的将（他们认为的）UI人才输入社会。

我有幸，正好是这两类的结合人才，一个培训班出来的平面设计转行的UI设计师（别笑我，我当初也是被忽忽悠悠学了设计）。

我确实在大学毕业时，因为就会个ps慢慢打进了UI设计这一行业。但是很多和我有类似经历的人，随着这几年UI这个职业的不断完善和UI组件标准化，也慢慢领悟到最后大家互相拼的，就是最基础的样式个性化。

尽管我们作为UI，需要逐渐去学习交互，去学习产品，理解用户体验，明白需求分析，但从本质上讲，我们是依旧是设计师。尽管越来越多公司规范起来，将自己公司的UI设计和平面设计，设为两个职位，但乔老爷子给咱们创造的新的工种，说白了就是一种线上的平面设计。

所以尽管我们可以通过三个月培训班出来，不用像美术生那样，从小苦学画画，大学提升审美，工作苦练视觉牛逼高大上的技能。但是我们现在做的每一个界面，都是从平面设计演化出来的，因此一个平面不好的UI设计师，终究会随着行业内的组件统一化而被落伍掉。

因为我也是非美术科班出身，所以一直苦研究平面的审美排版技巧，现在决定开始写关于如何做好平面设计的一系列文章。当然知识是瀑布，永远不断的更新，所以若有写不周正的地方，还望大家多多指教。

想要学好平面，先从基础开始起，这时候就要推荐经典就能再经典的书籍——《写给大家看的设计书》，里面讲述了一个好的设计最基础要达到的点，所以如何做好平面设计这系列文章，第一篇，就向大家讲述关于这本书所传达的内容：

《写给大家看的设计书》讲述了很多方面的内容，但最经典的内容无非就是设计的四大基本原则：

亲密、对比、对齐、重复

一、亲密性

亲密性即是将相关的项靠近放在一起，而无相关或相关不大则单独摆放。根本目的是实现组织性，让视觉上形成一个关联，也让画面更有条理性。

二、对比

做设计时，如果元素过于相似，就会让整个画面显得平淡无奇，没有层次感，一眼看不出重点，一双眼睛放上去跟不知道先瞟哪里好，所以就干脆让需要突出的元素，和其他的截然不同。

常见对比方法：大小对比、颜色对比、形状对比等

一个重要原则要记住：既然使用了对比，就一定要强烈强烈再强烈，别搞得畏畏缩缩怕画面吓着人不敢弄。就比如说12px和14px字体，根本就不能算得上是对比，而是12px字体和32px字体才算得上是一个拥有层次拥有起伏的对比。

三、对齐

每一个元素都应当与页面上的另一个元素有视觉联系，则任何元素都不能在页面上随意安放，这样可以建立一种清晰、精巧而且清爽的外观。

一定要坚持的原则：页面上只能使用一种对齐方式，要么全部左对齐，要么全部右对齐，或者全部居中对齐。

四、重复

设计的某些元素需要在整个作品中重复，这样可以有利于组织信息，将相似的元素组装在一起，让整个页面统一和条理性。让阅览者更加清楚这个画面的一个组织架构，知道怎么阅览这个画面。

举个实例

现在来分析上面这张图，依据设计的四大基本原则，都有哪些问题需要优化： 

优化前

优化后

优化前

优化后

一切设计都基于基础以上再去自由舞飞翔，想要打破规则，就必须要先守规则。作为一个UI设计师，可以不去学习专业视觉方面的，比如C4D，手绘这等炫酷的效果技能，但一定要熟练掌握最基本的排版，层次感，让设计最重要的内容首先被阅读到，这样才可以被称为是一个合格的设计。

我以前虽知道这些原则，但并不熟记于心，后来我将这四点背了下来，在设计平面需求时，脑子里时刻闪现这四个设计原则，后来公司的需求方总是夸赞我最近海报做的好看了。这就是因为我时刻依据这四个原则作图，所以最后画面就会非常有层次感，一眼就能看到重点，而并非我会了什么超炫的文字设计或者牛逼合成的技能。

当然最后一点，设计顶层都是相通的，时刻熟背这四个基本原则，不仅能让你平面更上一层楼，在UI界面设计上更是一个原理，都不带变的。

Powered by Froala Editor