返回十六参考库
Vol · 13 · Stage 04 · 方向深化10 词条 · 推进中

设计与体验参考库

讲 UI、UX、信息架构、交互设计、设计规范。

本参考库定位

解释产品为什么不只是能跑,还要能理解、能使用、能感知。

核心词(节选)

UIUX信息架构交互设计可用性无障碍

全部词条

10 个词条,读得完

点进任一词条查看通俗解释、类比、使用场景与对 AI 的提问模板。

前端UI

用户界面

用户看到的长相:按钮、配色、字体、图标、卡片、间距。

前端UX组件
查看词条详情 →
前端UX

用户体验

用起来顺不顺手。不是长得好不好看,而是操作流畅、不迷路、不烦人。

UI交互页面
查看词条详情 →
设计与体验Information Architecture

信息架构

内容怎么分组、怎么命名、怎么放在导航里,用户才不会迷路。

UX导航页面
查看词条详情 →
设计与体验Interaction Design

交互设计

用户每次点、滑、输入之后,屏幕该怎么响应、怎么过渡、怎么引导下一步。

UXUI可用性
查看词条详情 →
设计与体验Usability

可用性

产品好不好用、上没上手成本、会不会让用户误操作。说白了就是“别让用户动脑”。

UX无障碍交互设计
查看词条详情 →
设计与体验Accessibility

无障碍

让视障、色弱、操作困难的用户也能用的设计考虑。海外很多市场是法律要求。

可用性UX合规
查看词条详情 →
设计与体验Visual System

视觉系统

产品的颜色、字体、间距、图标、按钮长啥样——一整套视觉规矩。

设计规范UIDesign Token
查看词条详情 →
设计与体验Design System

设计规范

团队共用的一套设计规则 + 可复用组件库。让设计师和前端说同一种话、别重复造轮子。

视觉系统UI 组件库Design Token
查看词条详情 →
设计与体验Wireframe

线框图

用灰色方框画出来的页面骨架。只讲结构和内容,不管颜色和美不美。

原型信息架构UI
查看词条详情 →
设计与体验Design Token

设计 Token

把颜色、字号、间距、圆角这些视觉值抽成变量,设计稿和代码用同一套名字。

设计规范视觉系统主题
查看词条详情 →