第一篇文章有点紧张。本来这个主题是一次公司内部的分享，顺便可以编辑成文章做个记录。

今天要说的点非常的基础却又非常的重要。我们做平面却又不限于平面设计往往会眼高手低，在追求超炫的技法效果的同事忽视了最基础的核心功底，最后导致我们所产出的就像花瓶，炫技有余却推敲不足。写这篇的目的不仅仅是给我们同在学习过程中的同好们心得的分享，更是对我这个设计界的小学生一点提醒，让自己不至于陷入本末倒置的陷阱中。

OK进入正题

这是我一直以来所认同并坚持的原则，传情达意。我们在设计前的规划以及设计后的审视，都要以「传情达意」为根本，这促使我们回归设计的本质：我们的设计究竟是为了什么、我们最后的产出究竟有没有达到目的、是否有传达设计师亦或是品牌想要传达给用户的内容以及情感。这样的思考方式会让我们追根溯源，并且帮助我们使用最合适的手段去产出相应的设计。（好吧，理论归理论，水还是真的水。。。）

         接下来将会许多的案例，很多是没有经过与作者沟通就被我私自放上来，若有侵权请作者提醒，我会及时删除，感谢感谢。

本次将会从四个部分来简要的说明一些平面设计中的常规原则以及初级且极其重要的的设计方式

第一个部分：排版的四原则。参考书籍《写给大家看的设计书- Robin Williams / John Tollett》（《Robin Williams Design Workshop》）（这是一本非常棒，非常干货，非常易用的书籍，相比理论文字多到发指的排版教科书，这本书真的可以成为每个设计师一辈子翻阅的 “朋友书” ，吹爆吹爆！

简单阐述下：

亲密性：指画面里相同属性、相同语义群的时间空间的亲密原则。就是说，我们在画面里，要将彼此相关的元素进行空间或者时间上的靠近，形成肉眼可见的视觉群组单元。这样有助于帮助用户组织信息，理清视觉逻辑关系，以达到「传情达意中」的「达意」。

对比：指的是画面里，根据信息传达的优先级、属性等对视觉元素进行的大小、明暗、虚实、冷暖等的视觉冲突。这样可以让用户在短时间内理清和接收到重要信息和辅助信息，甚至可以清晰地感知品牌或者设计师想传达的情感。

注意：对比是画面中最重要的元素和属性，对比是所有画面关系的起始和终结。

对齐：指画面元素、文本信息以某一个基线为准排列。为的是整理画面信息、让画面清晰明了并工整整洁，帮助用户更加顺利愉悦的阅读。

重复：让设计中的视觉要素在画面中重复出现。可以重复字体、颜色、形状、线条、大小和图片等等。这样可以增加条理性，还可以增加统一性，和品牌主题元素的曝光。

注意：在画面中四原则是相辅相成配合使用的。

     四原则模型。

看几个常见的错误，是错误哦，不是失误！

大家能看明白吗？对比就要对比的够劲儿，拒绝一切模棱两可！模棱两可！模棱两可！我们要让用户感知的是设计师有意为之，而不是误会成「做错了」

案例

第二部分，点、线、面

点线面使我们做视觉工作的同学们每天都在有意无意打交道的东西，小到做流程，大道拍电影，甚至给人指个路都要用到。「点、线、面」是自然行为产生的抽象元素，他帮助我们的大脑处理眼睛接收的信息。

看几个案例

                              

点、线、面是是相对运动与静止而言的

形状语言

第四部分，画面的素描关系

素描关系大家一定非常熟悉，尤其是对于美术生来说。。。老生常谈的「素描关系」。

素描关系就是指「明暗关系、透视关系、比例关系」。素描关系就像一个画面的骨架，支撑起整个画面的信息结构。骨架坍塌，素描关系不稳定，设计师所产出的画面一定是不成立的，就算你的颜色再好看，也是白费。

明暗关系帮助我们看的清晰画面的元素；透视关系帮助我们在画面中身临其境有代入感；比例关系让我们知道信息的量级。（三者只有透视关系可以画面主体适当妥协，但要在画面设定中自洽）。

我们在检验自己的画面时有一个很有效果、也很长用的方式，就是将你的画面转成黑白模式，然后看看是否清晰。好的画面，黑白关系一定是非常和谐且清晰的。

细节的把控

次要矛盾往往影响着主要矛盾的解决，马哲方法论。设计的细节常常会影响设计的品质，很多时候我们的画面乍一看整体都非常棒，不论是颜色或者架构都很好。可是往细节看去却很多漏洞经不起推敲，这就会使我们的设计品质感瞬间坠底。这也是我们时刻需要注意的，我们要确保我们画面的每一个角落每一个细节都被处理过。

以下的总结的案例来自于我的导师。

全都是很细节，甚至只有几个像素的处理，却关系到我们的画面的品质感。

案例一：btn的文案字号和按钮的尺寸、圆角以及字体的搭配。

案例二：图形的绝对像素以及视觉重量平衡

案例三：图形的绝对像素以及视觉长度

总结一下：四个部分

排版四原则：

1，亲密性；  2，对比；  3，对齐； 4，重复

点线面

点 -- 装饰、平衡、点缀

对比 -- 拒绝模棱两可

素描关系 -- 明确关系

细节把控 -- 确保每个角落都被设计，确保视觉平衡

谢谢观看！

下期预告：画面的肌肉与皮肤--色彩