成熟的设计语言

设计语言，近来比较流行，关于设计语言的参考也特别多，最出名的莫过于苹果的Apple HIG和谷歌材料设计Material Design，也是设计语言的鼻祖，下面我将对设计语言，如何去创造一个设计语言，设计语言包含什么，通过几期分享逐步拆解

为什么需要设计语言

1.对内

对内 

  上图，应该是很多设计团队都有的情况， 一个按钮很多尺寸，颜色，大小，有时候我们已经有了规范，但是，各种业务方强※，要个性化，要不一样，导致整个APP设计 变的很混乱，这是我们设计中经常遇见的，很多APP因为缺少这是基础原则，导致我们的APP界面每个页面都不一 样，设计师都是按照个人的主观经验做设计，导致风格层次不齐，缺乏统一性，所以对内，很多时候设计语言 是为了解决统一性和效率为前提下，避免开发工程师重复开发一些组件!

2.对外

对外

对外，统一的品牌符号，品牌特征，有助于加深产品在 用户心中的印象，统一的颜色和交互形式能帮助用户加 深对产品的熟悉感和信任感，一个好的设计语言本身可 以在体验上为产品加分，试想，当你走进星巴克的时 候，发现LOGO变了，咖啡的包装换了，是不是会觉得是 山寨的感觉，就好比我们在国内去华莱※，吃东西时候虽然都是同样的薯条，但是总感觉是山寨！好的规范，能够更好创造一致性的体验。

设计语言能解决什么问题

①一致性：在整个平台创造一致性

②明确设计原则：让每一位设计同学都清楚，我们的产品需要传递给用户的东西是什么，以及整个平台的约束是什么。

③效率：更好的提升效率，减少重复性工作

④多平台统一：我们现在处于一个各种设备百花齐放的社会，各种设备繁多。

设计语言包含什么

一套完整的设计语言包含设计原则、色彩系统、图形、栅格系统、字体、投影、图文关系这些组成部分。

设计语言的核心内容-设计原则

设计原则包含了一个公司的产品定位以及企业价值观，是设计语言的灵魂

APPLE HIG

Apple的设计规范，这个比较出名，每一个接触UI的同学都该先去学习，苹果的设计规范包括:完整性，一致性，直接操作，反馈，隐喻，用户控制等几个设计原则

同样的，在facebook的设计原则语言里面，也首先强调了他们的设计价值观:通用，人性，干净，统一，有用，快速，透明，在facebook所有设计中，都围绕这几个点去作为他们设计指导准则

facebook设计语言

airbnb设计语言

Airibnb在建立他们设计语言之前，先根据整个产品公司 定位，价值观，先得出他们整一个设计语言的关键词：

old

统一:每个设计应该是统一的，不能有太多个性差异化的特征

关于内容:用户应该更多关注的是内容，而非设计本身

确定的:在设计中减少不确定的因素，和预期

2019

统一：每一部分都是一个更大整体的一部分，应该在规模上对系统作出积极贡献。不应该有孤立的特征或异常值。

通用：Airbnb在世界各地被广泛的全球社区使用。我们的产品和视觉语言应该是欢迎和容易接近的。

标志性：我们专注于设计和功能。我们的工作应该大胆而清晰地谈到这个重点。

对话式：我们的动作让我们的产品焕然一新，让我们能够以易于理解的方式与用户进行沟通。

由此可以

所以我们在建立一个设计语言的第一步，应该先建立一个设计准则，关于设计准则如何定义，我会在下面和大家详细讲解。

如何敲定一个设计原则？

1 提取设计原则的一级关键词

提取一级关键词

第一步，我们先要去提取出关键词，这个关键词怎么来，有几种方式获取，第一个从我们整个公司战略出发，任何一个产品一定有他的战略，品牌战略，商业战略，举个例子!假设我们是eaby，我们的整个公司今年战略是全球化，高品质，正品，那么这个就是一级核心关键词!我们所有的设计语言一定要和公司战略结合起来，可以理解微战略关键词是整个设计语言顶部金字塔

2.运用情绪版提取二级关键词

我们有了一级关键词后，需要去思考，那么什么样的设计能给人全球化的感受呢，什么样的感觉能有高品质感觉，正品应该传递什么样的感觉呢?此刻需要用到第二个方法就是情绪板，不知道情绪板同学，可以百度搜索情绪板设计方法，总之，我们需要通过情绪板去把这些符合这些关键词感受的图形具体化

高品质的特征是什么？

下图是一组日本一组花茶设计，那么在这组设计中，设计师是如何体现高品质呢?

首先包装很精美，耐看，设计简单简约

做工精良，源于富士山下

采摘环境很透明，值得被信任

品茶的过程也特别让人向往，很有仪式感

整个设计很完整，设计感很足

二级词汇拆解

通过以上一些案例拆解，我们能对这个局品质的关键词有更加进一步的理解，高品质原来在情感层面是一个这么抽象的感觉?但是很多同学会问，那么这次二级词汇也很抽象，我如何靠这个来做设计呢，太抽象了，很难去理解，表达，别着急，还有下一步?

高品质设计表现形式?

那么关于高品质在视觉形式上如何来体现了，那些设计感觉能代表高品质呢，这个时候就需要我们去寻找一些设计参考， 一些好的设计案例，这些案例，要能代表高品质

✅好有品质清晰的图片

❌牛皮癣，不精致不可取

✅优雅的排版和留白，文字清晰，杂志感受

❌图文密集杂乱，缺少板式

✅精致的布局栅格体系，品质感十足

❌缺少板式，设计感太差

✅有设计细节，有节奏

❌无细节，无设计感

✅配色合理，简单清晰

❌配色山寨不可取

设计分层

以上就是我们从一个战略关键词逐步推导到一级关键词，以及二级关键词，到设计手法，以及对应设计表达，推导的一个全过程。

总结

以上大概微一个设计关键词的，全部推导过程，到设计手法的确定，也是设计语言里面最难的部分，后面的关键词也是类似的思考方法和思路，最终通过推导我们需要得出每个关键词的情绪图，以及对应设计特征，以及最终需要在界面中展示的形色字构质，一个完整过程!

比如国际化，同样通过前面思路，我们需要去思考国际化如何在设计中体现，需要我们能去提炼出代表国际化的象征物，如地标，国旗，邮戳，货币等等，包括如何在界面中融于国际化元素，以及人物和节日场景

最后

希望大家可以通过我这期的分享，能够详细理解到如何从公司战略层，提取到核心一级关键词，到二级关键词，以及对应的设计手法，对应到形色字构质!

See you next month ！