簡述網站設計中的配色規則和技巧

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

在網站設計中,許多企業和站長往往過多的看重網站佈局,而往往忽視了網站色彩的搭配。 網站的色彩搭配對使用者體驗有著很重要的影響,而色彩搭配有一定的規則和技巧,掌握這些規則和技巧才能設計出一個優秀的網站。

網頁的配色規則是根據網頁具體位置的不同功能而設定的。 下面按照網頁標題,網頁連結,網頁文字及網頁標誌的層次進行介紹。

1 網頁標題

網頁標題是網站的指路燈,流覽者要在網頁間跳轉,要瞭解網站的結構和網站的內容,必須通過導航或者頁面中的一些小標題。 所以可以使用稍微具有跳躍性的色彩,吸引流覽者的視線,讓其感覺網站清晰明瞭,層次分明,如果色彩相近度高,會讓流覽者感到混亂。

例如拿比較出名的A5網站舉例,網站背景是白色,所以導航標題採用了相近度較遠的深藍色,這樣可以對使用者產生視覺衝擊,使使用者在看到第一眼時就知道這個導航標題非常重要。

  

2 網頁連結

任何網站都不可能只有單一的一頁,所以文字和圖片的連結是網站中不可或少的一部分。 尤其是文字的連結,因為文字連結和文字不同,所以文字連結的顏色和文字的顏色絕對不能一樣。

現代人的生活節奏都很快,沒有人會花很多精力在尋找網站的連結上。 因此,設置獨特的連結顏色,讓人感覺其獨特性,從而驅使使用者移動滑鼠,點選連結。

3 網頁文字

如果一個網站使用了背景顏色,就必須考慮背景顏色與前景文字的搭配問題。 一般的網站側重的是文字,所以背景可以選擇純度或者明度較低的色彩,文字用較為突出的亮色,讓人一目了然。

當然,有些網站為了讓流覽者對其留下深刻的印象,經常在背景上做文章。 比如一個空白頁的某個部分用了很亮的一個大色塊,可以讓使用者感受到豁然開朗。 此時網站為了吸引流覽者的視線,突出的是背景,所以文字就要顯得暗一些,這樣文字才能跟背景分離開來,便於流覽者閱讀文字。

4 網頁標誌

網頁標誌是宣傳網站最重要的部分之一,所以這部分一定要在頁面上凸現出來。 讀者可以將logo和Banner做得鮮亮一些來實現突出顯示,也就是色彩方面跟網頁的主題色分離開來。 8630.html">有時候為了是網頁標誌更突出,也可以選用於主題色相反的色彩。

A5網站的網頁標誌採用的是非常醒目的紅色,所以在白色背景和深藍色導航的襯托下,顯的非常醒目。 A5網站對白色,藍色,紅色的協調運用,給人感覺非常美觀大方,印象深刻。

為了能讓自己的網頁設計的更靚麗,更舒適,更具有可閱讀性,必須合理恰當的運用和搭配頁面各要素間的色彩!文章原創于高端網站建設HTTP://www.bygw.net ,轉載請附帶連結謝謝。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.