美文网首页
sketch | 概览

sketch | 概览

作者: Blackdooog | 来源:发表于2017-07-30 17:27 被阅读0次

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

    相关文章

      网友评论

          本文标题:sketch | 概览

          本文链接:https://www.haomeiwen.com/subject/svkklxtx.html