日本告诉你设计到底有多重要

最近来自日本NHK电视台的一支设计类科普视频火遍了网络

它用1分钟告诉你，设计在生活中的重要性！

它就是——《NHK：排版颂》

对 齐

在做排版设计时

对齐几乎是所有要求里最基本的一项

before

▽

http://p3.pstatp.com/large/pgc-image/46e49154890548c09458dfcde98925ca

这张贴在黑板上的通知

之前是使用居中排版的方式

看似无大碍

但是将它改成左对齐

你会发现，内容会更易阅读

板式上也更加简洁明了

after

▽

http://p1.pstatp.com/large/pgc-image/ffa6b90f94bb4c4d8860f6bfd3d96c00

再来看看地铁站的图标

由于有的站名字数较多，有的字少

所以会长短不一

看起来层次不齐，非常凌乱

before

▽

http://p3.pstatp.com/large/pgc-image/004021c3197f47b6a86ef77e8169d802

一旦将它们两端对齐之后

文字的辨识度变高了

整个画面看上去也清爽很多

after

▽

http://p1.pstatp.com/large/pgc-image/3a2a5189d63147d9add55d44ee4718f8

收银小票上产品和价格都居中对齐

很难看清楚各类物品

before

▽

http://p3.pstatp.com/large/pgc-image/4af3fe723eff49c88bc76a668edaa544

当两端都对齐之后

产品和价格立马分辨清晰

after

▽

http://p1.pstatp.com/large/pgc-image/d074821b88fd45d3a9c843e0ae747651

放 大

在一张图片中

如果所有传递的信息字体

都是等量大小

那么基本等于没有有效的信息输出

譬如这个：出口

第一眼虽然看到了“出口”二字

但极易忽视掉“箭头指向”和“出口编号”

before

▽

http://p1.pstatp.com/large/pgc-image/9d050fa930be4b94a6518f6dd63eee27

将重要信息进行放大标粗后

很明显，信息的传递会更有效率

一秒就可以get关于出口的所有信息

after

▽

http://p1.pstatp.com/large/pgc-image/a7338a7bf01e4035ad6287d6f8179eb7

如果盒装饮料上的字

都是一样的字体，一样的大小

辨识度几乎没有

before

▽

http://p3.pstatp.com/large/pgc-image/b5c812bf47914e40a644b2eb210e79e5

但将主标识放大后

很快就能辨识出是牛奶

after

▽

http://p1.pstatp.com/large/pgc-image/f5c54fc1c13c48d09fd6005452293707

超市里的促销信息牌

其实产品名并不是宣传重点

只有促销低廉的价格

才会引发人们的购买欲

before

▽

http://p1.pstatp.com/large/pgc-image/44683945ea734418854af9b48ec1ba21

重新修改后，将优惠价格放大

直观感受上是不是差别很多！

瞬间想多看它几眼，再带几个回家

after

▽

http://p1.pstatp.com/large/pgc-image/784b7135fb9f43a7ae944d808a667a00

分 类

将信息有效分类

不仅能让物品变得美观

同时也会强化信息传递

关于垃圾分类

如果没有按颜色分类来排版

看起来简直让人一头雾水

before

▽

http://p1.pstatp.com/large/pgc-image/48da9cbf943f4f51a64f4adf658303f1

修改过后的设计

一秒变得简洁明了

可以快速找到你需要的信息

after

▽

http://p1.pstatp.com/large/pgc-image/7217527a8ef048a2a5800048037d439a

看看这个车站信息牌

存在哪些问题？

所有信息全部挤在一起

识别度差评！

before

▽

http://p1.pstatp.com/large/pgc-image/a48604b0e81b472f909649180cc657e1

将其对齐并分类后

不仅能节省阅读的时间

还能缓解车站人流拥堵

减少事故发生

after

▽

http://p1.pstatp.com/large/pgc-image/a36f96a5f5ea4418ac57194258d812ec

留 白

适当的在板式设计中留白

会让画面更直观、美观

譬如这本针对儿童的动物图鉴画册

看上去好像没什么问题

但仔细观察下你会发现

图片中的文字解说

到底是对上面的图案还是下面的呢？

before

▽

http://p3.pstatp.com/large/pgc-image/88122d251b764c74814bcb129988369e

适当的留白分隔开

便会更清晰

after

▽

http://p3.pstatp.com/large/pgc-image/811ab55c6ce7427e8f89a4ba1c151330

这张海报

所有元素都被放的巨大

撑满了整个画面

最后起到的效果就是

什么重点信息都没有获取

before

▽

http://p1.pstatp.com/large/pgc-image/6221364e21bc47858170b4dbac8ae8cc

更改后的设计

标题、图案、时间、地点

有效信息，一目了然

after

▽

http://p9.pstatp.com/large/pgc-image/df9ff6d307f04f65a1afe72762daaf31

对 比

强烈的对比，会让人视觉上产生冲击

从而形成用户记忆，利于传播与转化

before

▽

http://p3.pstatp.com/large/pgc-image/6e1ac9c8351f4154afa998ab25a5331a

运用对比设计后的牙膏品牌主体

一下就跳脱了出来，让人记忆深刻

after

▽

http://p1.pstatp.com/large/pgc-image/d7b9967ca99047d4a8b92983ff8caec3

没有经过对比排版的报纸

简直乱糟糟的

根本不知道从何看起

before

▽

http://p3.pstatp.com/large/pgc-image/2844cdf2fdd44d63969f0e5058d7b44b

将标题进行放大缩小对比

颜色进行黑底白字对比

不同模块进行形状的对比

这样信息分类对于报纸来说更易阅读

after

▽

http://p1.pstatp.com/large/pgc-image/f8617a4f65bc46019fad9efde6dfbe1d

如果仔细看完你会发现

所有的案例都离不开

对齐、放大、分类、留白和对比

这五类设计要素

全部都是相辅相成的，缺一不可

而且这个节目在日本是给儿童看的

把最基础的设计知识融入到生活中

并从小就教育孩子们学习

日本的设计为什么这么强大

我想你应该明白了！