标签:
Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。
在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇文章主要会涉及Sketch模板、插件的使用,以及Sketch在具体使用过程中的一些技巧分享。
如果你曾接触过PS、AI、Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件学习的路径都是相似的,都是从认识基本功能框架到外部资源整合运用,最终形成个人风格的一个过程。
Sketch自带模板也就是Sketch在file菜单栏下的template。
在使用的过程中,我们只需要将所需的模板复制到我们的Artboard中就好了。需要注意的是,在调整大小时需要固定长款比例。
在Sketchappsources网站中,有许多Sketch的模板可以下载,我们可以将这些控件导入到Sketch中。
亦或是在工作中,团队经常用到一些固定的组件,为避免重复劳动,我们可以把它们转存为模板。这个复用的思维跟Axure中的自定义母版是一样的。
具体的步骤如下:
要运用好模板,除了平时多加积累素材之外,还需要注意模板与模板之间的独立不重复和规格的统一,比如iPhone手机顶端信号栏的宽度这样的细节。
插件是设计软件必备的神器,无论是PS还是AI都有强大的插件库,当然Sketch也是如此。
Sketch的插件多是技术大牛写的,获取的方法有三个:
方法二:在Github上搜索自己需要的插件名,然后直接打包下载就好了。
方法三:在Sketch的Plugin菜单下点击manage plugins,在弹出的对话框中点击“get plugins”。
关于插件,建议一开始的时候不要安装太多。推荐以下几个插件库,可以满足日常工作需求:
Rename it:
这个插件的用途是批量修改图形名称。
比如上面那个动图,我们可以全选所有的矩形,然后点击rename it插件,将其命名为“%N”,即可得到一串倒序排列的矩形命名。
主要的规则有:
Sketch Measure插件:
这个插件可以添加图形尺寸、距离、颜色和文本属性的标注,并会自动把附注编组,方便你自己修改和管理。
运用Sketch Measure插件可以在团队合作的时候,可以更方便的把设计稿交付给相关同事。
Sketch Notebook:
给一个对象添加注释、评论,可以更加自由地对设计稿进行标注和说明。
Sketch Color Swatches:
这个插件便于我们在设计初期参考一些别的网站基础配色。
配合Sip这款取色工具,我们可以直接获得我们想要的网站配色。以简书为例:
要说Sketch脱颖而出的理由,很重要的一点就是它满足了实时在手机端查看的功能,这是Axure所不具备的。
在手机上下载Sketch Mirror这款APP,然后在Mac端工具栏中点击Sketch mirror,只要两台设备在同一wifi环境下,就可以同步查看了。
制作的步骤如下:
关于Sketch的进阶篇就介绍到这里。大家在平时的生活中可以多思考一下优秀APP的页面如果让你来做,你的思路是怎样的,然后去实践、运用,遇到不懂的地方就上论坛去问;同时,养成复盘每一个作品制作过程的习惯,想一想哪些地方可以优化,哪怕是很小的细节改善,都能带来很大的效率提升。
标签:
原文地址:http://www.cnblogs.com/isItOk/p/5564424.html