善用色彩設計網頁

2021-04-20 15:42:01 字數 932 閱讀 3666

色彩的魅力是無限的,它可以讓本身很平淡無味的東西,瞬間就能變得漂亮、美麗起來。資訊時代的快速到來,網路也開始變的多姿多彩。人們不再侷限於簡單的文字與,他們要求網頁看上去漂亮,舒適。所以當代設計者不僅要掌握基本的**製作技術,還需要掌握**的風格,配色等設計藝術。其中色彩在**設計中佔據相當重要的地位。  

一、認識色彩

為了能更好地應用色彩來設計網頁,我們還是先來了解一下色彩的一些基本概念。自然界中有好多好多種色彩,比如玫瑰是紅色的,大海是藍色的,桔子是橙色的……但是最基本的有三種(紅,黃,藍),其它的色彩都可以由這三種色彩調和而成。我們稱這三種色彩為「三原色」。  

現實生活中的色彩可以分為彩色和非彩色。其中黑白灰屬於非彩色系列。其它的色彩都屬於彩色。任何一種彩色具備三個特徵:色相,明度和純度。其中非彩色只有明度屬性。  

色相,指的是色彩的名稱。這是色彩最基本的特徵,是一種色彩區別於另一種色彩的最主要的因素。比如說紫色,綠色,黃色等等都代表了不同的色相。同一色相的色彩,調整一下亮度,或者純度很容易搭配,比如,深綠,暗綠,草綠,亮綠。  

明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些購物,兒童類**。用的是一些鮮亮的顏色,讓人感覺絢麗多姿,生氣勃勃。明度越低,顏色越暗。主要用於一些遊戲類**,充滿神秘感;一些個人站長為了體現自身的個性,也可以運用一些暗色調來表達個人的一些孤僻,或者憂鬱等性格。有明度差的色彩更容易調和。如紫色(#993399)跟黃色(#ffff00),暗紅(#cc3300)跟草綠(#99cc00),暗藍(#0066cc)跟橙色(#ff9933)等。  

純度,指色彩的鮮豔程度,純度高的色彩純,鮮亮。純度底的色彩暗淡,含灰色。  

互補色,色環中相對的兩種色彩。對互補色,調整一下補色的亮度,有時候是一種很好的搭配。  

暖色,暖色跟黑色調和可以達到很好的效果。暖色一般應用於購物類**,電子商務**,兒童類**等等,用以體現商品的琳琅滿目,兒童類**的活潑,溫馨等等效果。

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

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

設計網頁文字內容

標題文字標記 共有6種,字型大小從大到小。標題文字的對齊方式 align 有3種 left,center,right。設定文字格式 設定文字字型 face 應用了該字型的文字 設定字型大小 size 1 7或 1 7或 1 7。設定文字顏色 color 粗體 斜體 下劃線 strong 或b em ...

SiteMesh,設計網頁架構

sitemesh通過decorator的設計模式,十分利索地達到了目的。其設計思想是,使用者傳送request至伺服器,伺服器根據此request生成動態資料,生成網頁,準備返回給客戶端。就在返回前,sitemesh進行攔截,對此網頁進行解析,將title body等部分拆解出來,套上模板後,再返回...