一图胜千言|设计规则篇:学会这4点,人人都是设计师

专为互联网人打造的365天成长计划,500门视频课程随便看,构建你的产品、运营知识体系。查看详情

本文适用场景: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电商平台的前后端产品设计,擅长游戏化产品设计,挖掘用户画像。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Pexels,基于 CC0 协议

祝给予赞赏的伙伴,2017年发大财!
4人打赏

评论( 2

写下你的想法
  1. 资深互联网人

    10G PPT模板百度资源下载链接: https://pan.baidu.com/s/1kVvaq83 密码: 3qvy

    回复
    1. 回复

      6666

推荐阅读