UI設計師工作必備的七個設計神器

來源:互聯網
上載者:User

   今天推薦的這7個神器,有經典款也有新人版,不過大致貫穿了UI設計的整個工作流程,從排版、配色、切圖到標註、預覽,都有對應的良心神器推薦,非常適合剛入門的UI設計師,當然,有兩款Google剛出的神器,也值得老手們來瞧一瞧。

  《七種武器》為著名武俠小說家古龍著名作品代表作之一,共分為:長生劍、孔雀翎、碧玉刀、多情環、離別鉤、霸王槍、拳頭,七種武器非一般江湖武器,件件精妙絕倫。

  在UI設計中一樣存在這樣的七種武器,如果能擁有這七種武器,必定能讓你設計如同“開掛”一般事半功倍!

  長生劍 — 排版神器 Material Design Grids

  (Google搭梯子)

  柵格化設計就是按照一定的規則把頁面的寬度分成固定的相同寬度,然後列出各種組合的可能,以方便在進行頁面呈現的時候能夠快速的進行布局,介面設計柵格化系統柵格系統英文為“grid systems”,開始是從平面柵格系統中發展而來,後在網頁設計中被發揚光大,比較有名的柵格化系統如960GS,現在隨著移動端的興起,移動端設計也有了很多這樣柵格系統。

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

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

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

  △ 介面設計柵格

  △ 布局設計柵格

  △ 表徵圖設計柵格

  配色神器 Material Design Color Swatches

  (Google搭梯子)

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

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

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

  碧玉刀 — 切圖神器 Cutterman

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

  輸出支援IOS平台的單倍圖、雙倍圖,支援IPHONE6/6P尺寸比例。

  輸出支援Android平台的各種解析度大小圖片,什麼XXHPDI,XHDPI,HDPI啊之類的,通通自動化輸出,為你節省出更多的時間陪小夥伴好好玩耍。

  什麼png、jpg、gif通通不在話下,還可以自己縮放、壓縮大小呢。從此,就告別那個所謂的“儲存為web所用格式”的功能啦~~

  圖層太多?木關係!可以多選嘛!支援選中多個圖層合并輸出,也可以逐一輸出的哦,簡直方便到爆!

  離別鉤 — 標註神器 MarkMan

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

  △ 長度標記

  △ 座標和矩形標記

  △ 色值標記

  △ 文字標記

  霸王槍 — 預覽神器 PS Play

  設計師在日常工作經常會遇到這種情況:電腦上的效果和行動裝置上有差異,需要要頻繁儲存匯出檔案,通過資料線或其它網盤工具同步到手機PAD裝置上進行預覽,反反覆複的非常麻煩……

  那麼現在來嘗試一下騰訊ISUX給我帶來的PS Play吧!

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

  多情環 — 圓角神器 CornerEditor

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

  拳頭 — 字型神器 Roboto Font

  (Google搭梯子)

  拳法,原始最直接的武器,卻蘊藏著數以千萬種的變化的。

  字型的設計正是如此,它簡單直接,暴力卻又很優雅,妙趣橫生,氣象萬千!

  最後推薦給你大家的這項神器也來自於Material Design,它就是Roboto字型。Roboto 是為 Android 作業系統設計的一個無襯線字型家族。Google 描述該字型為“現代的”“親切的”和“人性化的”。

  Roboto有6種字重:Thin、Light、Regular、Medium、Bold 和 Black。

  從極細到極粗,Roboto 字型有嚴謹的幾何特性,有很強的現代感,纖細感顯著;同時因為曲線和弧度,所以又很人性化。這種字型不單可以作為APP主字型來應用,並且作為一種設計修飾字型來使用,效果也是非常驚豔的!圓潤清晰所包含的美學引領了乾淨、幾何的設計哲學。

  在中文系統中與之對應的字型為Noto,也包含6種字重。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。