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