界面設計工具Sketch的使用體驗如何?
要是全團隊是Mac的話,Sketch黑白常好用且適應如今的計劃趨勢的。你和我公司如今已經全部都用Sketch了。Sketch尤其得當計劃師職能不細分的中小團隊和個人私家作品的製作。線框到視覺稿可以在一個軟體里完成,能省去不少時間。
Sketch的用戶社區也比較繁榮康健,讓人挺有信心連續用下去。(Sketch的擴展開闢比PS容易的樣子,我看github上另有人做了主動天生iconfont之類的高級腳本……)
其他答覆根本都只是在特色成果上批評,確實,這軟體一開始的印象大概只有小巧便捷夠用。但用多了後就會發明他最好的地方不是比PS多了什麼成果,而是針對UI計劃的操縱、交互模式,用起來非常高效。
PS由於要思量拍照用戶的利用,並不克不及針對UI計劃師做最優計劃。有些答覆中說道的切圖、測距等成果,著實最新的PSCC也能勝任(其他很多成果我信託要在PS上出現也只是個時間題目。跟PS比成果是很難有核心競爭力的),但PS的根本東西的操縱/交互方法從來不是對UI計劃專門計劃的(我想這很難變化)。而這正是Sketch的取勝之道。
UI計劃時,最頻繁的操縱有選擇/移動,整理圖層、變動屬性/樣式。這3樣東西是相互影響的,Sketch在這3方面都做得挺好,就完成了1+1+1=5的風雅體驗(固然有一些是矢量軟體天生的操縱上風):整理圖層
UI計劃中得圖層,和照片編輯時很差別的一點是,模塊(or板塊or分組)之間大多數不重疊,因此圖層次序也就相對不那麼緊張。只要東西可以或許被用戶方便的選擇到(背面講選擇成果的計劃),圖層的次序很多時間是無所謂的。究竟上欣賞圖層面板是低效的,不管縮略圖還是文件名,人的讀取服從都是不敷抱負的。Sketch通過更相宜的根本成果計劃,很大程度上淘汰了用戶對圖層面板的依賴程度(不消去看),不但直接簡化了操縱,也利用戶可以更專註於畫布上得內容。
不要鄙視Forward和Backward的計劃。Sketch的這個成果計劃地非常好。
起首這個成果的運作方法非常高效,它會思量到遮罩干係,不做偶然義的次序變動。比如從上到下有a/b/c三圖層,a遮著c了,但是b在其他地方,那我對c實行一次forward,c便是直接跑到a上面了(c/a/b),而不是只傻傻地提拔一個級別(a/c/b)
其次它只變化同級別內的圖層,以是圖層組內的東西怎麼forward都不會跳出圖層組。
相比PS,圖層一多,拖動來變化次序太痛楚,用forward和backward每次只移動一層,低效,而連按太歡了又大概一不警惕把分組邏輯攪散了,必須警惕翼翼複製、粘貼
Sketch中複製、粘貼的操縱和一樣平常其他軟體里的複製粘貼很相似。選中圖層or圖層組的環境下command+c複製,command+v粘貼。別的很緊張的一個計劃是,當前選中的東西決定粘貼出來的東西在哪個圖層組裡。如許大部分複製粘貼操縱是不消看圖層面板的。
而PS里,ctrl+c和ctrl+v只能複製像素(選區),圖層/東西的種種複製都遠沒有Sketch那麼坦直,由於你必須通過不狗直觀的圖層面板來決定新圖層的上下干係和包括干係。選取、移動東西
這個最根本、最緊張的東西計劃的好不好,影響是巨大的。PS選擇分為矢量的選擇(A)和點陣圖的選擇(M)和圖層的選擇(V),略微巨大、繁瑣。比如我如今要變化一個矩形矢量圖層的圓角參數,我得先V切換到圖層選擇東西選中圖層,然後A切換到矢量選擇東西選中該路徑,然後屬性面板里才給我出現了圓角的參數。
而Sketch里只有唯一的選擇東西,金甌無缺。Sketch里的選擇東西,通過雙擊可以把選擇範疇的層級深入一層(也便是可以選圖層組裡的東西),如許縱然是嵌套了很多層圖層組,每層還很多多少個圖層組的環境,也可以很方便且邏輯較清楚地舉行東西的選擇。這個雙擊使得用戶越發不必要存眷圖層面板。
而PS里的選擇東西有兩個模式,一個是選圖層組,一個是選圖層。圖層組模式是不克不及選圖層組裡的圖層;圖層模式時不克不及直接選整個圖層組。雙擊?那是什麼?Sketch里的默認的東西是選擇/移動東西。其他東西都是畫一下就切換回選擇東西。你說你要連續添加很多個圖形/元素?用makegrid批量複製並布局吧。
畫好一個東西後接著布局,越發切合繪製UI的環境。而PS里你畫好一個圖形後還得按著ctrl才華移動。(PS的操縱便是ctrl根本不離手)變動屬性/樣式
Sketch里的塗層樣式是在右欄里常開的。而在PS里先要在圖層面板里找到當前選中的塗層然後雙擊打開樣式編輯窗口,而樣式窗口的彈出位置又是不那麼確定的(尤其是多屏環境時),這麼多次的視線和滑鼠的移動,黑白常低效且煩人的。
著實這點PS也是可以仿照的,只要開闢個圖層樣式的面板,然後這個面板可以自定義表現哪些屬性(不然會過多塞不下)就可以了。但Adobe沒有,我也沒搜到如許的一款擴展/插件。經我這麼一番敘述大家應該可以意識到了PS做UI計劃是多麼繁瑣。sketch不但簡化了流程,還讓左手(不消太多時間按著ctrl)和眼睛(不消去細緻閱讀圖層面板)越發輕鬆。它帶來的隱蔽的服從提拔是比較可觀的。至少操縱體驗是很好的。
Sketch另有很多人性化的計劃細節。各位用著用著就能領會到。
大略明白的成果加上以上種種密切的交互計劃使得這軟體的上手難度極低。我轉向Sketch的時間除了個別疑點輕微搜了下文檔,總體邊學邊用的進程都毫無攔阻。
感覺到的相對的不敷有:
大點的項目or大尺寸點陣圖多點,性能就很一樣平常了。
之前做一個webapp,背景整個是個點陣圖,結果artboard也就十幾張就比PS還卡了。Sketch要是成果上能饜足團隊需求,是如今的不二之選。它決不是大略地針對UI計劃開闢分外的成果、去失不太用的成果,而是在根本的操縱層次上給UI計劃師帶來了得更好地體驗。
推薦閱讀:
※GUI 常用元素中英對照表 / 10. Text Field
※沒有天賦能學習UI設計嗎?
※交互水深 06 | 多選陷阱、收集器、列表構造、增項列表【單選小坑,多選大坑】(下篇)
※優秀交互設計師需要必備哪些條件?
※25歲,無美術功底,如何轉行學ui設計?
TAG:用戶界面設計 |