术语库

Single Column Layout

页面只有一条居中的内容主列，所有区块从上往下依次排列，没有侧边栏，常用于手机端和结构简单的页面。

Holy Grail Layout

页头和页脚横跨全宽，中间一行分成左侧栏、主内容、右侧栏三栏，两侧栏宽度固定，主内容栏自适应伸缩。

Master-Detail Layout

左侧是一列数据记录，右侧显示当前选中那条记录的详情，点击左边任意一项右边随之切换，不跳转页面。

Dashboard

在一屏内用指标卡、图表和简短列表汇总多组不同的关键数据，让人几秒内看出整体状况和异常。

Top Navigation Layout

页面顶部是一条横向导航栏，放 Logo、主菜单和用户入口，下方整块区域放内容，适合导航项不多的网站。

Sidebar Layout

左侧是一条竖向的功能菜单，右侧是当前菜单对应的页面内容，适合功能模块多、需要频繁切换的后台系统。

Article Layout

为连续阅读大段文字设计的页面，正文限制在较窄的一列，配合标题层级、段落间距和目录，让长内容读起来不累。

Card Grid

把同一类条目做成大小一致的卡片，按行列整齐排成网格，每张卡片放封面图、标题和少量关键信息。

Masonry Layout

卡片等宽但高度随内容变化，新卡片总是填进最短的一列，整体错落像一面砖墙，常见于图片社区和种草类应用。

Data Table

用行和列展示大量同类记录，每行一条、每列一个字段，配合筛选、排序、分页和批量操作，方便逐行查找和比较。

List View

把同类条目从上到下排成一列，每行只有图标、标题和一两项辅助信息，适合条目简单、需要快速扫读和点选的场景。

Feed

一条接一条纵向排列的完整内容，每条带作者、正文、配图和点赞评论等互动，用户在流里直接阅读并不断下滑加载。

Timeline

沿一条竖线按时间先后排列事件节点，每个节点标明时间和发生了什么，用来展示过程、历史或物流进度。

Gallery

以图片为绝对主角的展示布局，同比例缩略图紧密排成网格，几乎不带文字，点击后放大查看并可左右切换。

Description List

把一条记录的多个属性按「字段名：值」成对排列，常用两到三列网格展示，适合只读查看详情。

Kanban Board

按状态把任务分成几列并排摆放，每个任务是一张小卡片，把卡片拖到另一列就改变了它的状态。

Side-by-Side Comparison

把两份结构相同的内容左右并排放在同一屏，对应部分逐行对齐，差异处高亮，方便逐项找出不同。

Wizard

把一个较长的操作拆成几个有先后顺序的步骤，每屏只处理一步，顶部步骤条显示进度，用上一步、下一步推进。

Single Page Form

把需要填写的字段全部放在一个页面里，从上到下排成一列，填完点底部按钮一次性提交，是新建和编辑数据最常见的页面。

Settings Page

把大量互相独立的选项按类别分组，左侧或顶部切换分类，每项配说明文字，用户随时回来修改其中某一项。

Landing Page

为推广某个产品或活动设计的长页面，从首屏大标题开始依次讲卖点、证明和价格，引导访客点击同一个行动按钮。

Login / Sign-up Page

用户登录或注册账号的页面，中间一张窄小的表单卡片，只保留账号、密码和提交按钮等必要元素，常配品牌插图。

Empty State

列表、表格或页面没有内容时显示的占位区块，用插图和一句话说明为什么是空的，并给出下一步操作按钮。

Search Results Page

用户输入关键词后看到的页面，顶部保留搜索框，侧边或上方是筛选条件，主区域按相关度列出结果并高亮关键词。