網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)之杜絕設(shè)計(jì)中的視覺噪音(圖文)

2024-07-11 08:25:53

字體：大中小

供稿：網(wǎng)友

視噪，又稱視覺噪音。我們每天接受來自外界的大量信息，這些信息有將近70%是通過視覺感知獲得的。視噪會(huì)干擾我們對(duì)信息的判斷，影響到產(chǎn)品的易用性和可用性，與用戶體驗(yàn)的好壞息息相關(guān)。
杜絕設(shè)計(jì)中的視覺噪音錯(cuò)新站長站

　　(克勞德香農(nóng)圖演示了噪音如何影響信息的傳遞)

　　(這是模仿克勞德香農(nóng)圖畫一張視噪影響用戶界面?zhèn)鬟f信息的圖)
　　那么什么是視覺噪音呢?簡單來說，視噪就是在視覺信息傳遞的過程中，對(duì)信息的傳遞、理解產(chǎn)生負(fù)面作用的視覺因素;如同我們無法忍受生活在嘈雜的環(huán)境中一樣，視覺噪音也會(huì)干擾我們對(duì)信息的判斷，影響到產(chǎn)品的易用性和可用性，與用戶體驗(yàn)的好壞息息相關(guān)。

　　類似下面這樣的網(wǎng)頁相信你一定感覺熟悉，有時(shí)候我們不得不面對(duì)這樣熱鬧非凡的頁面并從中找到我們需要的信息和內(nèi)容，譬如說一個(gè)下載按鈕或者一個(gè)重要的鏈接，但糟糕的是我們很容易迷失其中;

　　(紛繁的軟件下載頁面;)

　　(Baidu的首頁是一個(gè)很好的簡潔設(shè)計(jì)的例子;)
　　如何在設(shè)計(jì)中避免和降低視噪呢?下面就主要從互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計(jì)的角度簡單的談?wù)勔曉氘a(chǎn)生的原因以及我們應(yīng)該如何避免視噪的產(chǎn)生。
　　1.色彩
　　提到視覺設(shè)計(jì)，不能不提色彩。色彩在界面設(shè)計(jì)中扮演著非常重要的角色：區(qū)分信息模塊、暗示控件功能(如藍(lán)色文字通常代表鏈接，灰色按鈕表示不可點(diǎn)擊等)、突出重點(diǎn)信息(越重要?jiǎng)t越醒目)等⋯⋯和諧的配色與適當(dāng)?shù)谋壤钆淠軌蜃屨麄€(gè)界面看上去清晰舒適，反之，則會(huì)給用戶帶來過重的視覺負(fù)擔(dān)，容易形成視覺疲勞，影響體驗(yàn)。