UI設(shè)計(jì)師工作必備的七個(gè)設(shè)計(jì)神器

　　在UI設(shè)計(jì)中一樣存在這樣的七種武器，如果能擁有這七種武器，必定能讓你設(shè)計(jì)如同“開掛”一般事半功倍!從排版、配色、切圖到標(biāo)注、預(yù)覽，都有對(duì)應(yīng)的良心神器，非常適合剛?cè)腴T的UI設(shè)計(jì)師。下面就讓中國設(shè)計(jì)網(wǎng)的小編來跟大家介紹吧!

　　1、排版神器

　　柵格化設(shè)計(jì)就是按照一定的規(guī)則把頁面的寬度分成固定的相同寬度，然后列出各種組合的可能，以方便在進(jìn)行頁面呈現(xiàn)的時(shí)候能夠快速的進(jìn)行布局，界面設(shè)計(jì)柵格化系統(tǒng)柵格系統(tǒng)英文為“grid systems”,開始是從平面柵格系統(tǒng)中發(fā)展而來，后在網(wǎng)頁設(shè)計(jì)中被發(fā)揚(yáng)光大，比較有名的柵格化系統(tǒng)如960GS，現(xiàn)在隨著移動(dòng)端的興起，移動(dòng)端設(shè)計(jì)也有了很多這樣?xùn)鸥裣到y(tǒng)。

　　2、配色神器

　　配色是很多設(shè)計(jì)師頭疼的問題，特別是一些新設(shè)計(jì)師在如何調(diào)色與配色上往往都是處理的不太好!那么下面這個(gè)插件將幫你解決這個(gè)問題!

　　3、切圖神器

　　Cutterman是一款運(yùn)行在photoshop中的插件，能夠自動(dòng)將你需要的圖層進(jìn)行輸出。以替代傳統(tǒng)的手工 “導(dǎo)出web所用格式” 以及使用切片工具進(jìn)行挨個(gè)切圖的繁瑣流程。能夠讓你只需要點(diǎn)擊一個(gè)按鈕，就自動(dòng)輸出你需要的各種各樣的圖片

　　4、標(biāo)注神器

　　馬克鰻是高效的設(shè)計(jì)稿標(biāo)注、測(cè)量工具，極大節(jié)省設(shè)計(jì)師在設(shè)計(jì)稿上添加和修改標(biāo)注的時(shí)間，讓設(shè)計(jì)更有愛。馬克鰻使用起來也是非常簡(jiǎn)單，雙擊添加測(cè)量，單擊改變橫縱方向等等功能，基本都是一鍵完成。馬克鰻是，可以跨平臺(tái)使用，減少了在不同平臺(tái)使用產(chǎn)生的一系列問題。

　　5、預(yù)覽神器

　　設(shè)計(jì)師在日常工作經(jīng)常會(huì)遇到這種情況：電腦上的效果和移動(dòng)設(shè)備上有差異，需要要頻繁保存導(dǎo)出文件，通過數(shù)據(jù)線或其它網(wǎng)盤工具同步到手機(jī)PAD設(shè)備上進(jìn)行預(yù)覽，反反復(fù)復(fù)的非常麻煩……

　　6、圓角神器

　　這是一個(gè)極其簡(jiǎn)單的Photoshop插件，卻極大的幫助我們解決了Photoshop形狀的圓角問題。Corner Editor，出自Photoshop Scripts，我們把它稱之為圓角編輯器，只要輸入你想要的圓角半徑數(shù)值，你就可以對(duì)任何形狀的路徑圓角隨時(shí)的自由控制，編輯，調(diào)整。

　　7、字體神器

　　拳法，原始最直接的武器，卻蘊(yùn)藏著數(shù)以千萬種的變化的。

　　字體的設(shè)計(jì)正是如此，它簡(jiǎn)單直接，暴力卻又很優(yōu)雅，妙趣橫生，氣象萬千!

　　最后推薦給你大家的這項(xiàng)神器也來自于Material Design，它就是Roboto字體。Roboto 是為 Android 操作系統(tǒng)設(shè)計(jì)的一個(gè)無襯線字體家族。Google 描述該字體為“現(xiàn)代的”“親切的”和“人性化的”。