⼈人都是设计师

⼀、设计师的内⼼独⽩

对于设计师的称呼在互联⽹⾏业⾥叫的最多的就是“美⼯”（美术⼯程师，这是设计师们⾃⼰对这个称呼的⼆次理解），其次还有很多不专业的叫法⽐如：抠图的、修图的、画logo的、画图标的等等，作为⼀名设计师来表达⼀下设计师的内⼼独⽩：你们懂什么，这么吊炸天的设计……设计师⼀般对⾃⼰的作品都是抱着满怀期待的~期待⼤家⼀起来夸⼀下，毕竟⾃⼰花⼼思做出来的⼀定是⾃⼰满意的，然⽽现实往往是相反的

那么好的设计究竟好在哪⾥？都有哪些评判标准呢？⽤设计四⼤基本原则来评判才更具有说服⼒。

⼆、设计四⼤基本原则—亲密、对⻬、重复、对⽐

亲密原则——将相关的项组织在⼀起，使他们的物理位置相互靠近，从视觉上产⽣关联。

表示有亲切关系的内容、⽂字、图⽚等信息通过距离（留⽩）来表达出来。同⼀组内的信息要保持相对近的距离，组与组之间的距离要⼤于组内信息之间的距离，这样才能将不同组的信息从距离上拆分开来，达到视觉上分组的效果。

案例1

当每个图⽚和⽂字的距离都保持⼀致的时候，我们很难分辨出⽂字说明的是上⼀个图⽚的内容还是下⼀个图⽚的内容。当我们刻意将⽂字靠近上⼀个图⽚之后，再看⼀下效果，便能⽴刻分辨出⽂字是对上⼀个图⽚的说明，因为与下边图⽚距离拉开的原因让我们更加明确了上⼀组图⽂与下⼀组图⽂形之间的关系。

对⻬原则——任何元素都不能在⻚⾯上随意安放，每⼀项都应当与⻚⾯上的某个内容存在某种视觉联系。

对⻬样式：左对⻬、右对⻬、上对⻬、下对⻬、居中对⻬；在我们将信息分组之后，根据再将每组内容按照统⼀的对⻬样式进⾏对⻬，我们会得出⼀个更加整洁的画⾯。

左对⻬：视觉上遵从⼤多数⼈类从左到右的阅读习惯，当左对⻬后视觉流会更加统⼀整⻬，更容易定位下⼀⾏⽂字的位置，符合⼈类常规阅读习惯。

右对⻬：⽂字右对⻬后左边会形成⼀个参差不⻬的锯⻮状，当排版为左图右⽂的时候我们的⽂字能更好的与图形结合，从⽽将整个画⾯感结合的更完美。

上对⻬、下对⻬：多⽤于繁体字排版，古书排版，遵从了古代的书写⽅式，通常⽤于艺术、历史信息等展示。对于数字串和英⽂字体不建议⽤竖排版的样式，不利于阅读。

居中对⻬：多⽤于⽐较正式的书写格式，表达⼀种庄严感。例如证书的排版，多⽤居中对⻬。

案例1 Pages功能介绍⻚⾯

此⻚⾯中标题采⽤了整个⻚⾯居中对⻬的样式，表达标题的庄重感。⻚⾯内容都采⽤了左对⻬的样式并分组显示信息，这样组与组之间才能更加清晰，便于阅读分组。

案例2 名⽚排版

当名⽚的5个信息分为位于⻚⾯的任意⻆落，这样我们的视觉流便从中间到四周不断的漂移，没有形成流畅的视觉线。当我们将名⽚信息左对⻬并进⾏分组后便得到⼀个层级和视觉流更顺畅的名⽚。

案例5 毕业展海报设计

该海报整体⻛格选择了居中对⻬的⽂字样式，来表达对毕业展的庄严，⻚⾯底部⼜采⽤了顶部对⻬的样式，这样在整个海报中形成了⼀个视觉流的对⽐，使画⾯庄重⼜不乏味。

重复原则——设计的元素符号、字体、线条、颜⾊、空间关系等在整个作品中重复使⽤。

重复使⽤相同元素、颜⾊、形状有助于培养⽤户对品牌的认知，加深品牌印象，并保持视觉上的统⼀性。

案例 ⺟婴护理⽹站

⻚⾯中多次使⽤蓝⾊来强调品牌⾊，使⽤⼤圆⻆元素来贯穿整个⻚⾯，与logo的圆⻆形成视觉元素呼应，再次强调了品牌调性，⻚⾯中统⼀的蓝⾊线性图标再次从细节上体现了统⼀整体性。

对⽐原则——两个元素不同就会产⽣对⽐。倘若两个元素存在不同，但差别不⼤，那就不是对⽐⽽是冲突。如果两个项不完全相同，就应当使之截然不同。

案例1 产品详情展示⻚

⻩⾊与⿊⾊的对⽐、填充按钮与线框按钮的对⽐、产品名字与说明⽂字的⼤⼩颜⾊对⽐、左边⽤⼤⾯积留⽩来衬托产品，让视觉停留在产品本身，右边⽤深⾊背景加⽂字的密集排版跟左边的⼤⾯积留⽩⼜形成了疏密的对⽐，⼈们视觉习惯被简洁的事物所吸引，所以再次将视觉导向了产品本身。

案例2 ⼤字报

红字与背景⾊形成了鲜明的⾊彩对⽐吸引视觉注意⼒，字体⼤⼩的对⽐让⽤户第⼀时间注意到了最⼤的主题⽂字，以字为点，由点成线，线成⾯组成了⼀个⽆形的⽴⽅体，⽴⽅体与背景的平⾯形成空间上的对⽐，增加视觉冲击⼒，让视觉注意⼒瞬间吸引过来，达到了突出主题引⼈注⽬的效果。

三、作品赏析

四、总结回顾

请叫我们设计师～

记住设计四⼤基本原则—亲密、对⻬、重复、对⽐

成功的设计不⼀定是好看的，好看的也不⼀定是成功的

漂亮的事物看过的太多，记住的真没多少

反⽽有特点，⽿⽬⼀新的更会唤起你的记忆