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

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

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

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

說到即時設(shè)計，一些朋友可能不太了解，或者只聽過名字，但是還沒有使用過，即時設(shè)計是我非常推薦的一款專業(yè)的國產(chǎn)在線UI設(shè)計工具，這里我就給大家簡單介紹一下。

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

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

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

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

對于任何一項工作來說，效率都是非常重要的，UI 設(shè)計當然也不例外，無論是 UI 設(shè)計規(guī)范，還是 UI 設(shè)計工具，都有提高設(shè)計師工作效率的重要意義。最后，推薦大家去即時設(shè)計上獲取UI設(shè)計規(guī)范的資源，也體驗一下在線設(shè)計工具。

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