美文网首页用Sketch做UIUIUI/交互设计规范
如何透过Sketch提高设计工作效率(下)

如何透过Sketch提高设计工作效率(下)

作者: 原设计 | 来源:发表于2017-06-20 11:06 被阅读312次

    核心功能、操作观念、实用技巧、资源小补帖

    关于上集

    上一篇文章我们提到了制作Symbol 的方法和一些快速键的运用等等,不知道对于大家有没有帮助呢?还没看过的的朋友可以点下面的连结前往上篇:

    如何透过Sketch提高设计工作效率(上)

    核心功能、操作观念、实用技巧、资源小补帖medium.com

    而这一篇就来聊一下一些做UI的小观念与分享一些Sketch 的相关资源吧!

    7.插件(Plugin)

    插件的支援是Sketch相当重要的卖点之一,强大的社群资源以及众多开发者不断的投入之下,Sketch插件目前呈现一个百花齐放的状态,不时有新玩意释出,虽然想用Sketch原生的武功打天下也不无不可,但是好好的运用这些插件,相信我~你的工作效率就会像开了加速器一般呢!

    我们可以利用一个叫做Toolbox的工具来快速安装以及管理插件,这边我也推荐一下几个我常用的插件:

    http://www.alleywatch.com/2013/05/what-are-grid-systems-and-why-you-need-to-know-about-them/

    建立专案的视觉规范(Style Guide)

    正如前面所提到的,不管是建立Symbol或Share Style都是在加速我们的效率,而更重要的是经由这个过程来建立一套视觉规范,这不仅能帮助我们厘清我们整个产品的色彩模式、文字、元件结构等等,对于程式开发以及团队其他成员来说也能有更一致的沟通画面。有些人可能会觉得整理或制作这些规范有点花时间,不过我个人是认为「沟通成本」远大于「制作成本」,前期的资料建立越完整,后期反覆修改调整的机会越小。

    尽量减少档案的大小

    虽然说Sketch 是个轻量级软体,但常常可能一个专案会越做越大,遇过一些朋友把所有Artboard 放在同一个Page,这其实会造成软体运作上不顺畅,我的建议是把Page 依照专案的功能做分类,除了可以让管理更方便,也减少一点软体运算的时间。

    再来就是尽量不要用Background Blur,这也是一个非常吃资源的效果,可以先把效果关闭,等到需要输出时再打开就可以了。

    最后记得时常检查图层,删除不必要的图层,减少占用系统空间。

    9.关于协作工具

    不管是和团队里的哪一个成员沟通,专案经理、设计师、老板或是工程师,我们都希望用最少的时间做最有效率的沟通,而市面上已经有不少的平台或工具可以帮助我们降低沟通成本,下面这些是比较常见的工具:

    导出与标注工具

    Sketch Measure/Riry/Zeplin

    Sketch Measure / zeplin

    原型制作/沟通平台

    Invision/Marvel/Prott

    invision / Mravel / Prott

    不过这部分青菜萝卜各有所好,大家可以去试用看看感受一下这些平台的特色,没有最好的工具,只有最适合当下专案或团队习惯的工具

    10.Sketch资源小补帖

    最后我来提供一些Sketch 的相关资源,但资源实在太多了,所以我就列举一些我常使用的给大家参考:

    台湾

    奥格设计资源总汇

    中国

    Sketch.im/UI中国/学UI网

    国外

    Sketchrepo/Sketchappsources/UI8/Sketch App Rocks

    另外推荐一个Chrome的插件Muz.li,让你每天都有新的灵感可以发现!

    总结

    规划很重要,虽然设计师是一个相对视觉化与感性的职业,但对介面设计师来说,理性的逻辑思维也是很重要的,UI设计是一个牵一发动全身的过程,你绝对不会想在设计了100个页面之后,为了改一个按钮的颜色,手动重复调整十几二十个页面对吧?我们的生命应该浪费在更美好的地方才是~

    最后陈腔滥调一下:「工具是死的,人是活的。」其实做UI的重点不外乎就是「效率」与「细心」,产出快、品质又好其实是一件相当不容易的事,我们应该更专注在设计本身,而不是被工具限制,所以建立一套良好的使用逻辑与习惯,相信不管在提升制图的速度上或是与别人协作时都能够如鱼得水,事倍功半!

    以上内容都是我的一点经验之谈(参杂许多个人习惯XD),希望可以帮助到想学习Sketch的人,有任何指教或需要改正的地方请随时留言给我,如果喜欢这篇文章的话也欢迎帮我点个喜欢或者分享给其他正在学习Sketch中的朋友,同时也欢迎大家多多交流自己使用的工具或小诀窍啰!


    文章来自一位台湾不错的设计师~~

    相关文章

      网友评论

        本文标题:如何透过Sketch提高设计工作效率(下)

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