為什麼要學習UI設計規範?

細心的朋友或許會注意到，UI設計規範在幾乎在所有的網站都單獨列為一個欄目，足以體現它的重要性和不可或缺。那麼我們為什麼要學習UI設計規範呢?UI設計規範又具體是哪些呢?譽財教育今天為大家講解一下。

一、為什麼要建立設計規範?

1.利於多人協作，提高效率

在多人團隊裡，通常不同的設計師負責不同的流程，如果沒有設計規範，不同的設計師就會對相同的元件做出不同的方案。產生大量重複工作，效率比較低。而製作設計規範和UIKIT之後，則可以直接利用KIT裡的元件快速搭建好頁面，把設計師從基礎工作中釋放出來，大大提升設計效率。

2.增強一致性，塑造品牌感

製作和遵循設計規範，能夠保證整個產品的互動效果和視覺風格、乃至文案的統一性，提升使用者的體驗。

3.減少冗餘內容，方便維護和更新

同類內容使用一樣的元件，能夠降低輸出的內容量，減少冗餘的控制元件和程式碼。同時也便於維護，在迭代時進行統一的更新和應用。

4.利於工作交接

方便設計團隊和其他團隊交接，如果團隊有人員變動，也方便後續入職的同事能夠通過規範迅速熟悉產品，快速上手。

二、規範的適用範圍

如果產品處於啟動期的話，這個時候最重要的事情是圈到第一波使用者，讓自己活下去。在這個階段產品會頻繁的改版、驗證，迭代非常快，整個團隊可能都處於拼命加班的狀態。在這種情況下做設計規範文件顯然事倍功半，一個是浪費人力資源，另外就算做了，在頻繁更新的背景下也很難去執行。

因此設計規範文件更適合於那些跨越0-1階段的產品，這個時候產品已經用有了一定的使用者，團隊也會擴張。這個時候我們可以選擇製作基礎的設計規範，比如柵格、配色、字型、圖示規範等等。對於成熟期的產品來說，大版本更新的週期是非常長的，這個階段通常會製作更為詳細的設計指南、設計原則、do& don’t、品牌書、圖示手冊等等。

三、如何建立設計規範

做規範時通常會有這兩種情況：

1.不打算進行大版本更新的產品

對於小版本迭代的產品來說，建立規範只需要在sketch裡把所有設計稿進行歸攏和分類。直接根據現有的稿子梳理出規範，再對不符合規範的檔案進行調整即可。

2.新版本 新規範

而對於需要做新版本並且建立新版本規範的產品來說，在做設計稿之前，我們就需要先統一一些基礎的內容，比如顏色、字型、柵格等等，然後在設計過程中去製作KIT、對基礎的規範進行補充。

好啦，由於篇幅限制，譽財雙流UI設計培訓今天就為大家講解到這裡，如果還有疑問，歡迎大家關注我們，評論裡問我呀!