最近来自日本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
如果仔细看完你会发现
所有的案例都离不开
对齐、放大、分类、留白和对比
这五类设计要素
全部都是相辅相成的，缺一不可
而且这个节目在日本是给儿童看的
把最基础的设计知识融入到生活中
并从小就教育孩子们学习
日本的设计为什么这么强大
我想你应该明白了！
评论 (0)