DIV CSS 佈局教程網

在整個產品設計的過程中，視覺設計與交互設計的“工序”非常緊密，兩者關系也是相輔相成，互相影響。而視覺界面作為最直接與用戶交流的層面，如何把交互設計以良好表現形態展現給用戶，這裡主要集中探討視覺在提升交互的可用性方面的作用：

提升可浏覽性 精確與高效地傳遞信息與任務 貼合用戶的心智模型 讓交互富有情感

1.提升可浏覽性：
1）信息結構的良好表現
視覺設計在對交互的幫助中，首要滿足對產品與交互信息結構的展現，展現信息的清晰可讀性，然後才是品牌，情感的傳達。視覺語言可以通過分層，分類，對比等語言手段對產品概念及信息進行處理。
例：

pic.01

pic.02
對上面兩圖進行對比，同樣都是文章詳情頁面，相信沒有多少用戶在浏覽pic01時能快速准確地知道網站想給他什麼信息，或者讓用戶做什麼。信息主次的分布，層級，色彩，均無做好有效分布，用戶一邊迷惑，一邊迷路。而pic02對內容按主次程度來劃分，最重要的文章詳情信息一目了然，結構有序，條理清晰。
我們能感受到視覺語言的有效干預，能對信息結構的展現起到很大的幫助作用。
上一頁12 3 4 下一頁 閱讀全文