背景
平常工作大家是否经常遇到这样的疑惑，为什么每次需求会议上，再三跟设计师小姐姐和开发小哥哥强调要看多看文档，多看原型，但是仍然很少人看，或者根本没有人看？本人私下跟很多同学讨论这个问题时，除去开发时间等非项目因素外，得出了以下几个结论
易读性差
原型/文档没有遵循用户的阅读习惯，设计排版不合理，浏览时舒适度不够
不美观
原型设计的不够美观，放在文档作为配图时，让本身易读性不是很强的文档更加难以浏览
辣眼睛
使用颜色过多，一眼看过去，给人感觉很杂乱，分不清界面信息优先级。
…
还有很多原因，就不一一列举了，总结起来就是一个字
人类都是视觉动物，如何解决这些问题，特别是产品新人，这里给大家推荐一本设计学科的启蒙书《写给大家看的设计书》，书中共讲到了4大基本法则，应用到产品设计同样适用。
亲密性
将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。
图1
图2
图1和图2，你知道这位女士和哪位男士是情人吗？很明显第二张就能很好的区分，应用到原型或者文档中同样适用
左侧看上去，明显层级不够清晰，无法区分内容对应的标题。右侧只是简单的调整了下间距，看上去就舒服多了
亲密性原则就是将相关项组织在一起。在一个页面上，位置接近就意味存在着关联。因此相关项应当靠近，归组在一起。通俗的来讲就是我和你近，我们就有关系。
对齐
任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则要求特别小心，再不能像从前那样，只要页面上刚好有空间就把元素随意“扔”到那里。
对齐分很多种，常见的有居中对齐、两端对齐、左对齐、右对齐、顶部对齐、底部对齐这几种。对齐比常见，这里只选取常见的左对齐作为本篇文章案例
左侧没有遵循亲密性原则和对齐原则，虽然在内容表现上没有什么问题，但是和右侧比较起来，易读性还是差了那么一点点
对齐的根本目的是使页面统一而且有条理。在设计中，统一性是一个重要的概念。要让页面上的所有元素看上去统一、有联系而且彼此相关，需要在每个单独的元素之间存在某种视觉纽带。
重复
设计的某些方面需要在整个作品中重复。重复元素可能是一种粗字体、一条粗线、某个项目符号、颜色、设计要素、某种格式、空间关系等。读者能看到的任何方面都可以作为重复元素。
例如上图，所有的标题标题加粗，使用同一字号，整个页面使用同一字体。每条贴子都是头像昵称+时间+贴子内容+收藏评论数展示方式。
简单来说就是在做原型或者文档时，要有一定的相关设计规范，比如相同模块层级的内容用同一种字体，字号，字体色值，间距等
对比
页面上的不同元素之间要有对比效果，达到吸引读者的对比效果。如果两个项不完全相同，就应当使之不同，而且应当是截然不同。对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引读者，并且制造焦点。
仍然以上图为例
左侧全部采用同一字号，同一色值，虽然遵循了前三个原则，但是整个看上去显得苍白无力，各部分内容不能很好的区分出来。
对比的根本目的有两个方面，这两个方面相辅相成，无法分开。一个目的是增强页面的效果。另一个目的是有助于信息的组织。
好了，这次就写到这里了，接下来这本书还有其他的章节就靠大家自己去仔细看看这本书了。更多相关文章请扫描下方二维码或者加群749784402
未经许可，禁止转载。
