原文链接：https://mp.weixin.qq.com/s/SJREh5LqYTzn3i6BU0iatA

从设计工作串联思考框架

我们的初衷是提升视觉设计师平日工作中的系统思考能力。因此我们在整理框架时，还是基于设计师的工作去分析。

那么设计师的工作是什么？《设计中的设计》一书中提到：“设计不是一种技能，而是捕捉事物本质的感觉能力和洞察能力”。在界面设计中，视觉设计师将这种能力转化成视觉语言，传达给用户，让用户能快速理解并掌握产品的使用。由此可见，我们的日常工作其实是对于视觉语言的运用。

以视觉语言做为切入点，在分析和整理过程中，我们团队发现了两个关键视角：设计师和用户。设计师通过设计价值观推导设计原则，通过设计原则约束设计元素。用户在使用产品中，对有规律的色彩、图形产生风格感知，强烈的风格，会让用户对产品的调性形成认知。

↓ 下图是我们团队对于两视角下设计语言组成的思考框架

通过该图，能看到设计价值观、设计原则、视觉调性以及视觉风格，在两个视角下的对应关系。下面，我们将基于这个思考框架进一步展开。

视觉设计通用思考画布详解

01 设计价值观

作为视觉语言的内核，有效的设计价值观能帮助产品建立用户心智，形成良好的体验，获得用户的认可和信赖。设计价值观随时代和市场变化。影响它的主要因素有：品牌愿景、业务战略和用户群体。

品牌愿景：作为企业为自己确定的未来蓝图和终极目标，品牌愿景相对固定，对设计价值观的影响最直接；

业务战略：业务战略与产品竞争环境相关，是企业通过行业竞争对手确定产品定位，突出产品优势所展开的策略。业务战略随竞争环境和企业发展阶段变化，设计价值观也会因此进行调整；

用户群体：不同的用户群体对于审美和产品期望不同，设计师需要充分考虑目标用户的喜好和诉求。

02 设计原则

作为视觉语言的语法，其主要作用是约束和指导设计元素的使用。设计原则包含多个维度，自下而上可分为：通用层、平台层和业务层。

通用层：基础原则，适用范围广，可运用在大部分产品中；

平台层：用于特定产品，可理解为平台规范、品牌VI，用来保障品牌基因的传达；

业务层：用于特定业务场景，保障设计元素符合业务特性。

设计原则很多，常见的有可用性、可供性等功能原则，也有如一致性、透气性等审美原则。近几年，随着体验设计发展，如情感化设计、无障碍设计等设计理念逐渐被行业关注，但从本质看，这些设计理念也属于设计原则。

· 情感化设计

情感化设计探讨的是在本能、行为和反思维度下，可用性和美感之间的矛盾点，以及如何平衡两者之间的关系，将情感融入到产品设计中。

△ 饿了么天气情感化：缓解用户焦虑和骑士送餐压力

· 无障碍设计

无障碍设计始见于1974年，初衷是使残疾人与健康人享有“平等地位”的环境设计。在产品设计中，无障碍设计指任何人在任何情况下都能平等、方便、无障碍地获取信息和使用功能。是以残疾人为目标群体的设计。

△ 高德地图：视觉障碍模式设置，保障视障用户的体验

03 设计元素

作为视觉语言的显像符号，设计元素是和用户交流的直接媒介。设计元素包含基础元素、控件等，此处可参考“原子设计”，这里我们主要展开讲解基础元素。

根据设计构成，常见基础元素有：色、字、构、质、形。随技术和体验设计的发展，动效和图片也被纳入基础元素中。

下图是我们团队从元素定位、构成、应用，以及度量，4个维度对基础元素相关知识的梳理总结，大家可以通过此画布进行方法理论的查找。

为方便大家理解和使用，接下来我们将对每个基础元素进行更详细的讲解。

1. 文字

作为移动界面中最常见的设计元素，文字在界面中起到了传递信息、帮助理解、引导操作的作用。

1.1 通用层：移动界面的文字

在通用层，广义分类有设计字体和开发者字体，影响文字排印的基本参数有：字体、字号、字重、行高等，设计师根据行业标准分析研究字体属性，保障文字符合通用衡量标准。

使用系统字体，区分开发者字体与设计字体
通常，界面设计选用开发者字体，开发者字体是指产品代码中给字段指向的字体，通常为系统默认字体，也可是特定的字体包。而设计字体由设计师进行字体变形和特殊设计，缺乏通用性，会占用APP安装包大小。

制定适合阅读的字号、字重、字间距以及行高
根据识别性原则，注意字号、字重等属性的边际，确保文字易于阅读。