设计语言是一个庞大的设计系统，包括字体、网格系统、颜色、图形等，作者也在本文中分享了相关的设计原则和关键词，希望能对你有所启发。
前两期分享了为什么我们需要设计语言，它对内对外都有什么样的帮助。 同时跟大家分享的是，在做设计语言之前，首先要确立设计原则和设计原则下的设计关键词。 通过设计关键词推导出相应的视觉表现手法，也就是我们通常所说的形、色、性、结构、质。
那么今天我们就直接进入正题。 前面我们已经定义了设计原则和关键词，那么接下来我们应该做什么呢？
01 怎么做？
根据原子定律（不懂原子定律的同学可以搜索原子设计方法）我们从页面中最小的元素开始，也可以理解为页面中不可分割的元素。 它是构成界面的最基本元素。 基本元素，开始做统一，这次我会从颜色，字体，网格开始。
02色
从颜色开始，需要在整个页面中根据场景来定义颜色。 同样的，颜色也需要根据我们定义的关键字进行导出。 在定义颜色的过程中，可以参与色彩心理学原理和竞品分析：
定义了上述大颜色原则后，需要梳理一下界面中的使用场景，得到以下通用颜色类型：
当然，你也可以在界面中定义一些常用的渐变调色板。 现在很多网站也有很多漂亮的渐变，你可以试试。
您还可以定义在某些图片上放置文字的效果、覆盖什么颜色、颜色模式是什么以及它的透明度。 这些可以帮助我们定义一套颜色系统。
当然，也有一些非常好的调色板。 如果你不知道如何搭配颜色或者现在流行的颜色是什么，你也可以从这些调色板中选择一种颜色，选择一些与你的产品相匹配的颜色。
03字体
字体是用户在界面中看到最多的一些元素。 除了定义界面中的字体，我们还需要定义界面下的字体，包括线下素材推广等，选择字体时需要注意：
信息传递是否足够清晰，字体是否也有情感，字体所表达的情感是否符合我们界面的需求。 个性方面，有的字体很方正，有的字体笔画比较活泼。 如何选择不同的字体也需要在前面的大设计关键词下进行设计。
对于字体选择，必须根据产品关键字来定义。 以上是界面常用的一些英文和中文字体。 虽然每个字体大体上看起来都差不多，但仔细看其实每个字体在笔画上还是有些差异的！
个人建议屏方字体和Helvetica Neue比Helvetica Neue通用，中文字体包比较大。 特殊产品如需个性化中文字体游戏素材，需注意字体大小包！
04字体大小
字体大小是界面中的一个重要元素。 字体大小决定了信息的层次和层次。 在扁平化设计中，字体大小越来越重要。 一个好的字体大小设置可以让界面更清晰，更一致！ 相反，不良的字体大小会使界面看起来很假。 关于字号的选择，可以按照iOS的标准字号，也可以根据自己的产品个性来定义自己的字号。
如果你是电商产品橙光界面制作字体颜色，那么价格字体可能需要单独设置字号。 如果你是金融产品，那么相应的字号也需要定义相应的字号级别！
处理特殊字体（375 分辨率）
5种常用字体节奏（375分辨率）
特殊数字或图形字体大小（375 分辨率）
05 行高
参考3C原理，不懂的可以百度搜索，英文行高是字号的1.2倍，但是中英文字体的原因游戏动态，中文字体一般在1.5-2倍之间，我们需要充分考虑不同人群的特点，老人、儿童、年轻人和使用环境。
英文的行高一般是字体的1.2倍。 比如你的字号是20，那么行高就是24。当然国外很多设计师都是用黄金比例的行高，比如1.414倍，1.618倍，1.717倍等等。
行高的大小，之前说过，需要充分考虑你整个界面的节奏，内容和用户人群来定义是需要紧凑还是密集！
中文常用的行高一般为字号的1.5倍。 当然也可以用一些简单的方法，就是字号+4的原则。 比如你的字号是20，你的行高是24，字号28，行高32也是可行的。 是的，每个团队可以根据需要定义。
06字重
字体粗细，顾名思义，就是字体粗细。 越来越多的产品需要通过字体粗细来扩展信息层次。 iOS11目前的主流趋势也是通过字体粗细来扩展信息层级，因此在定义字体规格时需要反复考虑。 输入时使用什么字体。
07 网格系统
这块知识比较复杂。 在这里简单分享一下。 这种情况我想大多数同学都经历过。 当他们从其他设计师那里得到源文件时，间距是混乱的。 margin有时是20，有时是24，有时是32，特别迷惑，因为大家都没有详细定义它的规则。
08 看别人怎么做？
在Airbnb的规范中，间距的定义并没有像其他规范那样只定义一个最小单位值，而是在他所有的设计中都定义了5种弹性间距，8,16,24,48,64，包括元素前和元素前，这个图文之间采用了一套间距规则，保证了整个界面的统一性。
这是国外广泛使用的8点网格。 Airbnb在此基础上进一步简化，只保留8、16、24、48、64
国外有资料显示，当设计师以8为最小单位进行设计时，常用的间距有哪些，最终定义了5种常用的间距规则。
所以，我们在规范的时候，一定不能使用过多的间距规则，否则间距就很难控制和统一。 建议设置几个间距，可以是8、16、24、48、64，如果觉得这些间距不够用，也可以添加新的间距规则，但建议不要太多。
09 网格设计策略 1.确定最小单位
首先定义最小单位。 单位越小，页面越紧凑。 目前比较常用的有4,5,8。假设我们的最小单位是4的倍数，那么我们所有的间距都按8的倍数递增橙光界面制作字体颜色，间距规则就得到了。 8, 16, 20, 40, 60
2.增量设计
界面中所有间距的地方都采用8、16、20、40、60的原则设计，保证页面的统一性。
页面元素的高度，比如banner的高度，也是按照间距递增设计的，让整个页面更加系统和科学。
经常在做系统设计的时候用到，设计是通过增量来完成的。 希望大家能够掌握这个间距原则！
10个图形
图形是界面的灵魂，图形也是很好地传达视觉语言的重要组成部分。 如何保证图形的一致性，在界面中打造视觉记忆点是一个大点，需要拓展的东西很多，包括品牌符号和图标插画元素。 系列等
11 总结
设计语言是一个非常大的设计系统，包括字体、网格系统、颜色、图形等等，包括定义原子之后如何定义组件，然后到页面。
文章借用了一些国外的设计语言网站。 如果你有兴趣，也可以借鉴这些网站，看看别人是怎么做的。
