sketch | 概览
2017-07-30 本文已影响0人
Blackdooog
周末看了下油管上leveltuts关于sketch的教程,由于自己经常使用sketch,所以一些平常的功能并没有很认真听,但是有几个重点觉得在今后的工作当中可以带来很大的帮助,主要在设计文档的规范性和一致性上。
1. Pages
这个功能自己以前并没有注意过,其实这里可以至少建立一下几个page:
page00-设计规范:颜色、文字样式等,结合style和symbol,对设计进行规范和统一;
page01-symbol:在设计中用到的各种symbol可以放在这里,方便管理和修改;
page02-流程图:如果交互相对负责,例如付费等,可以将流程图也做出来,方便对照交互和理解;
page03-交互原型:02和03可以结合起来,对于比较大型或者复杂的项目,可以将流程和原型分开来;
page04-各版本ui稿件:根据日期等规则命名各版本设计稿件。
如上述结构搭建设计文件,可以比较清晰的设计出图,利于查找和工作交接;
2. Shared style
结合page00,创建文字、图形、icon等样式规范,运用在设计中,可以保证设计的统一性;
3.Create Symbol
对于多个页面都需要使用的相同组件,可以create symbol,这样方便统一修改;
4. Zeplin
zeplin要比sketch的标注插件更方便,只是需要翻墙;
首先,上传到网上可以免去文件打包传来传去有可能丢失等问题;
其次,切图可以让开发自行下载,但是要保证sketch文件的简洁和规范;
最后,关于设计稿的意见和修改都可以及时的进行反馈;
但是,需要注意的是sketch文件的整洁和规范,另外和开发沟通使用Zeplin也需要一定的努力。