一目了然的設計規(guī)范(英文版)
嚴謹UI,做好產品
在設計網頁上詳細設計規(guī)范,技術開發(fā)一目了然,降低溝通成本,規(guī)范UI設計。

首頁規(guī)范圖片
1、統(tǒng)一的刪格系統(tǒng)
設計之初,確定設計的最小單位4,依照設計的最小單位,在排版時,橫向和縱向的間距都是4的倍數(shù),包括模塊與模塊間、文本和文本間、文本與圖片間等等的間距通常都是最小單位的倍數(shù);logo所占高度,導航高度,banner位置和高度,在設計調整后要做到所有設計界面的一致性。確定home的規(guī)范后,隨后的頁面設計就有了條條框框,延續(xù)風格,嚴謹規(guī)范。
2、延續(xù)性的色彩規(guī)范
每個公司或產品都有自己的公司理念、品牌特色;頁面的色彩風格會根據(jù)品牌特色、風格、所要面向的目標人群甚至對未來產品發(fā)展方向的規(guī)劃等,根據(jù)自身的品牌色,輔助色去延伸不同的配色,包括一些狀態(tài)色(鼠標懸浮、點擊時的色彩變化)都要考慮進去。
3、精確的圖標和易讀的文本
圖標的設計,要展示出要表達的功能,貼合模塊內容,讓用戶一目了然,切記不可為了美觀而設計出用戶無法識別的圖標;文本字體的大小用色要有對比度,一級標題、二級標題和正文的視覺區(qū)分,多行文本和段落要注意行高的設置;在產品測試階段,發(fā)現(xiàn)不正確、不美觀的地方,及時與開發(fā)溝通修改,保證上線的正確率。

延續(xù)統(tǒng)一的設計規(guī)范,運用多色彩體現(xiàn)產品的特點和風格,做到色彩搭配多樣性,又不會造成視覺混亂
4、產品升級后,隨時關注用戶數(shù)量的變化,每個模塊的點擊數(shù)量,分析數(shù)據(jù)變化的原因,包括增長和減少的原因;與設計有關的不好的數(shù)據(jù)變化及時調整和溝通,這樣設計才能很好的服務產品。





































