那么什么是視覺噪音呢？簡單來說，視噪就是在視覺信息傳遞的過程中，對信息的傳遞、理解產生負面作用的視覺因素；如同我們無法忍受生活在嘈雜的環境中一樣，視覺噪音也會干擾我們對信息的判斷，影響到產品的易用性和可用性，與用戶體驗的好壞息息相關。

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

（Baidu的首頁是一個很好的簡潔設計的例子；）

如何在設計中避免和降低視噪呢？下面就主要從互聯網產品界面設計的角度簡單的談談視噪產生的原因以及我們應該如何避免視噪的產生。

1.色彩

提到視覺設計，不能不提色彩。色彩在界面設計中扮演著非常重要的角色：區分信息模塊、暗示控件功能(如藍色文字通常代表鏈接，灰色按鈕表示不可點擊等)、突出重點信息(越重要則越醒目)等??和諧的配色與適當的比例搭配能夠讓整個界面看上去清晰舒適，反之，則會給用戶帶來過重的視覺負擔，容易形成視覺疲勞，影響體驗。

（如圖，鏈接文字、不可點擊文字，通過色彩的劃分而一目了然；）

（某網站設計；不同區域使用不同色彩劃分信息；）

（個人網站設計；橙色文字在灰色底圖上被很好的展現了出來；）

（色彩在區分信息模塊時的運用；）

2.布局

界面中的信息能否被有效的傳達，離不開良好的組織和布局；這需要考慮以下這幾個要素：

a.層次（層級關系，段落關系）
在信息的視覺展現中，信息之間層級關系的表達非常重要，如一個界面中導航區域與內容區域的關系、一篇帖子下的所有評論之間的關系、一篇文章中的段落關系等等……恰當的視覺設計，能夠通過對視覺元素的展現來暗喻信息之間的層級關系；如果視覺層級關系展示不當，會使用戶產生困惑，造成理解障礙；

（左：信息的層次劃分；右：信息的段落劃分）

b.對齊
在內容排版的設計中，把內容對齊，會形成一種良好自然的邊界；該邊界沿著這一組對象延伸（利用了格式塔原則——連續性原則），這樣帶來的好處是加強了邊界引導讀者的眼光平滑延伸，有助于形成良好的視覺流。

(在表單設計中，也是如此。操作區域對齊，將大大提升用戶的完成任務的效率。表單元素居中對齊后，用戶的視線沿著中線下移，能夠快速閱讀標簽并找到相對應的輸入框。)

c.分組
將原本零散無序的信息分組展示，是揭示信息之間的內在聯系、幫助用戶理解和記憶的有效手段；在視覺的表現上，分組就是讓每組信息在視覺表現上具有相關聯或相似的地方；
（如;區域劃分、間隔劃分、色彩劃分、形/符號的劃分、層級劃分tab）

d.間距
關于信息展現中的間距設計，視覺上較常使用柵格化的設計思想；關于柵格化設計，可以在網上找到很多相關的文章案例，這里不做重點介紹；

3.視覺特效

這里提到的視覺特效包括靜態的圖形效果和動畫效果；設計精美的圖形界面和優雅適度的動畫效果能夠給人帶來愉悅的享受；但是想想網頁上那些閃動不停的廣告條幅和屏幕中飛來飛去的彈出框吧??它們是否一度將你惹惱？四處充斥的造型復雜的圖標、一連串的水晶效果的按鈕、各種為炫技而堆疊的軟件特效是否讓你心生反感？有如糖果般誘人的圖形界面，或許并不一定適用于信息的傳遞和展示；圖形元素如果濫用過度，反成冗余和累贅，也就成為了視噪；