萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 木子李:淺談中國風格網頁設計

木子李:淺談中國風格網頁設計

中國風格的網站,因其氣勢磅礴,高貴典雅,獨具韻味而受到很多人的喜愛,近年來被大量應用於傳統文化、歷史人文景點、地產項目等網站中。那麼,怎樣設計出別具中國氣質的網站作品呢?我談一些個人不成熟的想法,希望對您有所幫助。若有錯誤之處,請不吝指出。

1、構圖。

合理巧妙的構圖與內容布局是一個網頁設計成功的關鍵。數千年的文明傳承下來,中國人有其獨特的構圖審美。

對稱

對稱美是中國傳統美學中重要的一部分。對稱美體現在中國傳統設計的方方面面,如城市格局、皇宮建築、皇帝陵寢、太極圖、對聯、錢幣、寶劍,無不用到 對稱的設計理念。傳統設計中的對稱有很多種左右對稱、上下對稱、中心對稱等多種形式,網頁由於其特殊性,一般用到最多的是左右對稱。對稱的網頁設計使得整 個畫面有了平衡、和諧、莊重之美。

《石家大院》,成功運用對稱布局,復古味十足。

《精武英雄》,又是對稱構圖的一個成功應用。

《故宮博物院》,整體左右對稱,局部靈活變化。

豎排

中國古代的文字是自上而下豎書成行,自右向左換行。這一特征也被廣泛引用到網頁設計中。豎排的布局方式呈現出濃濃的中國古典文化氣息。

《南園茶社》,豎排與對稱的完美結合。

《何園》的一個欄目頁,依然是對稱與豎排。

留白

中國畫講究留白,留白是一種智慧,更是一種境界。留白能使“方寸之地亦顯天地之寬”。在網頁設計中,適當的運用留白,可以讓頁面構圖更加協調,避免壓抑感。寬松自由的布局也會讓中國風格變得更加飄逸、時尚、清新。

《China White》,寬松自由,飄逸靈動。

《台灣故宮博物院 雍正文物展》,畫面右側,合理留白。

《西山恬園》大膽留白。

《風雅》,一個日本設計公司網站。

2、配色。

中國紅與青花藍、琉璃黃、國槐綠、長城灰、水墨黑和玉脂白構成一道缤紛的中國傳統色彩風景線。而這些顏色也正是中國風格網頁設計中用到最多的顏色。

紅色

中國紅(又稱绛色)是三原色中的紅色,以此為主色調衍生出中國紅系列色彩:嬌嫩的榴紅、深沉的棗紅、華貴的朱砂紅、樸濁的陶土紅、滄桑的鐵銹紅、鮮亮的櫻桃紅、明妍的胭脂紅、羞澀的绯紅和暖暖的橘紅。

《漁》,經典中國紅。

韓國的《漢文會館》,紅色,書法元素,扇子元素。

《盛唐》,陶土紅、鐵繡紅的應用。

《陰余堂》,橘紅色在中國風格的網站中應用並不多,很新穎。

茶色

茶色具有古色古香的秦風唐韻,因而成為中國風格網頁設計中最重要的顏色之一。茶色很多情況下被用作網頁的主色調。不同明度的茶色調和,茶色與朱砂紅、黑色的搭配都是設計師慣用的手法。

《楊柳青:中國木版年畫之鄉》,不同明度的茶色調和。

《同裡古鎮》,色彩柔和雅致,紅色點綴恰到好處。

《平門府》,古色古香的顏色。

黑白灰

如果想演繹出濃濃的水墨風情,那黑白灰的配色方案是個不錯的選擇。國畫少不了一個紅色的印章,同樣水墨風格的網頁中加以紅色點綴,會起到畫龍點睛的作用,使頁面變得鮮活、靈動。作為中性的配色,如果想把中國風格演繹的時尚一些,黑白灰也是不錯的選擇。

《台灣故宮博物院》,黑白灰簡潔大氣。

《和堂》,清新淡雅的畫面色彩。

《源》,中式服裝網站,黑白灰色調,簡潔的中式風格。

《愛蓮說》,黑白灰對比,有較強的視覺沖擊力,完美結合墨跡效果。

《譚木匠》,采用淡灰色的漸變,把中式風格與時尚感完美融合。

青花藍

青花瓷是瓷中極品,其精致淡雅,超凡脫俗,是非常獨特的中國傳統文化元素。藍白相間的配色極其簡單,卻難以駕馭,因此在網頁設計中並不多見。用之,往往能別出心裁,自成一格。

其它顏色

除了以上色彩,代表至高無上的黃色、富貴華麗的紫色等,也能傳達一些傳統觀念,可以適當選擇使用。

《吉祥齋》,紫色與中國畫元素在中式網頁中的應用。

《桃源居》,黃色有時也會被大篇幅應用於中國風格網頁設計中。

3、元素。

選擇特別的元素加以應用,能更好的烘托氣氛、點綴主題。

直線

簡單的直線勾勒,是中國風格網頁設計中常用的元素之一。如豎排文字的行分隔線,就是別具中國特色的修飾方法。

copyright © 萬盛學電腦網 all rights reserved