我在大厂学到的设计稿规范和tips

今天给大家分享我在某厂实习时是如何交付设计稿，以及向mentor和其他同事学到的一些让设计稿更加清晰易懂的tips。

规范：

设计稿一般包括封面、版本记录、目录、原型设计。

1、封面 ：项目名称、相关负责人员名字、最新更新时间、(设计组统一封面底图、公司和设计组icon)

版本记录表格：版本号、更新人、更新时间、更新说明

2、目录：每一页分别是什么

3、原型设计：以功能模块（模块大小取决于不同项目体量）分画板呈现

对设计稿认知的变化：

实习前：我要把设计稿做得像作品集一样完美精致！

实习后：我要把交付的设计稿看作一个产品，它的目的是让交互下游的UI和前端明确了解设计稿的内容和逻辑关系，以及他们相应需要做的工作。所以设计稿更重要的是清晰的表达。

让设计稿更加清晰易懂的Tips：

1. 通过特定的标签高亮不同职责的人需要注意的点。

2. 对于UI：告知需要进行视觉优化的组件和你想要达到的效果。

3. 对于前端：涉及具体数值、状态变化、数据接口等的信息需要高亮；当交互逻辑较为复杂时，可以绘制流程图，将逻辑可视化。

4.全面考虑所有可能的页面、组件状态，并进行一一说明。

5.很多时候设计稿会有多版迭代，如果是细节的修改，会将改动的内容直接集中在一个画板，这样前端就不用整个画板去找了。