[版權聲明]:版權歸作者Alite所有，轉載文章請注明作者與文章出處:http://alite.aliued.cn

交互設計師有時會遇見這樣情景:經過一番冥思苦想與掙扎,終于把PD提交的需求快速的完成了.當然,按照流程就是提交到VD那了.但在VD設計過程中,發現有些用戶行為和操作路徑,在DEMO中并沒有涉及到,當然就會被VD打回返工.這樣幾經周折才算把問題都想清楚設計完整了.

先不提孰是孰非,如果交互設計師能夠充分掌握交互設計原則與交互設計模式會不會把這種情況出現的幾率降低到最少呢?答案是肯定的!設計原則可以指導設計師如何設計美好,有效的產品,以及系統與服務,并且如何正直成功地從事設計工作.設計模式可以針對某類特定的設計問題,提供可供效仿的概括性解決方案.但是我們不要把設計原則和設計模式當作尚方寶劍,時刻都要問個為什么在做判斷.理論放到實戰中只能做參考之用,不要盲目崇拜理論而忘記推陳出新.理論是實踐中總結出來的,也有可能被實踐中新的理論替代.

交互設計模式概念:

設計模式是一種提取有效的設計方案,將其應用于類似問題的方法.嘗試將設計理論形式化,記錄最好的實踐工作,有助于實現以下目標.

*節省新項目的時間和精力.
*提高設計方案的質量.
*促進設計師與程序員的溝通.
*幫助設計師成長.

盡管在設計教育與提高工作效率方面,模式的重要性不言而喻.交互設計的模式發展尤其令人興奮,因為這些模式代表用戶體驗與相關活動的優化成果.

其中有很多優秀的交互設計模式學習網站:

http://www.welie.com/patterns/index.php
http://www.slideshare.net/
http://ui-patterns.com/
http://patterntap.com/

交互設計模式的歷史
交互設計的模式理念源自Christopher Alexander,他撰寫過具有巨大影響力的兩本著作,即(一種模式語言和永恒的建筑方式).書中首次描述了建筑的設計模式.通過一系列建筑特征的精確定義,Alexander試圖提取那些帶給居民幸福感的建筑設計的精華.
而交互設計模式和建筑設計模式有一個重要的區別,交互設計模式不僅僅涉及結構和元素組織,還關注響應用戶活動的動態行為與變化.

交互設計模式的類型
1.定位模式:應用于概念層面,幫助界定產品對于用戶的整體定位.
2.結構模式:解答如何在屏幕上安排信息和功能元素之類的問題.
3.行為模式:指在解決功能或數據元素的具體交互問題.

交互設計模式應用注意

設計模式不是菜譜或者立竿見影的解決之道,Jenifer Tidwell 在其廣泛收集交互設計模式的(Designing Interfaces)一書中,曾發出這樣的警告:”(模式)不是即拿即用的商品,每一次模式的運用都有所不同.”一切設計模式不應該是禁錮了設計師的思想,應該是更好的利用設計模式推陳出新.在不同環境下,設計模式的精確形式在每一個設計方案中都有或多或少的差別.一個概括的風格說明無法代替具體的設計方案.

模式語言

有一些非常完整的模式集合組成了”模式語言”.這些模式與可視化語言類似,因為它們涵蓋了整個設計中用到的元素的詞匯(模式語言更抽象,也更注重行為,而可視化語言講的是形狀,圖標,顏色,字體等).這個集合不那么完整,它包含的技術也沒有達到傳統模式的要求,但它非常簡潔,可以管理,并且非常有用.
說了那么多有關交互設計模式的概念,也許你已經初步了解,也許你已經感覺云里霧里呵呵,都沒關系.接下來我將以舉例子的方式,詳細講解每個模式在WEB設計實戰中的應用.
今晚話題就墨跡到此吧,過陣子繼續嘮叨交互設計模式(二)-XX解析.

{未完待續}
原文鏈接：http://alite.aliued.cn/archives/709