目录行间距20磅怎么设置-一步一步教你：如何创建设计规范？

记得刚开始工作的时候，我负责一个全新的项目，我是团队里唯一的设计师。 这种情况经常发生。 制定参数的时候，总是直接问我这个地方是什么颜色，什么主题，基调是什么卡通形象，图标多大，分割线的颜色……当时我潜意识里就觉得需要这些东西要有一个标准的文档，把一些常用的内容，比如：颜色值、大小、按钮、背景色等放在一起，团队成员需要的时候可以快速找到。

于是就上网查了很多别人做的设计规范，自己做了一个。 到了开发的时候，我很高兴，但是却被告知很多都没用。

例如：字体规范中写的一级标题，每个人对一级标题的看法都不一样，所以如果你只写一级标题，别人会不知道它具体指的是哪里。

再比如图片区域，过于标准化，没有适应的余地。 它就像一个注解，但事实上，它似乎也不具备作为注解的资格。

最终的结果是，花了很长时间制定的规格只是让我们自己受宠若惊。 事实上，他们对球队没有任何用处。 后来我一直在想什么样的规格适合我们这样的小公司？ 什么样的规范才能真正节省团队时间，提高工作效率？

现在工作了几年，我对这些有了更多的认识，所以我想把它们都总结记录下来，写给刚参加工作时的自己。 当然，我也希望写给自己的同时目录行间距20磅怎么设置，也能帮助到别人。 人们，在陷阱上节省一些时间。

关于设计规范

在具体讲如何制定规范之前，我想先解释一下规范本身，为什么要做，以及做了之后的好处和效果，让大家知道它是什么，为什么。

我们为什么要监管

很多小公司的设计师感觉整个公司只有一个设计师，所有的设计稿都是自己做的。 风格一定要统一，没必要花那么长时间做一个无用的东西。 的事情。 但事实上，规范本身不仅仅适用于设计师。 它更大的作用是针对整个团队的，比如方便与开发人员的沟通，帮助他们创建统一的组件，以后使用的时候可以直接调用。

对于设计师来说，无需重复绘图和注释。 一项变更，全部可以同步，大大提高工作效率。

而且有时即使设计稿出自同一个人，也很难保证前后接口的参数一致。 毕竟人的精力是有限的，当要做的事情很多的时候，很容易出现记忆偏差。 也许你已经完成了之前的颜色、图标和模块间距。 这是这样的。 当以后使用相同的模块时，它看起来会有所不同。

稍后再修复此类小问题不仅浪费时间，而且很容易错过。 前期花时间定义规则、梳理规范，可以有效避免这个问题，让工作持续进行。

什么样的规范是好的？

一个好的标准，首先得有人愿意用，否则，你再好，也是白搭。 让我们设身处地为别人着想。 如果您是用户，您希望看到什么样的标准文档？

对我来说，最重要的不是它有多详细、全面、完善，而是我能理解它，我能在30秒内找到我想要的东西，并且它能够对我现在的工作有所帮助。 因此，规范应当简单、易懂、具有指导意义。

注意事项

最好在主界面设计完成之后再制定规范。 记住不要从头开始制定规格。 这样就很容易导致前期建立的规范在后续页面中无法使用。

我通常会先完成每个底部选项卡的第一级页面，再加上几个第二级和第三级页面，然后再开始。

不要因为标准而限制你的思维。 当发现标准有问题时，应该及时纠正，而不是做一次就永远使用，不再修改。

标准要“因地制宜”，切实可行，不能流于形式。

哪些需要先确定尺寸？

设计图纸尺寸：

虽然现在大多数人都使用750（@2x）作为设计稿，但仍然有一些人使用720（@2x）尺寸，或375（@1x）尺寸。 例如：我用的是720。因此，在设计之初首先要确定一个统一的设计尺寸。 尤其是当多个设计师一起工作时，不要想当然地认为其他人都和你一样。

间距大小 间距包括页边距和模块之间的间距。 这个全局间距大小必须一致。 边距的大小很容易确定。 基本上，20、24、32是最常见的。 可根据产品特性确定统一尺寸。 正好。

模块之间的间距相对复杂。 在决定之前，需要确定模块的划分方式，是用线、面还是留白，然后确定间距。

确定了模块之间的划分方式之后，还需要确定模块内部的组成部分。 一旦确定，就必须严格执行模块之间指定的行，并在模块之间使用空白。 那么后续的所有页面都需要遵循这个规则（特殊情况除外）。

颜色

颜色包括基本标准颜色（主颜色）、基本文字颜色、全局标准颜色（背景颜色、分割线颜色值等）。 这些都需要标明颜色值和使用场景。

当颜色为渐变时，渐变的颜色也需要明确标注。

字体

没有必要将所有页面的字体大小都放在规范中。 您只需描述清楚常用的字体大小及其使用场景即可。

需要注意的是，使用场景应该写一些有明确方向的描述性文字，比如：顶部导航标题字体大小、提要文字、详情页标题等。

我们不能忘记的另一件事是行间距。 无论是一行文字还是多行文字，我们都需要明确标注行距，也就是行高。 如果是段落，我们还需要标记段落间距。

因此，为了防止团队其他成员忽视文本的行距，我们需要在制定规范时注明。 所有文本必须标有行距。

图标

当项目紧急且人员不足时，可能没有那么多时间准确绘制所有图标。 这个时候我们就可以先确定尺寸。

当然，这里所说的大小设置并不是指你设置页面上所有图标的大小，而是你优先考虑几个大的模块，比如：顶部导航、底部导航、个人中心……

稍后有空的时候我们会完善这些图标。 开发时我们只需要改变图片即可，不影响其他推荐的图标尺寸。 图标尺寸尽量不要太多，比如：32、36、40、48，这样会显得杂乱无序。 ，而这些可以统一为两种尺寸，比如：32和48。因为图标可以有空白区域，也就是说图标本身的尺寸可以是40目录行间距20磅怎么设置，但是剪切后的尺寸是48。

这样做的好处是图标尺寸种类较少，更容易记忆，而且看起来也比较专业。 毕竟没人希望最终的规格是32 2个图标、36 2个图标、40 2个图标，好孤独。 多惨啊，所以建议图标的尺寸不要太大。

按钮

该按钮包括其大小、颜色值、圆度以及默认状态、单击状态和灰显状态。

前期制定规格时，可以先确定大、中、小尺寸的纽扣款式，后期再根据实际情况进行修改。

如果你的APP中很多按钮都是文字+图标，那么图标的大小以及与文字的距离也需要标准化。

图片

图片包括APP中出现的所有图片。 一般是产品图片和头像。 但需要注意的是，在制定规格之前，首先要确定图片的比例。 常见的比例有1:1、2:1、4:3、16:9等。

然后清楚地标记出每个模块所使用的图像的大小及其比例。 如果图像有圆角，也需要注意。

可以设置大中小三种头像尺寸，对于基础尺寸较小的APP来说已经足够了。

建议APP内图片的比例为二比三，因为这涉及到后台上传。 如果比例不同，要么开发需要对图片进行裁剪，要么需要留下不同的接口，稍后单独上传。 不管怎样，都需要额外的人工成本，所以不要给自己挖坑。

导航

顶部导航：

高度、字体大小、颜色、是否有分割线，如果有，分割线的颜色值； 是否有图标，多个图标之间的间距等。

底部导航：

二级导航主要是一些过滤选项卡，需要标明选择后的文字大小、颜色值、横线的大小。

目前这里常见的水平线样式有两种：

一种是固定的短线，无论上面有多少文字卡通人物，都会显示相同的大小； 另一个是与文本一样长的一行。 无论是哪一种，都需要提前定义好规则。

卡相关

卡片包括很多模块，比如卡片标题、卡片列表以及一些基本的卡片样式。 建议按高度划分。 如果内容相似，建议统一高度。 例如，如果都是图标+文字，一个高度为72px，另一个高度为80px，则可以将它们合二为一。

一些可重复使用的卡片样式如产品列表可以标准化、统一，方便后期修改。

哪些可以暂时确定，后期可以调整

前期，由于各种原因，比如时间不够、无法预测未来的情况等，没有办法把所有的事情都定下来规范。 这个时候我们可以暂时确定一下规格，以便以后一些成本较小的改动。 ，然后在必要时进行统一更改。

图标风格

在制作图标的时候，我们要做的就是确定图标的大小。 我们可以针对图标本身的样式、样式、粗细等暂时做几个示意性的样式。 当所有的界面都完成之后，我们就可以统一进行绘制了。

很多时候我们不知道界面中需要什么弹窗样式，多少种的文字最多，所以我们可以先确定几个最常用的，比如：双向操作（包括确认和取消）、单向操作（只有一个操作按钮）。

Toast弹出窗口

在后续过程中，如果发现现有样式无法满足新的需求，可以随时添加或修改。

首先不应该做什么

空白页面插图、默认页面、占位符图片等。你现在不必急于做这些。 您可以在项目完成后进行这些操作。 当早期项目紧急时，不要把所有时间都花在这些小页面上。

奖励积分列表

目录相当于一个索引，可以让浏览者对整个规范有一个大概的了解，帮助团队成员快速找到自己需要的内容。

统一格式

由于标准文档有统一的页面布局以方便团队协作，因此它本身应该是统一的。 例如，每页的格式、标题大小、文字数量和颜色需要一致，这样别人才能更好地相信这是一份经过深思熟虑的文件。 制作规范文件。

又比如：文档中所有的空格都用绿色表示； 元素用紫色表示； 高度用红色等表示，使得每种颜色的存在都有规律。

总结

规范本身的目的是为了提高团队的工作效率，而不是忽视一件事或另一件事。 小公司的产品没有大公司那么大。 这些规范不需要完全照搬大公司的规范。 相反，他们需要根据自己公司的实际情况，创建一个扁平、快速、适合自己的规范文档，让规范真正发光发热。 它在标准化中的作用就像寻找合作伙伴。 总会有更好的，但更好的不一定是最合适的。