- 相關(guān)推薦
網(wǎng)頁色彩的搭配運用
在網(wǎng)頁設(shè)計長足發(fā)展的今天，網(wǎng)頁的整體設(shè)計風(fēng)格已經(jīng)是包羅萬象了，我們已經(jīng)能夠在互聯(lián)網(wǎng)上看到很多的精美的網(wǎng)頁作品，這些作品不僅僅在功能上滿足我們的需要，更重要的一點是能夠讓我們感受到美。特別是在色彩的搭配和運用上也能讓人領(lǐng)略到各種美的享受。
當(dāng)前的職業(yè)院校的學(xué)生由于美術(shù)基礎(chǔ)薄弱，所以在色彩的搭配和運用上有一定的欠缺，所以我們要指導(dǎo)學(xué)生制作精美的網(wǎng)頁的時候，就要先教授學(xué)生基本的美學(xué)基礎(chǔ)，特別是色彩方面的知識。
首先，在網(wǎng)頁色彩的設(shè)計中最先要了解的就是色彩的基本原理和法則，色彩是一個很大的門類，但是有基本的原則，比如色彩的最基本組成部分，色彩的色相，也就是通俗的說是什么顏色，明度（色彩的明暗程度），純度（色彩的鮮艷程度），這三個構(gòu)成了色彩的三要素，這三個要素決定了色彩的基本感覺。色彩的明度、純度、色相缺一不可。
另外色彩在模式上常用的劃分上又有RGB色彩和CMYK的常用色彩模式，我們電腦屏幕顯示常用的就是RGB色彩模式，也就是光的混合色，但是如果我們用到HTML上的時候是十六進(jìn)制的色彩，所以我們在進(jìn)行網(wǎng)頁色彩設(shè)計的時候就要更多的考慮把RGB或者是CMYK的色彩模式轉(zhuǎn)換到十六進(jìn)制的色彩。我們可以在PHOTOSHOP軟件的配色表中選擇色彩然后看對應(yīng)的十六進(jìn)位的色彩色號是多少，一般以#000000這種方式來表現(xiàn)，我們在進(jìn)行DREMWEAVER網(wǎng)頁設(shè)計時候直接輸入#000000這樣的色后的時候，我們就能夠直接得到這個色彩了。
我們在進(jìn)行網(wǎng)頁色彩的編排的時候要注意一些問題，第一就要注意網(wǎng)頁的類別，是什么類型的網(wǎng)頁就要考慮運用什么色彩，如果是環(huán)保題材的網(wǎng)頁那么我們可以考慮運用綠色調(diào)，以突出自然的感覺，如果是高科技題材的網(wǎng)頁，那么我們就要更多的考慮藍(lán)色，以及灰黑等色彩，以突出高科技感覺。第二，我們要考慮我們網(wǎng)頁的受眾主要是哪些人群，根據(jù)不同的受眾來確定色彩，比如我們以女性為主要訴求對象的這樣的網(wǎng)頁那么我們在色彩上更多的要采用粉紅色系，或者是一些明度彩度中高的色彩。如果是以孩子為題材的網(wǎng)頁，那么我們在進(jìn)行色彩設(shè)計的時候我們就盡量要用高純度高明度的色彩來進(jìn)行色彩的搭配，來表現(xiàn)孩童的天真純潔，以及活潑好動的感覺，色彩也要鮮艷明亮一些，但是如果我們是以一些有厚重的文化積淀這類題材的網(wǎng)頁進(jìn)行色彩設(shè)計時就要考慮，這類網(wǎng)頁的受眾更多的是一些有一定的年齡，有一定的文化修養(yǎng)的人群，那么我們就要更多的運用一些同類色彩，并且更多的運用一些中明度中低純度的色彩，最好是運用一些灰調(diào)子的顏色，比如一些藍(lán)灰，綠灰，紅灰，等色彩來突出網(wǎng)頁的厚重的文化感覺。第三，在網(wǎng)頁色彩設(shè)計中要特別的注意一個問題，那就是盡量避免運用過多的色彩，一個畫面最好要有一個主色調(diào)，這個色要占有畫面大面積的位置，這樣才能控制畫面有一個主要的色調(diào)，我們可以根據(jù)不同的網(wǎng)頁類型和受眾來考慮運用同類色的搭配還是對比色或者是互補(bǔ)色的色彩搭配，但是都要比例合適，畫面中盡量不要色彩太多，也就是說色相太多，色相太多畫面容易產(chǎn)生混亂無序的感覺，而且還能使人感覺不到畫面的重點部分，降低畫面的可閱讀性。盡量把色彩控制在四種以內(nèi)，可以按照70%，20%，7%，3%這樣的比例關(guān)系安排色彩的比例，這樣就基本能夠保證畫面中的色彩的豐富，和色彩的主次分明。第四，我們在色彩的應(yīng)用上還要注意一個問題就是文字與色彩的關(guān)系，網(wǎng)頁的底色與文字的色彩在設(shè)計上要注意一個主要的原則就是，如果文字與底色在層疊的方式出現(xiàn)的時候，要以突顯文字為主要原則，也就是要保證網(wǎng)頁的可閱讀性為第一訴求，所以在背景與文字的色彩安排上就要有一定的反差。
在我們進(jìn)行網(wǎng)頁色彩的設(shè)計的時候我們按照色彩三要素來進(jìn)行色彩的設(shè)計，那么在不同的類型網(wǎng)頁中，我們的色彩也需要有相應(yīng)的設(shè)計。在色彩的色相中，又分為類似色，對比色，互補(bǔ)色，那么我們用哪種色彩的關(guān)系來進(jìn)行設(shè)計，就決定了我們設(shè)計的網(wǎng)頁的具體的色彩感覺了，所以在結(jié)合色彩的色相中的三種對比關(guān)系，以及色彩的明暗和純度我們對不同類型的網(wǎng)頁運用不同的色彩關(guān)系。在以下的不同類型的網(wǎng)頁中我們就按照其類別屬性來進(jìn)行色彩的搭配設(shè)計。
工商企業(yè)類別網(wǎng)頁：在進(jìn)行這類的網(wǎng)頁色彩設(shè)計的時候我們要注意，盡量使用與企業(yè)形象相符合的色彩，最好的辦法是采用企業(yè)的標(biāo)準(zhǔn)色和應(yīng)用色，比如快餐類的網(wǎng)頁在色彩上我們就要更多的采用相對暖的色彩，這樣能夠引起人們的食欲，如果是汽車制造類型的網(wǎng)頁，我們就要相對使用偏冷的一些金屬色和灰，藍(lán)等相對冷色調(diào)來表現(xiàn)科技感和穩(wěn)重有力量的感覺。
時尚類型網(wǎng)頁，這類網(wǎng)頁的色彩設(shè)計的時候我們更多的是運用對比色系，因為時尚類型的網(wǎng)頁相對比而言都是比較追求個性鮮明的，要讓人感覺活潑，有動感，那么我們在選擇色彩的時候那些灰色調(diào)用的相對要少些，而是要更多的運用些能夠有一定對比的色彩，并且我們很少運用彩度低的也就是低純度的色彩，相對中高純度的色彩運用的要多一些，一次來凸顯這類型網(wǎng)頁的時尚感，活潑律動的感覺。
門戶搜索類型的網(wǎng)頁的色彩在設(shè)計上我們就要力圖簡潔明了，由于這類型的網(wǎng)頁在框架構(gòu)圖上就是比較簡潔的，那么在色彩上我們更多的是運用藍(lán)色調(diào)，綠色調(diào)，來進(jìn)行整體的設(shè)計，并且搭配各門戶標(biāo)志的標(biāo)準(zhǔn)色彩，這樣能夠凸顯專業(yè)干練的感覺，相對來講冷色調(diào)運用較多。
個人網(wǎng)頁的色彩設(shè)計就靈活的多了，我們更多的按照自己的個性來進(jìn)行色彩的安排，我們可以進(jìn)行各種不同的色彩搭配嘗試，無論是相似色還是對比色還是互補(bǔ)色，我們都可以靈活來運用，更多的是用色彩來凸顯個性，力求達(dá)到自己網(wǎng)頁風(fēng)格的獨特氣息。所以，我們在進(jìn)行個人網(wǎng)頁色彩設(shè)計的時候可以把高明度高純度的色彩靈活運用，強(qiáng)中弱對比都可以，但是要遵循色彩搭配的原理，保持整體的一個風(fēng)格，而不是隨便的拿色塊來應(yīng)用。
當(dāng)學(xué)生了解了基本的色彩的三要素，色彩的色相對比，明度純度對比，以及色彩的冷暖關(guān)系，色彩的面積關(guān)系，色彩的心理感覺等這些基本的色彩基本知識后能夠根據(jù)網(wǎng)頁的類別進(jìn)行獨立的網(wǎng)頁色彩設(shè)計應(yīng)用，那么我們就基本完成了對網(wǎng)頁色彩的教學(xué)實踐指導(dǎo)，學(xué)會網(wǎng)頁色彩的原理，就可以指導(dǎo)學(xué)生舉一反三把這些基本的色彩原理和知識運用到其它的設(shè)計中，使學(xué)生掌握色彩設(shè)計的基本技能。從而達(dá)到熟練運用網(wǎng)頁的色彩搭配進(jìn)行網(wǎng)頁色彩設(shè)計。
【網(wǎng)頁色彩的搭配運用】相關(guān)文章：
網(wǎng)頁色彩搭配原理10-24
網(wǎng)頁美工色彩搭配技巧05-25
如何運用家居色彩搭配技巧08-31