提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
相信到今天,Sketch 就如PS一樣,都被大家所熟知了,但可能還是有很多人受限于公司的環(huán)境,大部分UI工作還是用著PS來(lái)完成。
這次本人要分享:一個(gè)設(shè)計(jì)團(tuán)隊(duì)如何圍繞Sketch 而優(yōu)化工作流程,進(jìn)而提升效率。
PS: 本文不涉及詳細(xì)的工具教程說(shuō)明
關(guān)于插件
Sketch 能發(fā)展到今天,不僅由于其便利性,其實(shí)更多應(yīng)該歸功于其強(qiáng)大的插件庫(kù),為設(shè)計(jì)工作帶來(lái)太多的驚喜,感謝背后的插件開(kāi)發(fā)作者們!
一般都到2個(gè)地方發(fā)掘新插件,1.官方(傳送門);2. Sketch.im (傳送門)
在此和大家分享一些自己覺(jué)得可以被稱為“神器”的一些插件,值得收藏~
1- Color Picker Plus
一鍵擁有邊框顏色拾取功能??上н@個(gè)插件的作者已經(jīng)不更新,新版本已經(jīng)用不了,希望各位看官如果有替代品麻煩告知一下,萬(wàn)分感激!
2- Symbol Organizer
曾經(jīng),Symbol的頁(yè)面絕對(duì)不敢Com+1,因?yàn)閷?shí)在太雜亂,而整理又太花時(shí)間,實(shí)際的意義又不大,一再覺(jué)得是心中的刺!當(dāng)發(fā)現(xiàn)這個(gè)插件的時(shí)候,真心是感動(dòng)得要哭啊,有木有!
3- Rename It
快速批量重命名你的圖層!相信大部分“完美主義”的設(shè)計(jì)師們都不陌生,也是滿滿的的愛(ài)啊~簡(jiǎn)直想抱著作者轉(zhuǎn)圈圈,有木有!
工具很強(qiáng)大,建議到官網(wǎng)觀摩?http://rodi01.github.io/RenameIt/
4- Auto Layout
絕對(duì)的神器!雖然由于Sketch 改版后Resizing 的優(yōu)化,部分功能重復(fù),但兩者之間的配合更是完美,讓多平臺(tái)設(shè)計(jì)的痛從此消失,提升了N+的工作效率,釋放了N+的時(shí)間,有木有!
5- Craft
神器!不解釋!不知道的可以面壁思過(guò)~
必備的神器,集成了很多便利功能,而且越來(lái)越強(qiáng)大,詳細(xì)功能看官網(wǎng)介紹:
https://labs.invisionapp.com/craft
利用Manager 可以不斷持續(xù)更新。
6- Zeplin
又是一個(gè)改變?cè)O(shè)計(jì)流程的神器!由于服務(wù)器在國(guó)外,可能一些團(tuán)隊(duì)不是很適用,所以同類型的還有藍(lán)湖、Measure之類的類似插件,也是非常實(shí)用的。
7- Truncate Text Lines
快速對(duì)文本框中的文字進(jìn)行截?cái)嗍÷?,特別是配合Craft ,在設(shè)計(jì)真實(shí)數(shù)據(jù)的場(chǎng)景非常實(shí)用!
8-?Sketch Material
為Material Design 的各種設(shè)計(jì)規(guī)范控件都集成插件,是一個(gè)非常便利的工具,具備非常棒的設(shè)計(jì)參考價(jià)值。
以上,插件的介紹是個(gè)永恒的話題,例如“Keys for sketch”、“Remove unused symbols”、“Symbol Instance Locator”等等。不同的工作環(huán)境,不同的設(shè)計(jì)師,都會(huì)因自身的特點(diǎn)選擇適合的插件,目的只有1個(gè):效率!
關(guān)于團(tuán)隊(duì)配合
目前本人的設(shè)計(jì)團(tuán)隊(duì),都是采取Sketch 作為主要的設(shè)計(jì)工具,除了對(duì)設(shè)計(jì)師工作本身能有很多的幫助,在團(tuán)隊(duì)協(xié)作層面同樣有著很大的助力,其中核心的體現(xiàn)就是兩大功能:1. Symbol;2.Libraries;
Symbol 作為設(shè)計(jì)文件的組件系統(tǒng),其強(qiáng)大之處在這里就不多闡述了,產(chǎn)品經(jīng)理的十八變從此不再是威脅,需求變更不再是體力活,Thanks god~ 而在設(shè)計(jì)團(tuán)隊(duì)配合中,Symbol 的角色就是設(shè)計(jì)規(guī)范搭建的基礎(chǔ)了。
設(shè)計(jì)規(guī)范的搭建,如下圖:
強(qiáng)烈建議大家都在同一個(gè)文件搭建基礎(chǔ)酷,不然后期的維護(hù)和更新絕對(duì)是個(gè)坑!
然后,再通過(guò)設(shè)置Libraries 以達(dá)到設(shè)計(jì)規(guī)范的落地,保證大家用的都是同一個(gè)設(shè)計(jì)規(guī)范,但是版本的維護(hù)方法也是迫在眉睫,不然總是傳文件非常的麻煩。所以,在此建議大家根據(jù)公司的實(shí)際情況,采取文件同步的方式,例如Git、SVN、Box等等,我這邊用的是Git ,非常方便,而且每次的修正都有記錄。
得益于Sketch 設(shè)計(jì)文件很小,基于文件同步的模式,每一個(gè)項(xiàng)目的設(shè)計(jì)文件都能用同樣的方式維護(hù)起來(lái),這樣就能保證大家本地的設(shè)計(jì)文件也都是最新的,同時(shí)也能了解版本的變化。
當(dāng)這套設(shè)計(jì)文件維護(hù)模式搭建好之后,基本就保證了設(shè)計(jì)文件都是與線上的版本實(shí)際同步更新的,細(xì)到一個(gè)按鈕基礎(chǔ)元素,大到一些如Header、Footer 之類的小組件,從此走向幸福的工作生活。
當(dāng)然,以上都只是一些大方向上Sketch 的應(yīng)用,中間還是有不少細(xì)節(jié)的操作注意點(diǎn),本次文章就不一一闡述了,有機(jī)會(huì)繼續(xù),然后呢,最重要的是~
大家來(lái)給我投票啊~
大家來(lái)給我投票啊~
大家來(lái)給我投票啊~
UI中國(guó)年度設(shè)計(jì)師評(píng)審~謝謝大家來(lái)捧個(gè)場(chǎng),以后努力寫(xiě)文章和大家分享 ↖(^ω^)↗
第三頁(yè),倒數(shù)第二行就找到我啦~
http://pingxuan.ui.cn/?action=vote&p=3
PS: 票數(shù)高絕對(duì)出續(xù)集~
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)