網站架設的色彩美學

網站架設的色彩美學。網站不是有就好,它代表的是一種形象語言,人要衣裝、佛要金裝。網站也是如此!
一個美觀的網站,它能代表你或你們公司的形象,所以特別重要。

進入正題,一個好的網站,必需有最基本的色調搭配、然後考慮到排版、字體的搭配。

色彩運用,不僅僅只是為搭配網站的色調,它還有表達各種的含意。

網頁設計最重要的部份,就是色彩面積的比例分配(主色、輔助色及強調色),說到此,我們就必需提黃金切割率。古今中外,人類就基本掌握了此一比例。很多好看的藝術品,經過量測,竟都剛好在這一個比例上。後來經過研究,計算出一公式 1.61803,後人稱此為「黃金比例」。現代人最常用在LOGO的設計及平面設計的領域。

黃金切割率

通常我們是用更直白些的方式來做為劃分。常用的比例為 60%、30%、10%!
基本上好看的網站,在色彩搭配上,是離不開這些大原則的比例。
但千萬別死版板的運用,因為比例原則是指「面積的比例」,但是主色、副色、強調色的順序,以及顏色深淺的順序都是可變的。
基本還是看每個人運用色調的手法。

接下來是色彩概論
色彩概論基本上來說,它不是美學。而是美學中,使用顏色的術語和業界學術上的一種標準。
顏色是由光反射所產生的,這種反射是由物體的物理性質決定的。
又稱色相(Hues):紅橙黃綠藍……。

PS:若以色輪來說,色相是色輪上的任何顏色

而色彩又以三要素為主:色相、明度、純度

人製色相:由三原色為母色,又稱RGB。再調配出來其他的顏色

明度:基本可說是一種明暗度

純度:顏色的飽和度,一般以加白色或加黑色來影響純度。基本上單獨加黑或加白,都會變成往弱純度方向移動。

想創建一個新的配色方案:您需要從色輪、飽和度和值中獲取基本原則。採用這些概念並使用它們來完善您的調色板或找到您理想的顏色。

總結:使用技巧上,我們基本流程「冷暖 → 七色相 → 六色調 → 搭配的方法」為手法。

現在,我們來說說色彩在網頁中最常犯的錯,就是套用原圖色彩而沒另外處理來符合整個色彩搭配的風格。

對於色彩有概念的人,至少會用飽和度及明亮度來壓低圖片的色彩,或者使用主色調來做原圖的背景覆蓋,才能搭配整個網站的風格與美感。
如果不做處理,以原色彩的呈現,就會出現像以下的原色,太過鮮艷,在整個觀感上。

常出現出很突兀的畫面!

創建配色方案:您需要從色輪、飽和度和值中獲取基本原則。採用這些概念並使用它們來完善您的調色板或找到您理想的顏色。

最後,根據調查,全球排名前100名的網站,51%僅用一個色調並採鄰近色的設計。30%用二個色調。

作者:施偉傑

參考資料:Colour Theory

返回頂端