Skip to content

Latest commit

 

History

History
31 lines (16 loc) · 2.82 KB

File metadata and controls

31 lines (16 loc) · 2.82 KB

设计立场

InKCre 的设计系统服务于内容的阅读、理解与操作。页面需要让人辨认信息之间的关系,知道当前处境,并看清一个动作会改变什么。文字、颜色、空间与形状的具体表达见视觉语言

让内容建立秩序

先决定当前任务需要呈现什么,再安排空间。移除重复、无助于理解或行动的内容与元素;有用但不属于当前层级的信息,放在可发现的后续入口。空白可以保留,不需要增加说明、状态标签或装饰去填满它。

先找出用户正在理解的对象、对象之间的关系和当前任务,再给信息分组和安排操作。标题应说明下面是什么,元数据帮助定位,正文承担连续阅读。界面的分区需要与这些内容关系相符;开发时分成了几个组件,不足以决定用户应该看到几个独立容器。

说明和错误也是用户完成任务所需的内容。空间不足时,先调整承载方式;为了维持一个外框而缩小或截掉必要文字,会改变信息实际受到的重视程度。

让操作表达真实后果

可执行、已选中、不可用、进行中和出错应具有可辨别的表现。用户应知道动作是否被接收、工作是否结束、失败后还能做什么。状态文字与用户输入需要连续保留,使界面的变化能够被理解,而不是让人通过控件消失或颜色变化猜测发生了什么。

主要动作的强调来自当前任务,危险动作的强调来自后果。二者不因为视觉上醒目就可以互换。装饰性的变化也不应伪装成可以点击的反馈。

让一致性保留意图和关系

同样的用途与条件应有可解释的共同选择;条件不同时,允许为了同一个目的改变布局和尺度。正文可以在不同容器中有不同换行,但仍然承担正文职责。宽页面和窄侧栏可以采用不同列数,而保留同样的信息顺序与操作归属。

共享某个值的依据是共同用途与共同变化理由。两个距离此刻相等,不表示它们应永远一起变化;一个场景的局部解法,也不必立即变成所有组件的配置。

让表达的成本得到理由支持

每个可见的分隔、底色、强调和层次都应帮助读者理解内容或操作。增加一个视觉处理时,说明它带来了什么区分;移除它时,检查是否真的丢失了必要信息。这个判断允许有表现力的界面,也要求表现力服务于具体内容。

内容可读、功能可用与预设外观发生冲突时,先保护内容和功能,再重新选择表达方式。视觉风格需要通过这种取舍延续,不能依赖禁止变化才能成立。

页面组织的具体选择见页面组合;实例及其可推广范围见判断依据