論視覺設(shè)計(jì)與交互設(shè)計(jì)

2024-08-30 08:33:36

字體：大中小

供稿：網(wǎng)友

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

提升可瀏覽性

精確與高效地傳遞信息與任務(wù)

貼合用戶的心智模型

讓交互富有情感

1.提升可瀏覽性：
1）信息結(jié)構(gòu)的良好表現(xiàn)
視覺設(shè)計(jì)在對(duì)交互的幫助中，首要滿足對(duì)產(chǎn)品與交互信息結(jié)構(gòu)的展現(xiàn)，展現(xiàn)信息的清晰可讀性，然后才是品牌，情感的傳達(dá)。視覺語言可以通過分層，分類，對(duì)比等語言手段對(duì)產(chǎn)品概念及信息進(jìn)行處理。
例：

pic.01

pic.02
對(duì)上面兩圖進(jìn)行對(duì)比，同樣都是文章詳情頁面，相信沒有多少用戶在瀏覽pic01時(shí)能快速準(zhǔn)確地知道網(wǎng)站想給他什么信息，或者讓用戶做什么。信息主次的分布，層級(jí)，色彩，均無做好有效分布，用戶一邊迷惑，一邊迷路。而pic02對(duì)內(nèi)容按主次程度來劃分，最重要的文章詳情信息一目了然，結(jié)構(gòu)有序，條理清晰。
我們能感受到視覺語言的有效干預(yù)，能對(duì)信息結(jié)構(gòu)的展現(xiàn)起到很大的幫助作用。

上一篇：設(shè)計(jì)理論:論方案與資源、溝通的問題

下一篇：設(shè)計(jì)理論:以人為本的設(shè)計(jì)理念