页面显得乱,很多时候不是设计不够,而是整理顺序不对。先整理信息,再谈视觉,通常会稳很多。
很多页面之所以显得乱,不是因为视觉差,而是因为整理顺序一开始就错了
做页面时很容易一上来就开始调颜色、改边框、换卡片、试标题样式。这样当然有时候也能让页面变顺一点,但如果页面本身的信息结构没有理清,后面大多数视觉调整都只是在修表面。
尤其是内容量比较大的页面,真正决定它舒服不舒服的,常常是信息怎么被删减、分组和排序,而不是某一个具体样式。
我自己常用的第一步,是先删,而不是先排
很多页面乱,是因为本来就装了太多信息。尤其是那些“也许有点用”的内容,看起来每块都舍不得删,但合在一起时,它们会明显抬高阅读负担。
所以我通常会先问:哪些内容是用户第一次进入页面时根本不需要知道的,哪些信息其实可以往后放,哪些模块只是因为习惯才保留。先删掉一层,页面往往立刻会轻下来。
第二步是分组,把同一类问题放回同一个区域里
很多页面看起来很整齐,但依然难读,往往是因为视觉上对齐了,逻辑上却还是混着的。真正有效的分组,不是看模块边框怎么摆,而是看这些信息是不是在一起回答同一个问题。
只要分组做得好,布局往往会自然很多。因为你不再是在摆一堆零散内容,而是在安排几个相对清楚的信息块。
很多页面的整洁感,不是靠多高级的样式做出来的,而是靠正确的整理顺序做出来的。
第三步是定主次,决定什么该先被看到
页面不可能每个部分都一样重要。首页最重要的,通常是身份和入口;工具页最重要的是筛选和卡片;文章详情页最重要的是标题、摘要和正文。
一旦主次理清,很多视觉决策就会自然跟上。大的该大,轻的该轻,边框、间距、留白和按钮样式才有了依附对象。
最后再做视觉,页面才不容易陷入修修补补的循环
如果前面的删减、分组和排序都已经做过了,最后的视觉工作通常不会太难。因为这时候样式是在放大结构,而不是替结构擦屁股。
我越来越觉得,页面的整洁感很多时候不是“设计出来”的,而是“整理出来”的。先把顺序做对,再去调气质,页面会稳得多。