HCI
.
TOP
HCI, made easy
首页
arXiv
论文
机构
作者
设计规范
问题
知识卡
创新
日程
language
English
首页
arXiv
论文
机构
作者
设计规范
问题
知识卡
创新
日程
知识卡片库
F
布局空间与视觉设计
F1
交互位置
44 张卡片
操作点与作用对象的距离
3
反馈位置与操作点的一致
3
就近原则与视线跳转
3
拇指热区与关键操作落位
3
边缘与角落的可达性
3
高频操作的位置稳定性
3
破坏性操作的位置隔离
3
浮层的锚定
3
弹层遮挡操作对象
3
键盘弹出后的可视压缩
3
首屏与折线以下
3
固定元素与安全区
3
操作区与阅读区的分离
4
位置的语义惯例
4
F2
布局系统
50 张卡片
栅格系统
3
列、槽与外边距
3
间距标度
3
留白
3
对齐
3
邻近性分组
3
信息密度
3
卡片式布局
3
瀑布流布局
3
响应式断点
3
流式与自适应布局
3
安全区与异形屏
3
横竖屏适配
3
内容优先的布局顺序
3
容器查询与组件级响应
4
布局的极端值与内容溢出
4
F3
视觉层次
36 张卡片
视觉权重的构成
3
尺寸对比
3
色彩与明度层级
3
扫描模式
3
视觉动线
3
阴影与高度
3
层级与信息优先级的对齐
7
层级失效
3
位置与层级的关系
4
层级失效与全局强调
4
F4
排版
61 张卡片
字号阶梯
3
行高
3
行长
3
字重与强调
3
对齐方式
3
中西文混排
3
字体选择
3
易读性与易辨性
3
动态字体
3
文本截断与省略
7
全大写文本
3
字距与词距
4
段落间距与分段
4
标点与避头尾
4
字体加载与回退
4
动态字体与用户字号
4
数字的排版与对齐
4
F5
色彩
35 张卡片
色彩模型与色彩空间
3
语义色
3
品牌色与功能色
3
深色模式的重映射
3
深色模式下的层级
3
色板的感知要求
3
颜色的文化语义
3
强调色的稀缺性
3
高对比模式
3
色阶体系的构建与维护
4
色彩与情绪的关联及其边界
4
F6
图标与图形
26 张卡片
图标的歧义
3
图标加文字
3
图标的风格一致
3
图标的最小尺寸
3
视觉隐喻的文化依赖
3
插画
3
图标的视觉重量平衡
4
头像与身份图形
4
F7
动效
39 张卡片
动效的功能
4
动效时长
3
缓动曲线
3
共享元素转场
3
入场与出场的方向
3
动效掩盖延迟
3
动效表达空间关系
3
减弱动效偏好
3
视差与前庭不适
3
动效滥用
3
动效的可打断
4
动效的性能开销
4