分享網頁設計的案例分析

在我們美麗的地球村裏,綠色隨處可見,如草、葉等的綠。綠色象徵着生命、青春與和平。綠色,是一種中性色,介於黃色與藍色之間,是最適合人眼注視的色彩。由於接近自然的特性,綠色給人沉穩、平靜、舒適的感覺。因此,綠色也是在網頁設計中使用得最廣泛的顏色之一。下面筆者就通過不同的綠色搭配方式來分析下綠色在網頁設計中的色彩和文字顏色搭配。

綠色設計可以結合任何其他顏色,紋理和陰影,可以直觀地改變用户的印象。添加紋理可以使顏色變暗,光滑的表面紋理則更加豐富性和富有深度。

1.綠色+白色+暗紅色

如下圖所示,主色調、輔色調HSB模式的數值可看出,主色調與輔色調是同一種色,只是在明度上有所不同,讓頁面多了些空間感、層次感。由於綠色本身的特性,所以整個網頁看起來很清爽舒適。中間使用白色塊面,拉開了兩種綠色之間距離,增加了視覺節奏感。點晴色暗紅色的加入為網頁增添了一分光彩,極具誘惑感,頁面瞬間活躍提神了不少,使得整個頁面配色清新爽朗。

2.綠色同類色+多種點睛色

上圖中用色較多,主色調為明度稍低的黃綠色,輔助色則為高明度的黃綠色,二者形成強烈反差,增加了頁面層次感。此圖的點晴色有4種,包括紅色與主色調綠色、藍色與橙紅色,二者互相形成對比色。雖説點晴色較多,但都按色相環順序出現在頁面上,形過一個緩和的過渡效果,讓人感覺到舒服而非突兀。整個頁面色彩諧調,重點突出,層次分明,熱鬧多彩又不失井然有序。這樣的網頁配色方案的設計適用於小清新類的服裝網站。現今的小清新取景都傾向於海邊、公路,若是主色調仍是以白色、黃粉色為主,則會顯得單調枯燥。在此筆者建議可以試試看綠色加上多色點睛色的配色方案,你會大有收穫。

3.突出綠色+強暗色系

此圖中大家一眼就能看出位於正中間的`綠色植物,與周圍純度很高的黑色相比,這樣的綠色顯得醒目,形成鮮明的刺激對比。這兩組色彩雖然不是嚴格意義上的對比色,但足夠在頁面中形成鮮明對比,整個頁面瞬間被烘托得鮮活起來。就像是在油鍋中加入水滴一樣,瞬間顯得生動,有效地突出網頁前景。整個頁面顯得通透鮮活,主題鮮明。此外,加入了棕色和白色的,耀眼的綠色得到平衡,起到舒緩視覺的效果,有效平衡了綠色與暗黑色的強烈對比較果。

結論:

中國人普遍認為綠色是青春,向上,活力的代表,在網頁設計中也越來越多的運用綠色系,以顯示網頁設計的年輕的生命力。運用綠色系,在第一時間給人健康、成熟、穩重、開闊的心理感受,傳遞網站正能量。運用綠色系配色方案的還有很多,站長朋友們不妨多去設計類的網站瀏覽,尋找靈感。