提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
就在今年五月份,公司部門全系標配了iMacRetina 5K, 27-inch。我也有幸在有生之年可以接觸到UI設(shè)計工具的圣經(jīng):sketch。
這就是我的工位了
在接觸到Sketch的三個月里,對我的整體設(shè)計思路產(chǎn)生了巨大的影響,在適應(yīng)了這種影響帶來的變化后,覺得已經(jīng)無法離開它。不過這篇日記我們只聊聊sketch對設(shè)計師的工作帶來的2個很重要的變化。
如果Photoshop像一個精于技藝的藝術(shù)家,它對界面性創(chuàng)作的藝術(shù)性具有無限的可能性。那么sketch則更像一個產(chǎn)品經(jīng)理。它迫使設(shè)計師站在一個更加宏觀的角度以更加整體的方式去構(gòu)架一個產(chǎn)品,另外在協(xié)同辦公上也有著更加合理的方式。
組件化的思考方式
sketch的組件化的設(shè)計方式其實說白了就是去年傳的很神乎的分子設(shè)計,往淺的方面說分子設(shè)計就是將產(chǎn)品中各個模塊當(dāng)做獨立的模塊進行設(shè)計然后進行組裝到一起。就像拼接樂高,將拼好的各個部件組裝到一起來完成一個整體的設(shè)計。往更深入的層面來講, 分子設(shè)計是通過觀察、認識在設(shè)計過程中各個控件的使用頻率、使用效率、不同模塊(功能)之間的協(xié)同工作中令產(chǎn)品產(chǎn)生更加復(fù)雜的功能變化,進而分析、重組及再創(chuàng)造。這個流派致力于在傳統(tǒng)設(shè)計基礎(chǔ)上,通過各個控件的組合將產(chǎn)品的功能更加科學(xué)化、系統(tǒng)化。說白了,作為用戶,你可以享受到具有更加好用的產(chǎn)品設(shè)計,而這些設(shè)計呢,又是用更加創(chuàng)新的、科學(xué)的方法制作出來的。sketch的出現(xiàn)
(vision47以上)對這種“組件化”或者說“分子設(shè)計”的設(shè)計方式具有非常好的支持。
類似于控制器一樣的模塊化設(shè)計
SKETCH47開始加入了全新的symbol和library的概念,它允許用戶像開發(fā)人員一樣模擬封裝自己的功能模塊。模塊內(nèi)部的樣式提前預(yù)設(shè)好,并在外部提供了可以修改內(nèi)容的接口。并且在library中,可以將設(shè)計好的symbol放入庫中方便日后調(diào)用。
library在設(shè)計中的運用
清晰的協(xié)作邏輯
sketch將團隊的設(shè)計工作進行了清晰的劃分,對基礎(chǔ)模塊的修改將影響到所有調(diào)用相關(guān)模塊的產(chǎn)品設(shè)計。這樣劃分可能導(dǎo)致團隊設(shè)計人員工作性質(zhì)的劃分。一部分人對底層的庫進行維護和更新,并對所有調(diào)用此接口的模塊進行維護。一部分人負責(zé)具體的產(chǎn)品設(shè)計,并考慮是否調(diào)用庫中的模塊。就像南極的冰山,可以說他人看到的產(chǎn)品設(shè)計的樣式其實只是浮在海面上的冰山一角,而更深層次的底層模塊庫的支撐則是海面下的冰山根基。
sketch中的協(xié)作關(guān)系
這里引用一下房子ok的說明:在協(xié)作中,如果是多人設(shè)計,可以把Libraries文件 存放在公司公共網(wǎng)盤里,方便團隊協(xié)作。如果是遠程辦公可以借助 Dropbox 或者藍湖來同步。
如果你是一個人完成設(shè)計,也可以用 Library 集中管理圖標文件和色彩文件,方便在不同的項目中調(diào)用。即使Libraries文件位置改變也不會影響調(diào)用。如果你徹底刪掉某個 Library 文件,當(dāng)前調(diào)用的組件就會轉(zhuǎn)化本地 symbol。并不會出現(xiàn)重大錯誤。
-The end-
我是一鳴
Hikvision UI desinger
一個辛勤更新的博主Dribbble
一個無聊玩玩吉他的設(shè)計狗Bilibili
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊