網頁設計配色應用 色調

2021-08-23 11:56:56 字數 844 閱讀 5550

前面我們介紹了常用的電腦色彩模式rgb、hsb,以及色彩的三大屬性,還有常用配色的基本概念和相關例項剖析。今天開始我們介紹應用部分,本節介紹調色

網頁頁面中總是由具有某種內在聯絡的各種色彩,組成乙個完整統一的整體,形成畫面色彩總的趨向,稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍,是影響配色視覺效果的決定因素。

為了使網頁的整體畫面呈現穩定協調的感覺,以便充分的掌握其規律來更好的分析學習,我們把視覺角色主次位置分為如下幾個概念,以便在網頁設計配色時更容易操縱主動權。

■ 主色調

頁面色彩的主要色調、總趨勢,其他配色不能超過該主要色調的視覺面積。(背景白色不一定根據視覺面積決定,可以根據頁面的感覺需要。)

■ 輔色調

僅次與主色調的視覺面積的輔助色,是烘托主色調、支援主色調、起到融合主色調效果的輔助色調。

■ 點睛色

在小範圍內點上強烈的顏色來突出主題效果,使頁面更加鮮明生動。

■ 背景色

襯托環抱整體的色調,協調、支配整體的作用。

→ 色調網頁例圖:

本部分小節:

乙個頁面的色彩角色主要是根據其面積多少的來區別主次關係、達到最終目的的。

當不同的顏色使用的面積相當,這個頁面容易呈現枯燥單調之感,而沒有區域性細節的變化。當乙個頁面使用的顏色過多、面積大小用得過於瑣碎,這個頁面容易呈現花哨、主次不分沒有整體的感覺。

為頁面設計配色的時候,應根據主題內容主次需要,各顏色有其各自的功能角色--面積使用最多的、最少的、不多不少的,加上冷暖的適度安排,純度明度的合理變化,遵循這條原則,網頁配色定能得心應手。

網頁設計配色應用 色調

為了使網頁的整體畫面呈現穩定協調的感覺,以便充分的把握其規律來更好的分析學習,我們把視覺角色主次位置分為如下幾個概念,以便在網頁設計配色時更輕易操縱主動權。主色調 頁面色彩的主要色調 總趨勢,其他配色不能超過該主要色調的視覺面積。背景白色不一定根據視覺面積決定,可以根據頁面的感覺需要。輔色調 點睛色...

網頁設計配色應用 色彩的調和

為了使網頁的整體畫面呈現穩定協調的感覺,以便充分的把握其規律來更好的分析學習,我們前面介紹了色調的視覺角色主次位置的幾個概念,也介紹了色彩的對比。今天我們介紹色彩的調和。兩種或兩種以上的色彩合理搭配,產生統一諧調的效果,稱為色彩調和。色彩調和是求得視覺統一,達到人們心理平衡的重要手段。調和就是統一,...

網頁設計如何配色和選擇主色調

開篇跟大家推薦我自己也在使用的 網頁平面 該網頁設計教程由傳智播客免費提供!我自己也是搜尋了很多網上的資料,發現現在使用的 程非常不錯!希望對和我一樣喜歡自學的朋友,一起實現理想!沒有一種單一的設計元素會比顏色效果更能夠吸引人。顏色能夠吸引人的注意力,表達一種情緒,並傳達一種潛在的資訊。那麼什麼樣的...