这还是第 2 站 · 设计师,但管的是『结构』而不是『颜值』。 上一条定的是世界长什么样,这一条定的是访客在网页里『怎么走』。
小白常犯的错:把《世界观圣经》里的设定一段段全贴到网页上,结果成了一面『信息墙』,访客划两下就跑了。information architecture(信息架构)的意义,就是替访客把内容理成『好逛』的几大块。
三个设计点:
第一,先问『访客是谁、什么场景』。同一个世界,给朋友随手看 vs 给同好深度沉浸,结构完全不同。脱离 scenario(场景)谈结构都是空想——这点和产品做需求时一模一样。
第二,用 user flow(用户流程)把内容串成一条线。网页不是一堆并列板块,而是一条『逛展动线』:先被首屏抓住,往下滚渐入佳境,点角色卡展开细节,结尾留个钩子。有了这条线,前端才知道页面怎么排。
第三,给 whitespace(留白)定节奏。世界观内容很容易写得密密麻麻。提前标好『哪里满、哪里空、哪里一句话点睛』,逛的人才有呼吸感——满屏全是字的世界,再好看也劝退。
这一站和上一站(视觉)合起来,就是前端的两张图纸:一张管『长什么样』,一张管『怎么逛』。带着它俩进第 3 站【前端】,世界就要变成真能打开的网页了。


