網(wǎng)頁美工設(shè)計(jì)學(xué)習(xí)配色指南

      網(wǎng)頁設(shè)計(jì)中最基本的原則之一是，不管你花多長時(shí)間創(chuàng)造一個(gè)華麗的設(shè)計(jì)，其最終的角色都是這場秀中真正的明星——內(nèi)容的襯托。

1. 配色方案是畫布，不是畫

      網(wǎng)頁設(shè)計(jì)中最基本的原則之一是，不管你花多長時(shí)間創(chuàng)造一個(gè)華麗的設(shè)計(jì)，其最終的角色都是這場秀中真正的明星——內(nèi)容的襯托。網(wǎng)頁設(shè)計(jì)中不應(yīng)該讓配色比內(nèi)容展示更加“熱鬧”。你的設(shè)計(jì)應(yīng)該是在后臺(tái)的，幫助將網(wǎng)站的內(nèi)容推向前臺(tái)。

      在網(wǎng)頁設(shè)計(jì)中最常見的過程就是在相對(duì)隔離的情況下創(chuàng)造設(shè)計(jì)本身，經(jīng)常是在Photoshop中或者是Sketch中。如果你還沒有一個(gè)有內(nèi)容的例子去終結(jié)空洞的設(shè)計(jì)，或許客戶能接受以模型的形式展示，但在實(shí)際情況中對(duì)網(wǎng)站訪問者來說，還是太分散注意力了。事實(shí)上，網(wǎng)頁設(shè)計(jì)過程與內(nèi)容是緊密綁定在一起的，但有許多高質(zhì)量的網(wǎng)站設(shè)計(jì)卻幾乎空無內(nèi)容。

      這是一個(gè)好主意——將你希望出現(xiàn)在這個(gè)位置的內(nèi)容樣例在設(shè)計(jì)軟件里或直接在代碼里先擺放出來，然后圍繞它做設(shè)計(jì)。尤其是在與特定風(fēng)格的照片或圖像有關(guān)的時(shí)候，這樣你可以確保你的設(shè)計(jì)與它們搭配和諧。想象一下，你的網(wǎng)站內(nèi)容是一個(gè)獨(dú)特的個(gè)體，你必須為它設(shè)計(jì)一個(gè)完美的配件。

2. 從簡單的灰度模式開始

      你可以為你的主背景和文本從無數(shù)的色彩組合中進(jìn)行挑選。然而，我的建議是先掌握最簡單的，白色或淺灰色背景搭配深灰色的文本。

      如果你觀察流行的網(wǎng)站所選擇的模板或主題，你會(huì)發(fā)現(xiàn)它們中的大多數(shù)都是使用深灰色的文字搭配白色或淺灰背景，這是有充分的理由的。這種組合你基本保證了為訪客提供可讀性，并允許基于內(nèi)容的文本和圖像進(jìn)入前景。

      一般來說，你應(yīng)該避免使用純黑的文本，深灰色相對(duì)來說更易閱讀。一個(gè)相對(duì)舒適的范圍是#333333至#666666。

基于上述，在任何文本主體下，最保險(xiǎn)的背景色是全白#FFFFFF。對(duì)于其他的背景元素，背景色的范圍可以從#FFFFFF至#CCCCCC.

      再次聲明，這些并不是你必須使用的顏色準(zhǔn)則，僅僅只是你可以開始安全設(shè)計(jì)的一些指南。

3. 只選擇一種強(qiáng)調(diào)色

      配色方案出錯(cuò)的最常見的地方就是顏色使用過多。你使用的顏色越多，你想要將它們都保持在控制中就越困難。所以一開始，在灰度基礎(chǔ)之上只添加一種額外的顏色來強(qiáng)調(diào)諸如鏈接、某些標(biāo)題、菜單、按鈕等等元素是很有用的。

      你的強(qiáng)調(diào)色可以是藍(lán)色、綠色、紅色或其它任何你喜歡的顏色。

      開始在你的基礎(chǔ)圖上拉一個(gè)強(qiáng)調(diào)色的矩形框，這樣你可以衡量顏色是否與頁面上所有的元素匹配。然后打開顏色選擇器，選擇在顏色面板右上角四分之一中心位置的顏色。

4. 如果有疑問，使用藍(lán)色

      如果你對(duì)選擇什么強(qiáng)調(diào)色有任何疑問，請(qǐng)使用藍(lán)色。藍(lán)色通常是最靈活的顏色，適合多數(shù)的網(wǎng)站類型。紫色和黃色之類的顏色可以是很活潑的，但是如果使用不當(dāng)?shù)脑�，立馬會(huì)變得很花哨。

      另一方面，你可以在以藍(lán)色為強(qiáng)調(diào)色的基礎(chǔ)上隨意發(fā)揮，但你也不能走的太遠(yuǎn)。如果你不知道從哪里開始學(xué)習(xí)或者在項(xiàng)目中使用什么顏色的時(shí)候，就用藍(lán)色就對(duì)了。如果你要選擇特別的藍(lán)色，你可以選擇深藍(lán)色（H值235）至淺綠色（H值190）的范圍以保證自己在安全的領(lǐng)地。

5. 為強(qiáng)調(diào)色添加變化

      一旦你選定了強(qiáng)調(diào)色，將色相（H）滑條位置保持不變。你現(xiàn)在需要為你的設(shè)計(jì)添加額外的顏色，不過為了讓事情變得更簡單，這些顏色都是你已經(jīng)選擇的強(qiáng)調(diào)色的變色。

      在顏色選擇器上強(qiáng)調(diào)色周圍拖動(dòng)選色點(diǎn)來創(chuàng)建變色。

6. 避開調(diào)色面板右上角的位置

      顏色選擇器上右上角的位置是高純度的顏色。右上角的顏色像一級(jí)方程式賽車，它們的執(zhí)行力驚人，并且非常吸引人，但是我們一般需要足夠的經(jīng)驗(yàn)才能很好地駕馭它們。如果沒有經(jīng)驗(yàn)的話，它們可能會(huì)造成事故，所以最好去嘗試使用更緩和的顏色。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.universityresearchassociates.com/news-id-13058.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050