DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 通過實例說明交互設計中的正確表達
通過實例說明交互設計中的正確表達
編輯:關於網頁技巧     

看到smashing上的一篇博文,取例說明一下交互設計中的正確表達,真實感表達和創意表達。
實例來源:http://www.smashingmagazine.com/ ... xamples-and-trends/

頁面表達意思清晰明了,無歧義和費解之處。這也是對交互設計的保底要求了。
如下圖實例:

 

交互設計中的真實感表達

在內容正確表達的前提下,部分修飾內容模擬一些來源於現實的真實感效果。
可以獲得用戶熟悉的認知習慣,有安全感。
如下圖實例:照片和便箋有一定的卷邊效果,帶來了一定的真實感且並不多余。

 

交互設計中的創意表達

在內容正確表達的前提下,使部分內容的呈現變幻出一些巧妙的方式。
即可以引起讀者的注意,同時又在創意中表達著同讀者建立更親密關系的願望。
如下圖實例:照片中的幾位主人公在扒著牆向你問好,
這比單單擺著幾張照片放在桌面上的親近感更直接了。

 

總結:

交互設計中,正確表達是一切的前提,真實感和創意表達往往需要掌握一定的度,
同時需要一定的創意,在恰到好處的情況下使用,起到錦上添花的效果。

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