“信息架构是将意图转化为可感知形式的过程，必须先看清全局，再动手搭建局部。”

——《信息架构：超越Web设计》

它长得漂亮没用，走错一步，用户直接流失。

很多设计师一上来就开始堆模块、调风格，但其实：

先画好这3张图，再也不怕乱、改、卡思路

✍️01.内容清单（ContentInventory）

✅目的：你得知道“我手上到底有什么”

先不设计，先看清“原材料”。

书中提醒：“在架构信息前，必须先审视现有资源，否则只能是瞎设计。”

02.信息地图（InformationMap）

✅目的：搞清楚“信息之间的逻辑关系”

将功能/内容按主题、优先级或使用场景进行分类+排序，画成一张“信息关系图”

比如：

-快捷入口引导核心功能

-banner跳转营销页

原话指出：“地图能帮助设计者理解用户心智模型与内容分发方式之间的差距。”

03.信息路径草图（WayfindingSketch）

-首次访问：banner→注册→功能页

-想回看某功能：导航栏→常用工具区

这不是UI草图，是导航行为的动线草图。

小贴士（亲测好用）：

-做图可以手绘，不求美观，只求理清思路

-内容清单和信息地图可用Notion或脑图工具协作完成

-别等视觉完稿才调整，前期图画得越清晰，后期越少返工

更多项目/合作请私信，支持定制设计服务

我们是兰亭妙微

兰亭妙微(蓝蓝设计)是一家专注而深入的UI设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、网页设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计