網頁制作poluoluo文章簡介：交互設計師通常會遇見這樣情景:經過一番冥思苦想與掙扎,終於把PD提交的需求快速的完成了.當然,按照流程就是提交到視覺設計師那了.
交互設計師通常會遇見這樣情景:經過一番冥思苦想與掙扎,終於把PD提交的需求快速的完成了.當然,按照流程就是提交到視覺設計師那了.但在視覺設計過程中,發現有些用戶行為和操作路徑,在DEMO中並沒有涉及到,當然就會被視覺設計師打回返工.這樣幾經周折才算把問題都想清楚設計完整了.
先不提孰是孰非,如果交互設計師能夠充分掌握交互設計原則與交互設計模式會不會把這種情況出現的幾率降低到最少呢?答案是肯定的!設計原則可以指導設計師如何設計美好,有效的產品,以及系統與服務,並且如何正直成功地從事設計工作.設計模式可以針對某類特定的設計問題,提供可供效仿的概括性解決方案.但是我們不要把設計原則和設計模式當作尚方寶劍,時刻都要問個為什麼在做判斷.理論放到實戰中只能做參考之用,不要盲目崇拜理論而忘記推陳出新.理論是實踐中總結出來的,也有可能被實踐中新的理論替代.
交互設計模式概念:
設計模式是一種提取有效的設計方案,將其應用於類似問題的方法.嘗試將設計理論形式化,記錄最好的實踐工作,有助於實現以下目標.
*節省新項目的時間和精力.
*提高設計方案的質量.
*促進設計師與程序員的溝通.
*幫助設計師成長.
盡管在設計教育與提高工作效率方面,模式的重要性不言而喻.交互設計的模式發展尤其令人興奮,因為這些模式代表用戶體驗與相關活動的優化成果.
其中有很多優秀的交互設計模式學習網站:
- http://www.welie.com/patterns/index.php
- http://www.slideshare.net/
- http://ui-patterns.com/
- http://patterntap.com/
交互設計模式的歷史
交互設計的模式理念源自Christopher Alexander,他撰寫過具有巨大影響力的兩本著作,即(一種模式語言和永恆的建築方式).書中首次描述了建築的設計模式.通過一系列建築特征的精確定義,Alexander試圖提取那些帶給居民幸福感的建築設計的精華.
而交互設計模式和建築設計模式有一個重要的區別,交互設計模式不僅僅涉及結構和元素組織,還關注響應用戶活動的動態行為與變化.
交互設計模式的類型
- 定位模式:應用於概念層面,幫助界定產品對於用戶的整體定位.
- 結構模式:解答如何在屏幕上安排信息和功能元素之類的問題.
- 行為模式:指在解決功能或數據元素的具體交互問題.
交互設計模式應用注意
設計模式不是菜譜或者立竿見影的解決之道,Jenifer Tidwell 在其廣泛收集交互設計模式的(Designing Interfaces)一書中,曾發出這樣的警告:”(模式)不是即拿即用的商品,每一次模式的運用都有所不同.”一切設計模式不應該是禁锢了設計師的思想,應該是更好的利用設計模式推陳出新.在不同環境下,設計模式的精確形式在每一個設計方案中都有或多或少的差別.一個概括的風格說明無法代替具體的設計方案.
模式語言
有一些非常完整的模式集合組成了”模式語言”.這些模式與可視化語言類似,因為它們涵蓋了整個設計中用到的元素的詞匯(模式語言更抽象,也更注重行為,而可視化語言講的是形狀,圖標,顏色,字體等).這個集合不那麼完整,它包含的技術也沒有達到傳統模式的要求,但它非常簡潔,可以管理,並且非常有用.
說了那麼多有關交互設計模式的概念,也許你已經初步了解,也許你已經感覺雲裡霧裡呵呵,都沒關系.接下來我將以舉例子的方式,詳細講解每個模式在WEB設計實戰中的應用.今晚話題就墨跡到此吧,過陣子繼續唠叨交互設計模式(二)-XX解析.
- 上一頁:網頁底部的版權聲明寫法要注意
- 下一頁:如何設計黑板樣式網頁橫幅向學生宣傳