博客 / 设计
设计 · 阅读约 2 分钟 · 14 次阅读 · 发布于 2026-09-27 · FORMA 团队
多页站点的信息架构:从六个起点谈起
页面不是越多越好。首页、列表、详情、关于、联系——先把骨架搭对,再谈视觉。
FORMA 的多页示例(机构官网、产品站、建筑工作室等)拆开看,骨架惊人地一致。这不是偷懒,是信息架构的最优解收敛了。这篇讲这套骨架怎么搭。
五种页面就够了
- 首页:一句价值主张 + 主要入口,不堆内容
- 列表页:作品、文章、案例、商品的集合
- 详情页:单个作品的案例研究、单篇文章
- 关于页:建立信任(团队、历程、理念)
- 联系页:转化出口(表单、邮箱、地址)
超过五种的页面,先问自己:能不能合并进现有某一类?
导航不超过两层
层级公式:首页 → 栏目 → 详情。再深一层,用户迷路、搜索引擎降权。次要的入口(招聘、隐私、条款)收进页脚,不占主导航。主导航的项数控制在 7 个以内。
URL 即结构
好的 URL 本身就是导航:/work 是列表,/work/project-name 是详情。短、稳定、可读,改结构时做 301 跳转。别在 URL 里塞日期和参数(/p?id=123),分享出去既不美观也不利于收录。
面包屑与内链
每个详情页回答两个问题:我在哪?还能去哪?面包屑(首页 / 作品 / 某项目)回答前者,「相关作品」「下一篇」回答后者。内链让访问者多停一分钟,也让搜索引擎理解站点结构。
先画草图,再进编辑器
纸笔画五个框:首页、列表、详情、关于、联系,箭头标出跳转关系。十分钟能画完,却能省掉在编辑器里反复推倒重来的两小时。草图确认后,进 FORMA 选一个最接近的多页起点,替换内容即可。
评论 · 0 条
还没有评论,来抢沙发。
评论经人工审核后公开;请勿提交密码、密钥等敏感信息。