同样一段文字,为什么有的排版让人一眼看到标题,有的要读半天才找到重点?差别在"视觉重量"的分配。
什么是视觉重量
一个元素在画面上"有多重",取决于几个因素:
- 面积:大色块比小字重
- 对比:黑白对比比灰灰对比重
- 颜色饱和度:鲜艳的比灰暗的重
- 位置:视觉中心(偏上、偏左)比边缘重
- 孤立程度:周围留白多的元素更突出
这五个因素是可以叠加的。一个居中的、大号的、高对比的、周围留白很多的标题,重量极强;同样的字放到角落、缩小、颜色变浅,就几乎看不见了。
怎么分配
一个页面只允许有一个"最重"的元素。它通常是主标题或者核心行动按钮。第二重的可以有两三个(次级标题、重要图片),其余全部轻。
如果所有元素都想"重",结果是全都平,读者不知道看哪。这是新手排版最常见的失误——每个标题都加粗放大,每张图都高饱和。
用灰度检查
把设计稿转成灰度,能立刻看出重量分布。如果灰度图里有一个明显的"最黑块",说明层级成立;如果一片均匀的灰,说明没有重点。
留白是"减重"工具
元素太重的时候,不是把它改小,而是给它更多留白——周围空了,它自然凸显;周围挤满东西,它就被稀释。这也是为什么高级感的设计往往留白很多。
移动端的特殊考虑
手机屏幕小,"重"的阈值要降低。桌面端能承受的高饱和大色块,在手机上会显得压迫。移动端的重点是:一屏一个重点,其余退后。
一个练习
拿一张你觉得"乱"的页面,把除主标题外的所有元素降低 20% 的对比度,再看。多数时候画面立刻清爽了。这说明问题不在元素本身,而在重量分配。
相关阅读
- 全国最大成人网推出疫情LOGO,还免费赠送高级会员!随着国内疫情形势的好转, 全球形势却开始变得严重 为了对抗新型冠状病毒, 意大利总理孔蒂宣布
- 国外品牌OVO起诉Bellroy商标侵权,都是猫头鹰!前阵子米醋分享过很多关于商标侵权案 美国AIR JORDAN品牌 状告中国乔丹体育公司商标侵
- 罗森 LAWSON 推出全新LOGO,视觉设计有点优秀!提到日系便利店, 我们熟知的有7-11和罗森便利店等 两家便利店经常被模仿,成为行业样本 在
- 711便利店logo升级,竟与耐克联名!这波跨界合作....有点sao啊~说起联名款,这两年并不稀奇,原本看起来两个互不相关的品牌,共同以独特的创意,充分发挥品牌联合





还没有评论,来说两句吧...