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

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

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

自制工具导航包含文中提到的所有设计工具,建议点击并收藏网址

评论中回复邮箱,附赠10.6G PPT模板下载链接

一、设计规则

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

(1)亲疏:相互关联,意思相近的内容应该放在一起

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

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

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

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

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

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

效果一目了然
源于《写给大家看的设计书》

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

(3)对比:有意识地增加不同等级元素之间的差异性,要么相同,要么完全不同

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

(4)重复:分析元素等级后,选取相同等级的元素来重复

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

2、如何配色

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

评论中添加邮箱,赠送10G PPT模板!!!

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

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

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

3、选择字体

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

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

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

4、图标

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

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

图标下载神器:http://www.iconfont.cn/  也可以点击笔者自制设计师常用网址查看!

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

5、扁平化设计(扁平化、简单伪扁平化和伪扁平化)

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

二、工具推荐

点击 我的工具导航 ,快捷一键使用下文介绍在线工具,建议保存到收藏夹,便于使用。

创客贴(在线制图最强神器,没有之一)

花瓣网(瀑布流图片搜索神器)

Piktochart(信息图制作)

Color Scheme(在线配色工具)

trianglify-generator(在线纹理背景生成)

Optimizilla(在线图片压缩)

pexels(高清免费图片背景)

三、学习方法

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容