我一看到“一个页面有几个元素表”这个问题，脑子里就嗡的一声。这问题问的，太外行了，又太内行了。外行是觉得这事儿应该有个标准答案，像数学公式一样，套进去就行。内行呢，是因为我们这群搞网页的，天天就在为这事儿打架，跟设计师打，跟产品经理打，甚至跟自己打。
所以，你要是想从我这儿得到一个数字，比如“五个最好”或者“别超过七个”，那你现在就可以关掉这个页面了。因为这问题，根本就不是个数学题，它是个……玄学，不，是个场景题。
你问一个厨子一道菜该放几勺盐，他不打你才怪。他会反问你：“什么菜？给谁吃？配什么酒？”
页面，也是这个道理。
咱们先来看一种极端情况，一种我个人非常推崇的，叫“一剑封喉”派。
你想想苹果官网的产品介绍页，大片的留白，一张精修到毛孔的产品图，几行勾魂的文案，然后一个硕大无比的“立即购买”按钮，像个黑洞一样把你吸进去。这个页面有几个“元素表”？严格来说，就一个。它的核心目标就是让你聚焦在产品本身的美感和价值上，然后，毫不犹豫地，掏钱。其他的参数、规格、用户评论？都被藏在下一层，或者用一个极不起眼的链接引走。这就是终极的克制。它在用设计告诉你：“别想太多，信我就对了，买！”
这种页面的灵魂在于，它替用户做出了选择，削减了所有的噪音，把用户的注意力当成最宝贵的资源来呵护。所以，当你的页面目标极其单一且明确时，比如一个活动落地页、一个新品发布页，大胆地去做减法吧。一个核心元素，就够了。
好，镜头一转，我们看另一个极端。后台管理系统，特别是那种给专业人士用的数据看板（Dashboard）。
你打开一个阿里云或者Google Analytics的后台看看。我的天，那叫一个琳琅满目。左边是导航树，顶部是全局搜索和账户信息，中间是各种卡片、图表、表格……这一个页面塞了多少“元素表”？二十个？三十个？数不过来。
这难道是糟糕的设计吗？恰恰相反，这可能是最合适的设计。
因为这类用户的目标变了。他们不是来“感受美”的，他们是来工作的，是来获取信息的。他们需要在一个屏幕里，尽可能高效地监控所有关键指标。A数据涨了，B数据跌了，C数据和D数据有什么关联……他们追求的是信息密度和操控效率。这时候，你跟他说“留白”、“克制”，他会觉得你不专业。
这里的关键，就不再是元素的数量，而是组织和秩序。这些元素表必须被精心安排，有明确的视觉层级。最重要的信息放在最显眼的位置，尺寸最大；次要的收拢起来；关联的信息放在一起。整个页面就像一个精密仪器的驾驶舱，虽然复杂，但每一个按钮和仪表盘都在它应该在的地方。用户一眼扫过去，就能迅速定位到自己想要的信息。这是一种有控制的复杂。
那么，我们日常生活中最常见的页面，比如一个电商的商品详情页，或者一个新闻门户网站的首页，它们属于哪一种呢？
它们是上面两种极端的混合体，也是最考验设计功力的地方。
一个商品详情页，它既要有“一剑封喉”的冲动——主图、价格、购买按钮要足够诱人；又要有“驾驶舱”的全面——商品规格、详情描述、用户评价、店铺推荐……一个都不能少。
这时候，页面的设计就不再是简单的堆砌，而更像是一场电影的叙事。
开头，用一张高清大图和核心卖点抓住你的眼球，这是“激发兴趣”。
然后，通过规格参数和详细介绍，告诉你“为什么值得买”，这是“建立信任”。
接着，放出海量的用户好评，告诉你“别人都说好”，这是“社会认同”。
最后，再推荐一些相关商品，让你“顺便再看看”，这是“扩大战果”。
你看，这些“元素表”被一条无形的心流串联了起来。用户从上到下滚动页面，就像在经历一个被精心编排的购物旅程。数量在这里已经不重要了，重要的是节奏。哪里该放慢脚步让你细细品味（大段的图文详情），哪里该一笔带过（折叠起来的非核心参数），哪里该给你一个强烈的刺激（限时优惠的倒计时），都安排得明明白白。
我跟产品经理吵过无数次架，他们总想把所有他们认为重要的东西，全都塞到第一屏。恨不得让用户一打开页面，就能看到全世界。
我总是跟他们打比方：你请人吃饭，总不能把开胃菜、主菜、汤、甜点一股脑全倒在一个盘子里端上去吧？那不成猪食了？
一个好的页面，要有呼吸感。元素和元素之间，要有喘息的空间。用户的眼睛是需要休息的，大脑也是。用留白、分割线、不同的背景色块，把不同的“元素表”清晰地隔离开，让它们各自成为一个独立的、完整的信息单元，然后再把这些单元按照逻辑顺序串联起来。
所以，回到最初的问题，“一个页面有几个元素表”？
别问了。
你应该问的是：
我的页面目标是什么？单一还是复合？
我的用户是谁？是来闲逛的还是来干活的？
我希望用户按照什么样的路径来阅读和理解信息？
想清楚这三个问题，你的页面上该放几个元素，放哪些元素，怎么放，答案自然就浮现出来了。数量，只是这些思考之后，一个自然而然的结果而已。它从来都不是起点，更不是标准。
发表回复