網頁設計配色方法論:配色秩序
文字轉載自:php問題解決處理--一個IT實時問答系統--快速解決你的任何IT問題,無需等待!---www.itbaiduwang.com
主 色
主色是指在配色中處於支配地位的色彩。在配色前,主色是最先確定的色彩,例如,當我們想要設計一個珠寶展示的頁面,我們決定這個頁面所需要的色彩是紫色時,紫色就是主色。主色的確定看起來並不困難,因為一開始確定好主色只是定出一個巨集觀方向,並沒有細化成具體的色調。主色的選擇也非常自由,因為並沒有完全正確的公論,每種色彩都有它的特性和優劣,沒有最好的色彩或最差的色彩。
最終確定對主色色調的選擇需要感性的參與,你希望你的網站看上去“沉穩典雅”還是“清新明快”?這些不同的感受都來自色調的制約平衡。
一般情況下,主色是配色中使用面積最大的色彩。用於主要的元件、元件的背景和大面積色塊等。
頁面中的主色是清爽的藍色。儘管背景也運用了大面積的白色,但是黑白灰色屬於無彩色,無彩色並不參與到配色過程中。紅色是作為襯托色而出現的。
襯托色
襯托色是主色以外,為了襯托主色而出現的另一種色彩。襯托色通常為主色的互補色或對比色。襯托色所使用的面積可大可小,只要達到襯托的目的即可。
黃色是主色,藍色是襯托色,黃藍兩色互為對比色。
襯托色也可用在面積較大的地方,和主色平分秋色,彼此呼應。
頁面的主色為橙色,而襯托色為淺粉色,這兩種色彩為鄰近色,彼此飽和度上有非常明顯的對比,也能很好地襯托出主色,為頁面增加了氣氛。
一組配色中一定會有一個主色,而襯托色並非是必不可少的。是否採用襯托色,取決於你的配色計劃。通常單一的色彩會比較單調,而利用襯托色來強化主色的豐富變化是解決這一問題的方案之一。
背景色
背景色經常表現為無彩色(黑白灰色)或者低飽和度的色彩。背景色主要是作為背景而存在的,它最好不要以非常強烈的姿態出現。背景色並非具有某種功能,它是一個頁面的基礎底色。
頁面的背景色為藍綠色到藍紫色的漸變色,因此配圖時就應該考慮與背景色的搭配協調。
黑色作為背景色時,淺米色作為主色,主色和背景色之間相得益彰,這時的背景色也可看作襯托色。
強調色
強調色是在主色以外起強調作用的色彩,可以說它是非常重要的視覺焦點。它本身具有一種獨立性,因此在配色上要形成與主色的強烈對比。它可以是主色的對比色、互補色等,使其與主色的色彩形成明顯的對比。
頁面的主色為藍色,紅色則作為強調色,在進入另一個頁面時,紅色又作為了主色,而紫色作為了強調色。
強調色所用的面積比較小,只要在焦點區域運用強調色,其本身就有著聚焦的作用。有時候強調色還扮演著襯托色的角色。
相關文章
- 為網頁設計建立有效的配色方案網頁
- 設計師必備配色網站網站
- 普通人的網頁配色方案網頁
- 分享一套網頁配色方案網頁
- 網頁設計怎麼都不會錯的6條配色原則網頁
- UI設計終極配色指南UI
- 配色方案生成網站網站
- UI設計培訓技術分享:配色秘籍UI
- 1.2 論文圖表製作的基本配色
- Notability主題配色
- Iterm給vim配色
- iterm2配色方案
- 簡述網站建設中的配色規則和技巧網站
- 業界良心!2015年最優秀的20款網站配色方案(附配色工具)網站
- 關於Android配色(1)Android
- 關於Android配色(2)Android
- 設定SecureCRT配色和解決亂碼問題Securecrt
- JSJSP.COM個人站,收集的文章、UI設計、配色JSUI
- Material Design配色難?11條設計資源給你靈感!Material Design
- 角色原畫教程,小白也能學會的配色方法
- 小程式切換主題配色
- Win7旗艦版配色方案basic怎麼改?Win7系統旗艦版配色方案改回basic的方法Win7
- 使用Less color函式建立專業網站配色方案函式網站
- 5款免費的優秀網站配色方案工具網站
- 色彩搭配速成!3個實用方法幫你全面搞定配色
- iPhone再添新配色: 黃銅色?iPhone
- 為myeclipse打造自己的配色方案Eclipse
- 店鋪海報配色指南——資訊圖
- 多彩配色黑莓機 黑莓Passport報低價Passport
- 讓你的設計擁有高轉化率的配色知識簡明指南
- Visual Studio Code 內建終端配色
- 淺談PPT配色方案的認識與使用
- iPhone 7最新照片曝光 深空黑配色消失iPhone
- 12個美麗的網站與受到日出啟發的配色方案網站
- 人工智慧配色系列(一)方案與規則人工智慧
- iPhone 7靜音鍵曝光:全新配色現身 必買!iPhone
- 自己動手擴充套件vim外掛——配色篇套件
- 乾貨:基於scss的主題配色解決方案CSS