為什麼要學習UI設計規範?
細心的朋友或許會注意到,UI設計規範在幾乎在所有的網站都單獨列為一個欄目,足以體現它的重要性和不可或缺。那麼我們為什麼要學習UI設計規範呢?UI設計規範又具體是哪些呢?譽財教育今天為大家講解一下。
一、為什麼要建立設計規範?
1.利於多人協作,提高效率
在多人團隊裡,通常不同的設計師負責不同的流程,如果沒有設計規範,不同的設計師就會對相同的元件做出不同的方案。產生大量重複工作,效率比較低。而製作設計規範和UIKIT之後,則可以直接利用KIT裡的元件快速搭建好頁面,把設計師從基礎工作中釋放出來,大大提升設計效率。
2.增強一致性,塑造品牌感
製作和遵循設計規範,能夠保證整個產品的互動效果和視覺風格、乃至文案的統一性,提升使用者的體驗。
3.減少冗餘內容,方便維護和更新
同類內容使用一樣的元件,能夠降低輸出的內容量,減少冗餘的控制元件和程式碼。同時也便於維護,在迭代時進行統一的更新和應用。
4.利於工作交接
方便設計團隊和其他團隊交接,如果團隊有人員變動,也方便後續入職的同事能夠通過規範迅速熟悉產品,快速上手。
二、規範的適用範圍
如果產品處於啟動期的話,這個時候最重要的事情是圈到第一波使用者,讓自己活下去。在這個階段產品會頻繁的改版、驗證,迭代非常快,整個團隊可能都處於拼命加班的狀態。在這種情況下做設計規範文件顯然事倍功半,一個是浪費人力資源,另外就算做了,在頻繁更新的背景下也很難去執行。
因此設計規範文件更適合於那些跨越0-1階段的產品,這個時候產品已經用有了一定的使用者,團隊也會擴張。這個時候我們可以選擇製作基礎的設計規範,比如柵格、配色、字型、圖示規範等等。對於成熟期的產品來說,大版本更新的週期是非常長的,這個階段通常會製作更為詳細的設計指南、設計原則、do& don’t、品牌書、圖示手冊等等。
三、如何建立設計規範
做規範時通常會有這兩種情況:
1.不打算進行大版本更新的產品
對於小版本迭代的產品來說,建立規範只需要在sketch裡把所有設計稿進行歸攏和分類。直接根據現有的稿子梳理出規範,再對不符合規範的檔案進行調整即可。
2.新版本 新規範
而對於需要做新版本並且建立新版本規範的產品來說,在做設計稿之前,我們就需要先統一一些基礎的內容,比如顏色、字型、柵格等等,然後在設計過程中去製作KIT、對基礎的規範進行補充。
好啦,由於篇幅限制,譽財雙流UI設計培訓今天就為大家講解到這裡,如果還有疑問,歡迎大家關注我們,評論裡問我呀!