乾貨篇,最佳夥計UI設計規範20例【已打包】
不得不承認,整理設計規範是UI設計師設計能力的一種體現,尤其是便隨專案越來越多的情況下,對設計規範的把控力,成為了設計師職業素養的一種體現。
無論還是處於自己設計創作的階段,還是和程式設計師溝通推動產品開發的階段,設計規範完善與否,對產品的一致性和使用者體驗有著近乎於決定性的關鍵作用。在UI設計的過程中,設計規範是一個關鍵步驟。
整理設計規範很苦惱?優秀全面的設計規範是什麼樣的?如何通過設計規範提高品牌一致性和推動開發高度還原設計?我們不妨先來看看優秀的設計規範到底是什麼樣子。這裡有我整理的20個設計和質量俱佳的設計規範模板,它們給我帶來了很多啟發,也希望對你有所幫助。
設計規範的組成
制定良好設計規範的第一步就是合理歸類。你需要先明確你需要整理的內容有哪些,這些內容的分類又該怎樣呈現。一般來講,UI設計規範有一下幾大分類:Logo、標準色、字號、段落設定、圖示、圖片、間距、圓角值、大小、陰影、元件等。
設計規範10例 (大圖流量君謹慎,文末有打包資源,直接下載,我很勤快了)
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
點選這裡下載設計規範模板!
製作設計規範
還在設計規範文件?也是很多人還在做著這樣費力不討好的事。相信看了上面的10個案例,你會發現,咦?還像它們都不是手寫出來的呢?
UI設計師已經很忙了,全部手動整理規範整的是比較殘忍的一個事兒。
你需要的是解放雙手,比這樣的黑科技:
一鍵查詢相同
可以一鍵查詢頁面中的任何重複元素(如文字、顏色、邊距、寬度等),一次查詢,就可全部看清,提高效率。
自動整理規範
自動將頁面中使用的顏色、文字樣式等整理為設計規範。告別手工,自由自動。
互動原型,動效迷人
誰說的UI設計師做不出逼格滿滿的互動原型呢?互動原型輕鬆搞定,開發一眼就能看懂!
以上是摹客iDoc製作的圖,使用了一小部分摹客iDoc的特色功能,你也可以自己去解鎖更多哦。
為了更好的體驗iDoc,有福利提供 ——【免費升級到協作版】,不僅設計師可以用,你的產品團隊,產品經理啊,攻城獅啊都可以加入進來協作,效率加速提升,快到沒朋友!
領取福利:只需前往https://idoc.mockplus.cn/get-idoc,輸入升級碼free即可哦。
大賽走一波~
摹客設計大賽邀您來參賽,主題是這做一款你心目中的社交APP。
1. 【大賽福利】報名贈送價值199元設計大禮包;
2. 【大賽獎項】萬元大獎:iMac一體機、Apple Watch Series領回家;
3. 【大賽評委】30餘位設計大V親自點評。
報名請前往:https://idoc.mockplus.cn/ux_2018
歡迎大家積極參賽,贏取大獎~