您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

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

上角、沒有定義刪除就非得有一個扔進垃圾桶的動畫…表述越細,限制越大,反而會成為設(shè)計團隊創(chuàng)新的枷鎖。

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

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

 

大指引,小規(guī)范

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

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

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

  提示系統(tǒng)作為軟件設(shè)計中一個小點,很多團隊都不會在意,過去我們有一套比較完整的信息提示系統(tǒng),將提示分成了四類:

02

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

03

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

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

04

 

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

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

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1352.html
網(wǎng)頁設(shè)計中文案是網(wǎng)站的性格
用草圖來規(guī)劃你的web設(shè)計
圖趣網(wǎng)微信
建議反饋
×