教你如何建立一套UI設(shè)計規(guī)范

2015-4-30    周周

規(guī)范的沉淀對已知問題的積累有促進作用;同樣,對過去的規(guī)范進行更為深入的優(yōu)化,規(guī)范也會變得越來越完善和優(yōu)質(zhì)。

細致的設(shè)計規(guī)范在不注重設(shè)計的互聯(lián)網(wǎng)公司十分難以推行,一方面是節(jié)奏變化非???,你隨時需要應(yīng)用用戶數(shù)據(jù)做出改變,二來,你的老板們哪天不爽,也可以分分鐘推翻你的血汗。

規(guī)范到底用來做什么?

所謂規(guī)范,便是對成一定數(shù)量的可復(fù)用設(shè)計或者多設(shè)計師協(xié)作的設(shè)計項目進行量化和約束的東西。如果數(shù)量不到一個量級,或者設(shè)計師就你一個人,規(guī)范的作用力實則非常小,甚至繁瑣程度會影響到正常的設(shè)計工作,所以分清你的使用場合,什么情況下需要用到規(guī)范?

規(guī)范先行還是設(shè)計先行?

規(guī)范和設(shè)計孰先孰后?我所提倡的規(guī)范應(yīng)該在設(shè)計中同步進行,沒有根據(jù)設(shè)計實踐建立的規(guī)范瓶頸過低,經(jīng)常遭遇各種事先沒有考慮進去的問題,同時在設(shè)計中要不斷完善和修復(fù)自己的規(guī)范。

我們設(shè)計一個產(chǎn)品的設(shè)計方面的工作流程通常是:

探索 > 腦爆 > 草稿 > 討論 > 細化 > 定稿 > 規(guī)范 > 批量化 

所以,先小范圍的將設(shè)計雛形生產(chǎn),在生產(chǎn)過程中不斷的沉淀規(guī)范,哪些可以作為規(guī)范使用?哪些地方需要靈活處理,這些都需要實踐獲得,當(dāng)小范圍的設(shè)計規(guī)范得到驗證后,即可進行批量化生產(chǎn),此時,所有設(shè)計師都可介入生產(chǎn)過程,即使的新加入的設(shè)計同事也可以通過規(guī)范了解設(shè)計規(guī)則。

清晰的表達給所有人

規(guī)范是面向所有設(shè)計師的,你需要讓規(guī)范被每個人理解。所以規(guī)范需要非常細致,按照規(guī)范的種類類歸,同一種控件按照多種狀態(tài)、不同場景羅列,讓每個設(shè)計師都能清晰設(shè)計中需要用哪一種,如下圖:

不同TitleBar的使用規(guī)范:


不同數(shù)量按鈕時的排列及尺寸規(guī)范:

你需要足夠了解你的產(chǎn)品,才能將多種不同場景羅列出來。


沉淀你的規(guī)范:

規(guī)范建立時間,也更需要沉淀,不能一個版本完成就全部推翻重來,這樣就失去了規(guī)范的意義,一來你的規(guī)范剛剛才逐漸完善就要被拋棄;另一方面,用戶已經(jīng)有了固定的認知,推翻則是對用戶習(xí)慣的挑戰(zhàn)。

規(guī)范的沉淀對已知問題的積累有促進作用,通過一次次的規(guī)范迭代,touch到足夠多的問題,在設(shè)計規(guī)范的制定中可以有效規(guī)避。同樣,對過去的規(guī)范進行更為深入的優(yōu)化,去其糟粕,留其精華,規(guī)范也會變得越來越完善和優(yōu)質(zhì)。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔