UI設計師:你不能錯過的七大神器!

qq_842354603發表於2019-03-21

   工欲善其事必先利其器,在UI設計中一樣存在這樣的七種武器,如果能擁有這七種武器,必定能讓你設計如同“開掛”一般事半功倍!今天千鋒推薦的這7個神器,有經典款也有新人版,不過大致貫穿了UI設計的整個工作流程,從排版、配色、切圖到標註、預覽,都有對應的良心神器推薦,非常適合剛入門的UI設計師,當然,有兩款谷歌剛出的神器,也值得老手們來瞧一瞧。(來源:千鋒UI)

1db519d524de4bb2baa3fc3544571f4d.jpg

  長生劍 —排版神器Material Design Grids

  Material Design是谷歌推出了全新的設計語言,這種設計語言旨在為手機、平板電腦、桌上型電腦和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。

  在Material Design中也有著一套完善的柵格化系統,我們再設計中可以使用這個柵格系統,幫助我們更加高效規範的進行介面設計。

  這個柵格系統所有元件都與間隔為8dp的基準網格對齊,排版/文字與間隔為4dp的基準網格對齊。

  配色神器

  配色是很多設計師頭疼的問題,特別是一些新設計師在如何調色與配色上往往都是處理的不太好!那麼下面這個外掛將幫你解決這個問題!

  同樣是來自Material Design,Material Design的配色方案更是豔麗無比,與扁平設計風格更是相得益彰。如果你還在擔心自己的設計作品配色的話,那麼下面這套Material Design的配色版外掛,將徹底讓配色變的無比簡單了,媽媽再不用擔心我的配色了!

  這套外掛可以輕鬆的安裝到你的Adobe Photoshop 和 Adobe Illustrator 調色盤,使用非常方便。

  碧玉刀 — 切圖神器Cutterman

  Cutterman是一款執行在photoshop中的外掛,能夠自動將你需要的圖層進行輸出。以替代傳統的手工 “匯出web所用格式” 以及使用切片工具進行挨個切圖的繁瑣流程。能夠讓你只需要點選一個按鈕,就自動輸出你需要的各種各樣的圖片,快到沒有朋友!

  離別鉤 — 標註神器MarkMan

  馬克鰻是高效的設計稿標註、測量工具,極大節省設計師在設計稿上新增和修改標註的時間,讓設計更有愛。馬克鰻使用起來也是非常簡單,雙擊新增測量,單擊改變橫縱方向等等功能,基本都是一鍵完成。馬克鰻是,可以跨平臺使用,減少了在不同平臺使用產生的一系列問題。

  霸王槍 — 預覽神器PS Play

  Ps Play是一個用Wi-Fi網路,實時在終端裝置上預覽電腦上Photoshop的設計稿,可同步除錯及截圖儲存到移動終端,並可以從Email、微信等工具即時分享的跨終端應用。

  多情環 —圓角神器CornerEditor

  這是一個極其簡單的Photoshop外掛,卻極大的幫助我們解決了Photoshop形狀的圓角問題。Corner Editor,出自Photoshop Scripts,我們把它稱之為圓角編輯器,只要輸入你想要的圓角半徑數值,你就可以對任何形狀的路徑圓角隨時的自由控制,編輯,調整。

  拳頭 — 字型神器Roboto Font

  推薦給你大家的這項神器也來自於Material Design,它就是Roboto字型。Roboto 是為 Android 作業系統設計的一個無襯線字型家族。Google 描述該字型為“現代的”“親切的”和“人性化的”。Roboto有6種字重:Thin、Light、Regular、Medium、Bold 和 Black。

相關文章