DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 交互設計理論:良好的交互設計的三要素
交互設計理論:良好的交互設計的三要素
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:不過你只要掌握好了以下三點的使用技巧,同樣可能輕松打造出良好的交互設計效果。

交互設計,表現出來的呈現方式可謂是多種多樣,
不過你只要掌握好了以下三點的使用技巧,同樣可能輕松打造出良好的交互設計效果。

1.響應

對即將產生交互內容的區域提供給操作者一種響應機制。
參考實例:http://glyde.com

不同的內容有很多響應的處理方法,
比如:鏈接加個下劃線,圖片鏈接變換下外邊框顏色,
鼠標劃過某區域,變化下背景色,同時出現一些隱性的操作按鈕,如刪除操作等。
注意:忌諱因為某區塊產生響應,而讓其它區塊邊界產生生硬的錯位。


2.過渡過程或轉場效果

對即將產生的交互變化,提供一個過渡過程或轉場的效果。
過渡過程,如:延時移動、淡入淡出等。
轉場效果,如:滑動、門開關、縮放、翻轉等。
參考實例:http://glyde.com


點擊某個封面,延時移動給操作者帶來一個很好的引導閱讀過程。
注意:要頻繁處理的操作,過渡過程耽誤時間的同時,還可能造成誤點擊。


3.移位

在不彈層、彈窗情況下的內容移位。合理的運用頁面內容的展開、收起。
操作者在即將產生交互的地方,就近通過這種方式就完成了輕便的操作。

參考實例:http://gizmodo.com/
          http://www.axure.org/demo    下邊的展開與收起


總結:過渡過程和移位在Web開發實現上,可能大量應用到Js庫,非必要時可以盡量減少使用。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved