如果不重视产品的美观,那我们就错过了影响产品感知的重要机会。当然,我们重视的不是样式本身,而是它们产生的效果。为了用一种可靠,可扩展的方式去影响用户的感知,我们需要熟悉创造这种感知的模式。
超越样式属性
在模式库中进行配色的时候,仅仅把一组颜色值共享出来是不够的,还需要共享不同的环境下颜色的用法。
定义样式的时候希望能表达出模式的目的,并促进用法的一致性。对于功能性模式,我们先关注用户行为,对于感知性模式,我们先从美学特征入手。
美学特征与标志性模式
每个界面都会给人某种感觉,有效的样式会随着产品的发展而发展,它们反应的是产品的精神和核心设计原则。
如果想让整个团队都聚焦到一个页面,可考虑从创建标志性模式开始:
- 让团队成员分别写下影响产品感官的最令人难忘,最独特的元素
- 试着去找那些与品牌调性不符的设计
- 不仅要考虑属性,更要考虑更高级别的原则,不同元素之间的组合以及它们之间的关系
识别感知性模式
样式的种类包含配色、交互状态、动画、排版、间距、图标样式、形状和边框、插图、照片、语气和语调、音效。
可以采用以下步骤来对每个样式进行系统化:
- 从目的开始
- 收集现有元素并对它们进行分组
- 定义模式和模块
- 形成统一的指导原则
网友评论