产品经理通常不是通常意义上的管理者，在产品流程中交互、视觉、开发、测试人员只是你的伙伴而不是下属，的确也应当如此。这样会要求你的每个决定都应该有理有据，让人信服的，而不是让人服从的。本书在视觉阶段给予我们明确的方法论，让我们知道什么是对的，错又在哪里？

背景

在视觉设计阶段，我们的视觉设计师根据原型稿输出产品最终的脸面。当我们拿到设计稿总觉得哪里不对，觉得不够精致、不够漂亮，但又不知道是什么问题时，我们通常会说：“再优化下、再改一版……。”这样的建议明显是不够专业的、不负责任的、无法说服设计师朋友的。

四大原则

本书的四大设计原则（亲密性、对齐、重复、对比），适用于任何设计稿。很多你觉得不够好又不知道因为什么的问题，都在本书中提炼成方法论，有根有据的进行设计评议。

亲密性

如果两个元素存在逻辑上的亲密关系，那么应该将他们更近的放在一起，形成一块视觉单元。如果两块内容不存在逻辑关系，那么他们就应该适当的用空白区隔开来。

运用亲密性原则，可以让信息从逻辑关系更有条理，更容易被理解、阅读，亲密性而产生的空白也是设计师们最喜欢的“留白”，会让页面更加美观。

不过有些问题是应该被大家注意的

• 避免一个页面上有太多因空白而造成孤立的元素，不要超过5个，但是不绝对。
• 不要在不同层级中加入相同距离的空白，这里应该和“对比”原则共同体现的。（本博客模版显然在“亲密性”做得不够，不同层级间的距离一致，之后有时间我会做模版调整。）
• 最重要的是，页面中元素的逻辑关系要明确的清楚，不然“亲密性”只会产生副作用。

本书的“亲密性”与《简约至上》中的“组织”是同一思想，都为了让用户和读者拥有更好的体验。

对齐

页面上的任何元素都不能随意摆放，除非你能说出为什么这么做。既然他们在同一页面上，每个元素都应该和其他元素存在视觉联系，不然就会导致混乱。

运用对齐是最容易让设计产生立竿见影的统一和条理效果的方式，观察页面上的全部元素，是不是和某个其他元素产生了关联。

有些问题应该被注意的

• 尽量避免“居中对齐”，如果不是专业人员，尽量不要尝试该方式。
• 避免采用多种对齐方式（图文两列内容，图片居右、文字依着图片的基准线居左，是个很不错的对齐方式）。

左对齐和右对齐同时出现，但是标题的右边和下方文字的右边建立了一条线，不会产生混乱。

重复

重复通常有两种作用“强调”与“统一”，重复可以将不同视觉模块统一在一起，让用户觉得他们是分割的，但又是一个统一的整体。

• “统一”，可能是一条线、一个颜色、一个字体、一个符号、一个结构，对于多页内容尤其重要（宣传册、多页网站的统一风格）。
• “强调”，当下方某个文字和标题采用重复，下方某个文字就会被注意、被强调（如果页面中哪个元素吸引了你，那么就可以将它做为重复元素）。

应该避免太多重复，太多的重复就失去了“强调”和“对比”的意义，重复的应该是点而不是面。

对比

对比的根本目的有两个“加强”和“组织”，两者效果通常是相辅相成的，可以用任何元素来形成对比。

• “加强”吸引读者首先关注你最想让他看到的内容（引导视线），让他看到最吸引他的地方。
• “组织”可以使读者清晰架构和层级，避免错误的理解信息流。

需要注意的问题：如果确定要采用对比，那么就让他们截然不同。不要用18px和17px、黑色和黑棕色，会让用户迷惑的对比，切记切记！