各位好，下面小编就和大家分享一下，带大家了解一下标准设计的全过程(软件界面设计流程)，这个很多人还不知道。这里有详细的解释，现在让我们来看看！

今天我就和大家分享一下如何定义一门设计语言。UIskys中国优秀会员经验总结。

设计语言，一个看似流行的词，需要为中国各种规模的团队制定设计规范。没有它似乎很不专业，UED的价值也不够高。关于设计语言的参考文献也很多，最著名的是苹果和谷歌，他们也是设计语言的鼻祖。

为什么需要设置语言

内部

上图应该是很多设计团队遇到的情况。按钮有多种尺寸、颜色和大小。有时候我们已经有了规范。但是由于业务端的各种需求，需要个性化，导致整个APP的设计混乱。这是我们设计中经常遇到的。很多app缺乏基本规范，导致app界面页面不一。设计师根据个人主观经验进行设计。导致风格参差不齐，缺乏统一性。在内部，很多时候语言的设计是为了解决统一性和效率的问题，避免开发工程师对某些组件的重复开发。

外部

对外，统一的品牌符号和品牌特色有助于加深产品在用户心目中的印象。统一的颜色和交互形式可以帮助用户加深对产品的熟悉和信任。好的设计语言可以为产品体验加分。想象一下，走进星巴克，你发现LOGO变了，咖啡的包装也变了。会不会感觉很山寨，像汉堡XX，虽然是一样的薯条汉堡，但是总感觉很像？

设计语言解决什么问题

一致性

打造全平台一致性、颜色、按钮、字体、品牌一致性，给用户安全感和熟悉感，解决设计师因个人特点导致界面不同的问题。

清晰的设计原则

让每一个设计师清楚的知道我们产品的设计特点和原理需要传达给用户什么，整个平台的约束是什么。比如我们的平台年轻活泼，所以有相应的设计规范，比如圆形按钮，渐变色。设计师要在这个约束下进行设计，不能因为不符合整体设计原则而设计出直角或正方形的图形。

效率

提高效率。对于一些常用的组件，比如组件、颜色、分模线、按钮、图标、字体、标签、表单等等。如果提前统一设计，可以大大减少重复设计，设计师可以更加注重加强设计质量，提高效率。基本的颜色、字体、间距都可以提前开发，减少重复开发。

多平台统一

我们现在处在一个各种设备的时代，各种屏幕尺寸，平板，笔记本，安卓机，各种厂商定制的系统等等。我们的设计需要运行在这些平台上，所以必须保证设计的统一性。

语言包的内容是什么

我们之前说过，设计语言的重要性和解决什么问题，一种设计语言应该包含什么，应该如何定义？

1。设计原则

/strong>；

在建立他们的设计语言之前，Airibnb首先根据整个产品公司的定位和价值观，获取他们整个设计语言的关键词:

统一性:每个设计要统一，不能有太多个性分化的特点；

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

确定性:减少设计中的不确定性和期望值。

同样，在facebook的设计原则语言中，他们的设计价值观首先被强调:普遍性、人性化、整洁性、统一性、有用性、快速性和透明性。在所有的facebook设计中，这些点都被作为他们的设计准则。

苹果的设计规范建议每个接触UI的学生都要学习。苹果的设计规范包括:完整性、一致性、直接操作、反馈、隐喻、用户控制等等。

所以在建立设计语言的第一步，首先要建立一个设计准则。我将在下一篇文章中详细解释如何定义设计标准。

2。颜色系统

设计有三大要素，色彩、字体、图形。第一步，当我们构建一个系统时，颜色是非常重要的一部分。我们需要定义我们整个系统的颜色架构系统。一旦建立了色彩体系，我们的设计就会围绕这些色彩进行设计，包括品牌色彩、辅助色彩、黑白字体色彩、不可用色彩、超链接色彩、成败色彩等等。

▲主色盘

▲辅助色轮

▲色轮扩展

3。图形

▲图形，设计中最重要的元素之一，如何定义我们的插画风格图形，图标，背景图形都是图形的一部分。

▲设计中用到的插画有几种类型。例如，atlassian已经标准化了他们的插图类型。插画要有隐蔽性和故事性，插画要有构造感，明确人物特征和色彩规格。

▲包括空白页的定义。

▲图标风格的定义，包括颜色关系。

▲对于头像，定义了有无五官的风格定义。

▲包括整个说明书的正确演示和错误演示等。

▲图标规范等等

4。网格系统

网格是为了保证页面中更好的布局，保证布局的均匀性。

网格系统分为最小单元和间距。对于airbnb里的间距，他们用的是8的倍数，所有规格都很灵活，8，16，24，48，64。

▲网格体系中的柱也叫柱。

▲网格系统中的行

▲电网系统中的水箱

▲网格系统中的边距

5。字体

最常见的内容字体出现在界面中。除了传统的大小，还有字距、行距、字重对比、字体颜色等等。在接下来的系列文章中，我会详细告诉你如何定义字体。

▲字重，顾名思义，就是字体的粗细。通过单词权重，可以加强层次。

▲字体大小和应用场景，字体在界面中使用什么样的场景，对应的字距、行距等。都需要我们去定义。

▲如何定义字体颜色，什么时候使用品牌颜色，成功，失败，超链接错误等等，我会在下面的文章中详细讲解。

6。投影

在设计系统中，我们需要定义投影关系，投影需要定义不同的强度来满足页面的需要，一般用透明度和投影距离来定义。

7。图形关系

如何处理界面中的图片和文字，如何使用多色调，如何处理黑色图片上的文字，如何处理白色图片上的文字，都需要详细定义。

总结

设计一个设计语言是一个非常复杂的过程，一般需要一个比较有经验的设计师在前期完成。设计完成后，基本颜色和字体不要频繁改动，成本会更高。至少，这些基本要素不应该在一年内频繁更改。今天和大家分享的只是一个大概的框架。后面我会把各个模块拆开，和大家分享如何一步步设计一门语言。

本文来源于网络，版权归原作者所有。仅用于分享和学习。

99%的人还会阅读以下内容:

以上讲解将带你了解标准设计的全过程(软件界面设计过程)。