设计规则篇：学会这4点，人人都是设计师

　　本文适用场景：PPT，原型设计，海报设计，word排版，信息图绘制

　　

　　提高信息传播效率是人类一直的追求，原始人在石壁上绘制图画记录信息，到文字与纸张的发明，今天大数据是最热门的话题，而数据可视化是其重要一环。所谓一图胜千言，一页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根据思维导图模仿现有平台主要页面和交互流程，可以将软件原图作为底图，在其上面临摹各类元素。

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

　　#专栏作家#

　　田宇洲(微信公众号：言之有术)，人人都是产品经理专栏作家，北京大学软件工程管理硕士，北京电信4年产品经理，负责B2B电商平台的前后端产品设计，擅长游戏化产品设计，挖掘用户画像。

*请认真填写需求信息，我们会在24小时内与您取得联系。