构建验证设计风格（空状态例子）-学习总结

https://www.uisdc.com/build-and-validate-design-styles

文章目录

1品牌定义
2品牌映射（设计风格构建）
3验证方案设计
4空状态设计
5验证实施及结果
遗留问题及后续关注

1品牌定义

1. 收集相关数据
   提炼高频词汇

   
   
   image.png

2. 建立品牌心智地图（Mental Map
   将以上零散的信息分类及提炼，以此来组织并简化我们对产品品牌认知的心智结构

   
   
   image.png

3. 提炼品牌精髓（Brand Mantra
   品牌功能描述了产品或服务的性质，即品牌能够向用户提供的体验或益处的类型；描述性修饰语将进一步分类及明确品牌所传达出样貌之性质；情感性修饰语则解释了给用户带来的益处是什么。

   
   
   image.png

小结
通过以上步骤，基本能够逐渐抽象出所要表达之物。可简单将上述过程的目的理解为定义视觉风格的方向。

image.png

2品牌映射（设计风格构建）

明确所要表现的对象后，便可开始构建从内容到形式这一转化过程，最终构建出契合品牌的设计风格。

a文案风格构建

b视觉风格推导

• 风格构建
  构建思路：以品牌精髓中的情感修饰语及描述性修饰语作为核心意象，同时解构对应表现形式的形态要素，其后分别以形态要素为对象将核心意象进行演绎。由于品牌精髓所处抽象层次较高，无法直接指向具体表达方式的选择——再以得到的具体情感意象作为标尺，寻求契合的表达方式。

色：将品牌精髓以颜色能够触发的感受为视角进行演绎，并根据颜色与人类心理感知的映射关系确定基本色相范围

image.png

形：在实际建构「形」的表达方式与情绪感受的映射关系时笔者发现，不同于颜色的千变万化，「形」在各维度的表达方式上更多的呈现一种二元对立的局面，这种情况下，不对品牌精髓进行演绎亦可对表达方式作出选择。

image.png

• 风格应用
  风格的应用体现在页面的什么地方

3.验证方案设计

验证思路推倒
我们的设计目标是形成契合品牌的视觉风格，若目标达成，用户应当能被具备明确视觉风格的界面激发相应感受，从而可得到如下测试过程：安排被试浏览相关界面，测量其情感感受。

image.png

样本量设定
量表设计