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

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

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

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

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

 

大指引,小規(guī)范

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

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

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

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

02

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

03

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

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

04

 

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

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

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