我在大厂学到的设计稿规范和tips
今天给大家分享我在某厂实习时是如何交付设计稿,以及向mentor和其他同事学到的一些让设计稿更加清晰易懂的tips。
规范:
设计稿一般包括封面、版本记录、目录、原型设计。
1、封面 :项目名称、相关负责人员名字、最新更新时间、(设计组统一封面底图、公司和设计组icon)
版本记录表格:版本号、更新人、更新时间、更新说明
2、目录:每一页分别是什么
3、原型设计:以功能模块(模块大小取决于不同项目体量)分画板呈现
对设计稿认知的变化:
实习前:我要把设计稿做得像作品集一样完美精致!
实习后:我要把交付的设计稿看作一个产品,它的目的是让交互下游的UI和前端明确了解设计稿的内容和逻辑关系,以及他们相应需要做的工作。所以设计稿更重要的是清晰的表达。
让设计稿更加清晰易懂的Tips:
1. 通过特定的标签高亮不同职责的人需要注意的点。
2. 对于UI:告知需要进行视觉优化的组件和你想要达到的效果。
3. 对于前端:涉及具体数值、状态变化、数据接口等的信息需要高亮;当交互逻辑较为复杂时,可以绘制流程图,将逻辑可视化。
4.全面考虑所有可能的页面、组件状态,并进行一一说明。
5.很多时候设计稿会有多版迭代,如果是细节的修改,会将改动的内容直接集中在一个画板,这样前端就不用整个画板去找了。