網頁制作poluoluo文章簡介:不過你只要掌握好了以下三點的使用技巧,同樣可能輕松打造出良好的交互設計效果。
交互設計,表現出來的呈現方式可謂是多種多樣,
不過你只要掌握好了以下三點的使用技巧,同樣可能輕松打造出良好的交互設計效果。
1.響應對即將產生交互內容的區域提供給操作者一種響應機制。
參考實例:http://glyde.com
不同的內容有很多響應的處理方法,
比如:鏈接加個下劃線,圖片鏈接變換下外邊框顏色,
鼠標劃過某區域,變化下背景色,同時出現一些隱性的操作按鈕,如刪除操作等。
注意:忌諱因為某區塊產生響應,而讓其它區塊邊界產生生硬的錯位。
2.過渡過程或轉場效果對即將產生的交互變化,提供一個過渡過程或轉場的效果。
過渡過程,如:延時移動、淡入淡出等。
轉場效果,如:滑動、門開關、縮放、翻轉等。
參考實例:http://glyde.com
點擊某個封面,延時移動給操作者帶來一個很好的引導閱讀過程。
注意:要頻繁處理的操作,過渡過程耽誤時間的同時,還可能造成誤點擊。
3.移位在不彈層、彈窗情況下的內容移位。合理的運用頁面內容的展開、收起。
操作者在即將產生交互的地方,就近通過這種方式就完成了輕便的操作。
參考實例:http://gizmodo.com/
http://www.axure.org/demo 下邊的展開與收起
總結:過渡過程和移位在Web開發實現上,可能大量應用到Js庫,非必要時可以盡量減少使用。