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也需要一定的努力。

上一篇下一篇

猜你喜欢

热点阅读