想成為一個優(yōu)秀的人UI設(shè)計師必須充分掌握設(shè)計工具,UI設(shè)計師工作中常用的七種利器大致貫穿了UI整個工作過程的設(shè)計,從排版、配合、切圖到標(biāo)注、預(yù)覽,只要學(xué)會了,便可大大提高UI設(shè)計師的工作效率。小千為大家?guī)砹?strong>UI設(shè)計師工作中常用的7個利器,快來收藏!
1.排版神器MaterialDesignGrids
MaterialDesign谷歌推出了全新的設(shè)計語言,旨在為手機、平板電腦、臺式機和“其他平臺”提供更一致、更廣泛的服務(wù)“外觀和感覺”。在MaterialDesign還有一套完善的網(wǎng)格系統(tǒng),我們可以使用這個網(wǎng)格系統(tǒng)來幫助我們更高效和標(biāo)準(zhǔn)化的界面設(shè)計。網(wǎng)格系統(tǒng)的所有組件之間的間隔為8dp基準(zhǔn)網(wǎng)格對齊,排版/文字與間隔為4dp基準(zhǔn)網(wǎng)格對齊。
2.配色神器MaterialDesign
配色是很多設(shè)計師頭疼的問題,尤其是一些新設(shè)計師在如何配色和配色方面往往處理不好!那么下面的插件會幫你解決這個問題!也來自MaterialDesign,MaterialDesign配色方案非常華麗,與扁平設(shè)計風(fēng)格相得益彰。
如果你還擔(dān)心自己設(shè)計作品的配色,那么下面這套就是MaterialDesign配色版插件,會完全讓配色變得極其簡單,媽媽不用擔(dān)心我的配色!這個插件可以很容易地安裝到你的插件上。AdobePhotoshop和AdobeIllustrator調(diào)色板,使用非常方便。
3.切圖神器Cutterman
Cutterman是一種運行photoshop中間的插件可以自動輸出您需要的圖層。取代傳統(tǒng)的手工藝品。“導(dǎo)出web所用格式”以及使用切片工具逐個切割圖片的繁瑣過程。可以讓你點擊一個按鈕,自動輸出你需要的各種圖片,快到?jīng)]有朋友!
4.標(biāo)注神器MarkMan
馬克鰻魚是一種高效的設(shè)計草案標(biāo)記和測量工具,大大節(jié)省了設(shè)計師在設(shè)計草案上添加和修改標(biāo)記的時間,使設(shè)計更有愛心。馬克鰻魚的使用也很簡單,雙擊添加測量,單擊改變水平和垂直方向等功能,基本上是一鍵完成的。馬克鰻魚可以跨平臺使用,減少了不同平臺使用帶來的一系列問題。
5.預(yù)覽神器PSPlay
PsPlay是一個用Wi-Fi網(wǎng)絡(luò),在終端設(shè)備上實時預(yù)覽電腦Photoshop設(shè)計稿可以同步調(diào)試和截圖保存到移動終端,可以從移動終端保存,Email,即時共享微信等工具的跨終端應(yīng)用。
6.圓角神器CornerEditor
這很簡單Photoshop插件,卻極大地幫助我們解決了Photoshop形狀的圓角問題。CornerEditor,出自PhotoshopScripts,我們稱之為圓角編輯器。只要輸入您想要的圓角半徑值,您就可以隨時自由控制、編輯和調(diào)整任何形狀的路徑圓角。
7.字體神器RobotoFont
推薦給你的神器也來自于MaterialDesign,它就是Roboto字體。Roboto是為Android無襯線字體家族由操作系統(tǒng)設(shè)計。Google描述字體為“現(xiàn)代的”“親切的”和“人性化的”。Roboto有6種字重:Thin,Light,Regular,Medium,Bold和Black。
UI設(shè)計不僅考驗設(shè)計師的設(shè)計思維,而且對設(shè)計師的效率也有很高的要求。借助這些武器,UI設(shè)計師的工作將事半功倍。如果你想學(xué)習(xí)更多,UI知識的方面,包括UI設(shè)計思維、基本工具使用、實戰(zhàn)項目演練等,可以免費試聽千鋒教育UI設(shè)計課程。更多關(guān)于UI培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗,采用全程面授高品質(zhì)、高體驗培養(yǎng)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),助力更多學(xué)員實現(xiàn)高薪夢想。