一图胜千言｜设计规则篇：学会这4点，人人都是

提高信息传播效率是人类一直的追求，原始人在石壁上绘制图画记录信息，到文字与纸张的发明，今天大数据是最热门的话题，而数据可视化是其重要一环。所谓一图胜千言，一页PPT抵得上1000字的文字描述，一套可交互原型一定程度上可以代替几十页的PRD文档，一页优秀的海报能让阅读者快速获取信息并做出反馈，一张设计合理的信息图可以让你快速了解一个从未接触过的领域，如下图所示：

一、设计规则

1、排版设计四原则：亲疏、对齐、对比、重复

（1）亲疏：相互关联，意思相近的内容应该放在一起

根据信息相关性分组，利用空间距离，添加虚线或实线等方法体现信息亲疏关系，如下图所示：

左图中，如果你要找可口可乐，需要从头到尾检索文字，而在右图中，经过亲密性原则调整后，你就可以很快地找到饮料区，从中找到可乐。

设计样例源于《写给大家看的设计书》

如上图所示，通过亲疏性将信息从空间上分开，标题使用不同字体和加粗，通过对比，将亲疏性表现的更加明显。

（2）对齐：保证页面上的某两个元素之间总是围绕一条直线对齐

大家可以找一些优秀的设计案例，你会发现，都会有很多隐藏的参考线，保证文字，图标等设计元素对齐一致，如下图所示：

效果一目了然

源于《写给大家看的设计书》

剧中对齐对于大段文字不是非常适合，左对齐效果最佳，如上图所示，同时运用了亲疏和对齐，瞬间让海报的可读性提升很多。

（3）对比：有意识地增加不同等级元素之间的差异性，要么相同，要么完全不同

通过加粗，添加底色，修改颜色，增加图标等方式让信息展示在视觉上有对比性，明显可以看出标题或重点。

（4）重复：分析元素等级后，选取相同等级的元素来重复

从单个页面来说，“解释说明”部分的字体、大小都体现出重复性原则，保证了单个页面的稳定性。从多个页面来说，转场页属于同一等级，所以他们应该具有某些重复的特征，如下图所示，除了颜色之外，其他特征都是相同的，而颜色的不同让PPT更有味道。

2、如何配色

提到配色，很多书会介绍各种专业的色彩搭配原理，如何利用互补色，近似色，三色去把握整体画面的色彩，但是作为一个非专业设计师，如果只是为了制作简洁的PPT，原型和海报，最好的方式则是选择自己看着舒服的页面和配色表，通过吸取和填充完成配色，或是找到适合的PPT模板，因为这种方式更加稳妥和高效，所有设计师都是从临摹开始的。

（1）PPT配色

PPT的配色可以简单分几类，纯色，背景图，纹理背景等，一页PPT最好不超过三种颜色，不要使用刺眼的纯色，可以微调色相，适当调低饱和度和亮度。下文中会介绍制作PPT，原型和海报的常用工具，查看第二章：工具推荐。

（2）原型配色

原型分低保真原型和高保真原型，低保真原型本质上为了将页面信息结构展示清楚，以黑白灰配色，将信息结构展示清楚即可。高保真原型尽量与设计师合作完成。

（3）海报设计

海报设计属于系统化设计，不单单只是配色问题，涉及到背景，字体，排版，抠图，手绘等很多因素，最好的方法是找到内容相符的已经设计好的海报修改文字内容，推荐大家一个神器-创客贴，有了它，所有图片设计基本都可以搞定，从名片设计，微信头图设计，X展架设计，自媒体宣传海报设计等都是拖拽式操作，模板修改文字，一步搞定。

3、选择字体

PPT主要靠逻辑说服听众，原型主要靠用户页面展示让团队清楚信息流程和展现样式，所以没必要在字体上做文章，中文字体微软雅黑和英文字体MS YAHEI非常适合PPT的一种无衬线字体，如果微软雅黑的粗体依然不够，可以考虑下载 方正超粗 并且黏贴到到windows/Fonts的文件夹。

如果文字放在单色背景上时，文字颜色和背景颜色一定要对比度够大，不可使用色彩相近颜色填充。

字体和线条的搭配可以让PPT变得特别简介，也给大家几个模仿案例，非常简单，大家可以在制作PPT的时候使用，建议大家模仿制作一次，模仿是学习设计的最好方法。。

4、图标

图标不要随意使用，图标是为了帮助观众/用户理解内容而存在的，让观众/用户可以在图标就了解演讲内容的方向，并且加深观众的印象。

图标与标题同等重要,在有图标的情况下，图标与标题同等重要，甚至比标题更需要动脑。

150万图标，高效中文检索，可选颜色，可改大小，导出png格式下载，PPT制作，原型制作，海报制作必选工具！

5、扁平化设计（扁平化、简单伪扁平化和伪扁平化）

IOS和Android设计规范引领了设计趋势，现在互联网产品、海报和PPT设计均从拟物化向扁平化发展，而什么是扁平化呢？扁平化可以简单的分为三种：真的扁平化，简单伪扁平化和伪扁平化。真的扁平化没有阴影明暗变化，简单伪扁平化有阴影但是没有高光和细节，扁平化有阴影，有高光和细节，如下图所示，附设计方法，建议大家模仿制作一次，模仿是学习设计的最好方法。

二、工具推荐

创客贴（在线制图最强神器，没有之一）

花瓣网（瀑布流图片搜索神器）

Piktochart（信息图制作）

Color Scheme（在线配色工具）

trianglify-generator（在线纹理背景生成）

Optimizilla（在线图片压缩）

pexels（高清免费图片背景）

三、学习方法

学过素描的朋友都知道，最初都是临摹，从简单的石膏几何体临摹开始，到几何体写生，再到景物临摹，景物写生，石膏像临摹，石膏像写生。而对于非专业设计，我们最好的方式也是临摹+创作，很多朋友上来就凭借自己感觉制作，然后感觉很丑，于是给自己心理暗示“自己没有设计天赋”，最终放弃。

1、PPT设计方法

首先梳理PPT的逻辑和金字塔结构，根据内容选择适当模板，千万别为了套用模板而修改PPT的内容，为了使用模板而调整内容，新人很容易犯这个错误。当时间充裕时，可以使用PPT的图形工具，模仿模板内容，进行临摹设计。内容排版上分别从亲疏、对齐、对比、重复四个维度进行设计。

2、原型设计方法

如何快速熟悉一个产品的业务逻辑？笔者认为最好的方式就是使用xmind将其功能模块进行拆解，再使用axure根据思维导图模仿现有平台主要页面和交互流程，可以将软件原图作为底图，在其上面临摹各类元素。

海报设计方法。使用创客贴，搜索满意的模板，修改文字内容，二维码，页眉和页脚等信息。