在進行Web的交互設計中，顏色信息的傳達也是不可或缺的一部分。我們常會發現許多“灰色”的應用，他們的出現總是不動聲色而又恰如其分，維持了整個頁面的平衡與統一。本文將從一些實際案例出發，闡述“灰色”在Web交互設計中的8類應用。

　　首先讓Mr.Gray 來做個簡單的自我介紹吧：

　　狹義的 Mr.Gray

　　狹義的Mr.Gray, 是指沒有色相與純度，只有明度，將黑色和白色混和而成的一種中間色。 依據不同分類方法可大體分為淺灰與深灰兩種，亦可分為暖灰與冷灰。

　　相對來說，其特征為視認性不高，經久耐看，不因過份的鮮明而刺眼，中立而溫和。

圖例暖灰與冷灰

　　廣義的 Mr.Gray

　　廣義的Mr.Gray是指一切具有中性、溫和、不鮮明的現象與事物。在下文中所指的Mr.Gray,均指的是廣義的Mr.Gray。

　　如果把所有的顏色混在一起，會是什么顏色？其實Mr.Gray 并不孤獨。

　　Mr.Gray是一位相當有魅力的紳士。閱歷越深，就越能懂得他的價值。

　　Mr.Gray好比是形狀中的圓角，可以調和一些矛盾，使得它們不再尖銳。

　　下面讓我們來看看大家對Mr.Gray的印象吧：

　　Mr.Gray在Web 交互設計中的8類應用

　　Mr.Gray謙和內斂等特性決定了他在職業生涯中，大部分時間都在扮演輔助陪襯的角色。下文將以一些實際案例來進行詳細說明。

　　1. 當前場景下禁用或不可操作

　　這類設計處理的好處是避免用戶進行無效的操作，提高用戶的使用效率，并且給予一定的信息暗示。下圖中是一些禁用、不可操作或者沒有權限的圖例：

　　2. 暗示一定秩序下，即將發生的步驟、事物

　　此類設計可以讓用戶對即將進行的任務全局一目了然，較少而清晰的步驟不會給用戶帶來心理壓力，相反會促進用戶完成該項任務。如下圖中的創建QQ群的步驟預示。