目前手里的后臺管理系統(tǒng)改版設計是自己負責的,前端同事大體也實現(xiàn)了樣式效果,自己也測試走了一遍流程,看了一下實現(xiàn)效果,也意識到了自己設計的不足。
首先字體大小和間距都偏大,整體頁面不協(xié)調(diào),顯示不全,這才意識到設計規(guī)范的重要性。問題主要是表單之間的間距和表格列的高度較大,整體比較散,還有顏色沒有統(tǒng)一,主色調(diào)藍色沒有給明確標注,因此設計規(guī)范在此起到重要作用。
以下為設計規(guī)范對不同崗位的重要性:
設計層面:解決用戶體驗一致性,減少設計成本,提高設計效率。使設計更加持續(xù)地輸出價值,可在不同的層面上來思考業(yè)務與體驗。
開發(fā)層面:與設計規(guī)范同步,避免重復修改,保證代碼質(zhì)量,提高設計還原度,降低維護和拓展的成本。
測試層面:避免重復的無意義走查。
產(chǎn)品層面:提高產(chǎn)品迭代與優(yōu)化效率,降低試錯成本。
更重要的是工作中的協(xié)作,降低不同設計師之間以及設計師與開發(fā)工程師之間的溝通成本。設計規(guī)范中包含字體、樣式、顏色、布局、圖標、組件等要素,下次來分享工作中做的設計規(guī)范。下圖是設計規(guī)范的組件: