sketch | 概览

周末看了下油管上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也需要一定的努力。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容