首頁 關于 服務 電商 案例 新聞 聯系

首頁 關于 服務 電商 案例 新聞 聯系

網頁設計中的灰色使用

       灰色是介于白色和黑色之間的過度色,沒有色相,僅有明度。不論是網頁瀏覽器或者是辦公軟件或者其他軟件,我們都能看到灰色的身影。

 

1.瀏覽器.png


    【某瀏覽器】

 

1.辦公軟件.png


    【辦公軟件】


       在界面設計中通常要使用大量的灰色區域,雖然沒有彩色那么搶眼,甚至讓人回憶界面的時候你會回想不出來灰色區域部分的內容是什么,但是在進行頁面操作的時候我們會在灰色區域部分輕而易舉的找到我們想要的功能操作。這是因為好的界面設計,不適令人驚嘆、五彩繽紛,而是在即幾乎無察覺的情況下順利的幫助你完成對設備的操作任務。


網頁設計中常使用的灰色

3.色塊.png 

       在網頁中不論是醒目的標題還是不起眼的占位符都是選擇不同明度的灰色進行表達。甚至整個界面都使用灰色來進行構建,舉個最顯著的例子就:apple官網。

 

4.apple官網.png


       灰色通常給人的感覺是:正派,沉穩,堅毅,內斂,中性,厚重,智慧或者悲傷等。在國外網頁大也大量的運用灰色,給人一種高大上的感覺。

 

5.圖像.png



6.圖2.png


    當然,灰色通常和彩色搭配在一起,體現出一種狀態模式的表現:

 

7.對比.png


8.app.png

 

(表達未被激活狀態或用來區分層級區域)

    當然灰色在網頁中還有很多的作用意義,灰色的靈活運用往往也是在讓界面簡潔但又充滿細節的重要表達手法,今后還是要多加學習的。


您身邊資深的互聯網整合營銷服務商
11920666 15660976665