紅綠燈與設(shè)計(jì)規(guī)范(2)

3. 規(guī)范一成不變

　　早期的紅綠燈就只有兩種顏色更替，但還是會(huì)遇到一定的危險(xiǎn)，經(jīng)過不斷的改進(jìn)才出現(xiàn)了由紅黃綠組成的三色信號(hào)燈并一直沿用至今（最近有人冒出來把黃燈給否定了）。紅綠燈也已經(jīng)不是簡單的顏色更替，而是一套完整的信號(hào)系統(tǒng)，人行道的、車道的、帶方向指示的…設(shè)計(jì)規(guī)范同樣如此，當(dāng)產(chǎn)品變復(fù)雜，大到像一只龐然大物如QQ、微信時(shí)，為了保證體驗(yàn)的一致性，規(guī)范會(huì)逐漸完善和明晰。規(guī)范的建立是一個(gè)長期的過程，寬泛的設(shè)計(jì)指引應(yīng)該與時(shí)俱進(jìn)。

大指引，小規(guī)范

　　關(guān)于規(guī)范的討論，在這之前就已經(jīng)有很多前輩進(jìn)行過各種思考激辯，至于執(zhí)行，也會(huì)因團(tuán)隊(duì)因項(xiàng)目而各有差異。

　　以iPhone的產(chǎn)品設(shè)計(jì)為例，蘋果官方的《iOS Human Interface Guidelines》（以前叫《iPhone Human Interface Guidelines》）比較系統(tǒng)，很多產(chǎn)品設(shè)計(jì)直接參考這份文檔去構(gòu)建自己的app，產(chǎn)品生命周期中唯一的設(shè)計(jì)規(guī)范也就是這份現(xiàn)成的參考。我們除了會(huì)以官方的設(shè)計(jì)指引為基本參考，還會(huì)根據(jù)項(xiàng)目的需要將設(shè)計(jì)規(guī)范細(xì)化，以1+1（平臺(tái)規(guī)范和應(yīng)用規(guī)范）的方式整理軟件繁瑣的交互細(xì)節(jié)。

規(guī)范案例（一）：信息提示系統(tǒng)

　　提示系統(tǒng)作為軟件設(shè)計(jì)中一個(gè)小點(diǎn)，很多團(tuán)隊(duì)都不會(huì)在意，過去我們有一套比較完整的信息提示系統(tǒng)，將提示分成了四類：

　　3.0設(shè)計(jì)過程中我們對(duì)整套提示系統(tǒng)再次進(jìn)行了優(yōu)化，徹底去掉Toast提示，并且將Banner Tips統(tǒng)一為一種樣式，直接挨著導(dǎo)航欄下方。

規(guī)范案例（二）：菜單系統(tǒng)

　　菜單是軟件設(shè)計(jì)里中另外一種常見的交互系統(tǒng)，我們第一個(gè)版本剛出來的時(shí)候使用了隱晦的方式（橫滑）設(shè)計(jì)菜單，經(jīng)過幾個(gè)版本的演進(jìn)，菜單的出現(xiàn)更加直接、更容易擴(kuò)展，并對(duì)不可操作的異常提供了解釋說明。

　　iPhoneQQ音樂發(fā)展到現(xiàn)在，儼然是個(gè)龐大的產(chǎn)品，有海量樂庫的信息組織、個(gè)人音樂資產(chǎn)的管理，基礎(chǔ)的播放操作體驗(yàn)….

　　 除了上述的信息提示和菜單系統(tǒng)，我們還對(duì)產(chǎn)品的幾個(gè)常見交互系統(tǒng)提供了一些簡單的指引，包括：