返回文章列表
半山设计发布于 打开 2

设计巧思-文字的层级设计

H

Hyperion CHI

The Digital Curator

设计巧思-文字的层级设计

前两天在小黑盒上看到这么一篇帖子:

农夫山泉提示语
农夫山泉提示语

这其实是设计中一个很典型的案例。如果你想不到为什么要这么设计,不妨看看下面两个例子:

臭鸡炸炸炸
臭鸡炸炸炸

文字的层级设计
文字的层级设计

我们的大脑会自动将整齐的东西归为一类,比如路边刚投放的共享单车、便利店里同品牌的商品。这在文字阅读上也是一样。我们会像上图一样,将横向(纵向)排列整齐的文字归为一组。

农夫山泉的包装,巧妙地打乱了人脑的这种自动组织的机制。通过控制字间距,就能防止用户从上到下读。通过松散排列第一行文字和紧密排列第二行文字的方式,能够将希望让用户阅读的文字强制归组,以正确区分不是一个层级的文字。如果设计师不主动引导用户,那么用户就会自行组织,就会出现上面小吃摊菜单的情况。

设计的大前提并不是 “让东西看起来更好看”,而是需要建立在人的认知习惯上,主动控制信息被理解的方式。字距、间距、对齐、大小,看起来都只是一些不起眼的视觉参数,甚至我们都不理解它们的组织方式,但它们实际上都在回答同一个问题:我希望用户先看到什么,再看到什么,以及哪些东西应该被理解成一组。

如果设计师不主动做这个决定,用户就会替你做。而用户做出的决定,往往都是 “臭鸡炸炸炸”。


如果对您有所帮助,欢迎添加本站到收藏夹,也欢迎微信搜索公众号 半山数字札记 ,我会持续更新新的内容。

如果你也在做个人项目、优化工作流,或者只是想找一群折腾工具和内容的人交流,可以添加我的微信,备注「半山」,我会邀请你进群,欢迎一起探讨,一起交流。

个人微信
个人微信

相关文章

评论