很多新入行的設(shè)計(jì)師，在做 UI 設(shè)計(jì)的時(shí)候，往往是憑著自己的感覺(jué)和少量的經(jīng)驗(yàn)去繪制界面，對(duì)于各種尺寸規(guī)范不是特別清楚，導(dǎo)致做出來(lái)的界面總是出一些細(xì)節(jié)上的小問(wèn)題，比如在同一套 App 界面中，同一類(lèi)型控件，出現(xiàn)圓角大小、描邊、顏色等不一致的情況。而 UI 設(shè)計(jì)規(guī)范就是要解決這些問(wèn)題的。

對(duì)于新設(shè)計(jì)師來(lái)說(shuō)，限于經(jīng)驗(yàn)不足，要制定一套實(shí)用的 UI 設(shè)計(jì)規(guī)范是很難的，這時(shí)候最好的方式，就是多看多學(xué)一些大廠的 UI 設(shè)計(jì)規(guī)范，既要學(xué)他們細(xì)節(jié)上的選擇，又要學(xué)設(shè)計(jì)理念。比如 iOS 的 HIG（OS X Human Interface Guidelines: Designing for Yosemite）就非常重要、非常值得學(xué)習(xí)。

現(xiàn)在，基本上各個(gè)互聯(lián)網(wǎng)大廠，都基于自己的設(shè)計(jì)價(jià)值觀推出了自己的UI設(shè)計(jì)規(guī)范，除了iOS的HIG，比較流行的還有谷歌的Material Design，國(guó)內(nèi)的例如阿里的Ant Design，字節(jié)的ArcoDesign等等。

在這里，推薦UI設(shè)計(jì)師們關(guān)注即時(shí)設(shè)計(jì)的資源廣場(chǎng)，這里會(huì)持續(xù)更新國(guó)內(nèi)外大廠的設(shè)計(jì)規(guī)范，而且這些資源都可以免費(fèi)獲取。目前已有大廠資源，包括蘋(píng)果、谷歌、字節(jié)跳動(dòng)、螞蟻金服、餓了么、百度......

說(shuō)到即時(shí)設(shè)計(jì)，一些朋友可能不太了解，或者只聽(tīng)過(guò)名字，但是還沒(méi)有使用過(guò)，即時(shí)設(shè)計(jì)是我非常推薦的一款專(zhuān)業(yè)的國(guó)產(chǎn)在線(xiàn)UI設(shè)計(jì)工具，這里我就給大家簡(jiǎn)單介紹一下。

在國(guó)內(nèi)，大家最熟悉的 UI 設(shè)計(jì)軟件應(yīng)該是 Sketch，那我就拿即時(shí)設(shè)計(jì)跟 Sketch 進(jìn)行一些對(duì)比，大家就能知道它是一個(gè)怎樣的工具了。

首先，像 Sketch、PS 都屬于本地軟件，是要下載安裝到電腦上才能用，而即時(shí)設(shè)計(jì)是在線(xiàn)工具，打開(kāi)瀏覽器進(jìn)入即時(shí)設(shè)計(jì)官網(wǎng)就能使用，不需要下載安裝，也沒(méi)有電腦操作系統(tǒng)的限制，不像 Sketch 只有蘋(píng)果電腦能用。而且 Sketch 購(gòu)買(mǎi)一年后，再更新是要付費(fèi)的，而即時(shí)設(shè)計(jì)的所有工具，完全免費(fèi)。

相比于本地軟件，在線(xiàn)工具還有一個(gè)好處就是能更方便地進(jìn)行協(xié)作，設(shè)計(jì)交付的時(shí)候，分享一個(gè)鏈接給對(duì)方就行，之后所有的修改，對(duì)方還能實(shí)時(shí)看到，省去了反復(fù)傳輸文件，管理版本的麻煩。

以前，我們都是在各個(gè)資源站上去下載設(shè)計(jì)資源，再用設(shè)計(jì)軟件打開(kāi)，現(xiàn)在，在線(xiàn)工具把設(shè)計(jì)資源和設(shè)計(jì)工具徹底打通了，即時(shí)設(shè)計(jì)的官網(wǎng)上有大量免費(fèi)高質(zhì)量的設(shè)計(jì)資源，像我們剛剛說(shuō)的各大廠的 UI 設(shè)計(jì)規(guī)范，里面通通都有，而且能直接打開(kāi)使用，極大提高了設(shè)計(jì)師使用資源的效率。

對(duì)于任何一項(xiàng)工作來(lái)說(shuō)，效率都是非常重要的，UI 設(shè)計(jì)當(dāng)然也不例外，無(wú)論是 UI 設(shè)計(jì)規(guī)范，還是 UI 設(shè)計(jì)工具，都有提高設(shè)計(jì)師工作效率的重要意義。最后，推薦大家去即時(shí)設(shè)計(jì)上獲取UI設(shè)計(jì)規(guī)范的資源，也體驗(yàn)一下在線(xiàn)設(shè)計(jì)工具。

「即時(shí)設(shè)計(jì)」官網(wǎng)地址： https://js.design/