淺談中國元素在當代網頁設計中的應用

2020-12-12 藝術中國

[內容摘要] 網絡在當代社會越來越得到廣泛的應用,同時逐漸走向成熟和完善。網站不僅傳遞著 各種各樣的視覺信息,而且充分體現出本國特色,堪稱一個國家或者企業的名片。中華民族傳統 文化源遠流長、博大精深,是我國人民智慧的結晶。我們應當把中國元素融入網頁設計,繼承傳 統而不拘泥傳統,建立適合當今中國發展的網站表現形式。如何推陳出新地汲取中國元素並恰當應 用於網頁設計,形成既顯國際化又不失中國本土化的網頁作品,是本文所要論述的內容。

[關鍵詞] 中國元素本土化 網頁設計 運用

魯迅先生在《且介亭雜文集》中說過,「只有民族的, 才是世界的」。這句話今天講來同樣適用於網頁設計。近幾年,隨著時代科技的發展,網頁設計作為讀物的裝幀設計和 計算機網絡技術相交叉的新型設計形式,越來越受到人們的關注,它以快捷便利的方式將各種信息傳遞給網絡終端,使更多的網絡用戶能夠瀏覽到又及時又豐富的網頁內容。這使當今網絡宣傳較之其他宣傳方式具有無可比擬的優越性, 因而在網頁設計中如何體現民族特色、如何使中國文化在世界藝術之林展現其獨特魅力,成為我們今天需要深入探討的 課題。

在網頁設計中,能夠充分展現這種獨特魅力的正是中國元素。中國元素是一個象徵,她代表了中華民族的精神,她提煉出中國文化的精萃;她在源遠流長的歷史長河中積澱而成,她從上下五千年的文明演進中信步走來......

在網際網路這個世界共通的信息大平臺上,中國的網頁應 當凸顯中國元素,呈現中國特色,因為中國文化在世界文化 中獨樹一幟。不同國家、不同地域、不同民族的人們在不同 的歷史時期所創造的文化各具特色,只有將其交相輝映,才能使得世界更加絢麗多彩。

一、中國元素含義的界定

中國元素是廣大人民群眾從生活實踐中摸索總結出來的 具有中國特質的文化成果,這其中既包括有形的圖形符號, 也包括無形的精神內涵。因為中國傳統思想的深遠影響,當 前我國的網頁設計也呈現出中國傳統文化的包容性、和諧性與多樣性。在此基礎上,具有中國特色的網頁設計就更要注 意掌握好「度」:既要體現中國文化兼收並蓄的傳統思想, 又要防止一味模仿他人而失去自我。

二、中國元素在網頁中的體現及應用

隨著科技的發展,中國元素越來越多地以科技為媒介 傳達著我們的傳統文化和思想理念。在網頁設計中,電腦合 成、數碼攝影等現代高科技的手段層出不窮,使得中國元素 以嶄新的面貌出現,為當代設計開創了良好的發展契機,給受眾帶來了新的視覺效果。

中國元素在網頁設計中的應用主要體現在以下幾個方面。

1. 圖像

圖像直觀而形象地表達含義,能夠展現出無盡的想像空間;因為圖像是全世界通用的「語言」,所以幾乎不需要任何文字的注釋,可以廣泛地應用於各設計領域,是設計者與世界對話的最普遍的表現形式。在構成網頁設計的諸多要素中,圖像是引導視覺走向、形成設計風格的要素,是形成網頁設計本土化的關鍵;而中國元素在網頁中的應用正是體現網頁設計的本土化。

網頁中的圖像有著強有力的誘導作用,直接訴諸視覺, 能夠鮮明地體現出該網站的特色。網頁設計中的中國元素, 區別於歐美地區網站圖像符號化的簡約直觀,區別於東亞發 達國家(如日、韓)網站圖像的細膩唯美,從而形成具有中國特色的網頁圖像。在網頁圖像中,我們可以加入代表中國元素的各種紋樣:如原始社會的魚紋、蛙紋、折線紋,如夏商時期的饕餮紋,如春秋戰國時期的蟠螭紋,還有唐代的卷 草紋樣;或是加入具備文化特徵的各種圖案:如書法、水畫、硃砂印章,如絲綢的織錦圖案,如象徵竹簡的圖形,如代表圖騰的造型,還有十二生肖的臉譜和形態;這些都可以成為網頁的表現元素。

散發著濃鬱的中國韻味的圖形承載著博大精深的文化底蘊,能使頁面產生豐富的視覺效果。例如大型購物網站「東 方印象」,將網站定位「經典中國元素,現代時尚表達」, 在網頁上運用流行於商周古器的夔龍紋作為標誌主體,根據網站內容亦恰當使用青花瓷、紅蓋頭、剪紙等民間藝術素材進行點綴。該網站2011年創建於中國上海,經過幾年努力,「東方印象」憑藉中國元素的鮮明特徵和高品質、高品位的 定位,迅速成為國內享有盛譽、值得信賴的電子商務平臺。

2. 文字

文字是信息的主要載體和表達手段;而中國漢字的特有 形狀標榜著中華民族的文化特徵,並且具有一定的思維嚮導 和圖形表意的作用,是網站構成的基礎。在網頁設計中,也 許有人會忽略文字排版的重要性;然而實際上,網站內容比 重最大的還是文字信息。網頁中除大段正文外,其他如網站 標題、導航信息、文字連結、圖片說明等內容仍然離不開 文字。

中國、古埃及、古巴比倫、古印度被稱為世界四大文明 古國;但其中只有中國的文字從來沒有停止使用,不斷演進 完善,直到今天。溯源文字發展,我們的文字歷經甲骨文、 金文、大篆、小篆、隸書、楷書、行書、草書等形式,最終 在象形符號的基礎上形成現在通行神州大地的方塊字,至今 仍保持著旺盛的生命力。「悟空堂陶社」網站正是運用中國 象形字特徵將「悟空堂」三個字做成韻味十足的標誌,把我 們帶進了返璞歸真的意境;還能看到,網站對字體的選用、 字號的大小這些細節無不匠心獨具,無一處不流露出中國網 站努力本土化的精心安排。

現在,國內網站的網頁上的文字內容通常採用12pt或 14pt這樣以偶數的字號級別決定字的大小,這樣版面上多行 文字的邊緣上不易產生鋸齒狀;同時調大行距,以改變以前 中文網頁上頁面顯得很擠的現象,合理調節文字版面中的間 隔和節奏;最終摒棄歐美網站為了單純追求版式美觀而將字 號設定過小從而影響文字信息可讀性的做法。

 3. 頁面

網頁的設計當然要考慮界面布局的形式,這就是經過人 為改造的美化。中國傳統觀念追求圓滿、和諧,寓意團團圓 圓、和和美美,因此許多網站的頁面設計會刻意強調這種 理念。

首先,在網頁的界面設計中採用完全對稱或十分工整的布局,使網頁中各種視覺元素都擁有相應的位置或空間, 以體現具有代表性的中國人的精神訴求,給瀏覽者一種均衡 的美感。其次,頁面布局中採用現代設計的手法,大面積留 白,提取主要信息放在重要位置上,適當減少首頁的內容承 載率,做到重點突出,給瀏覽者一種舒緩的美感。再有,在 網頁的界面設計中借鑑中國畫散點透視、計白當黑的經營方 法,給人無限的遐想空間,從而使整個頁面產生一定的意境 和韻致,達到「形有盡而意無窮」的效果,給瀏覽者一種朦 朧的美感。

4. 色彩

色彩是藝術設計中重要的視覺元素,上佳的色彩搭配 能夠形成強烈的視覺衝擊力和藝術感染力,給人留下深刻印象。設計中的色彩涉及各種設計元素,不可或缺,網頁設計中的色彩搭配擔負著吸引瀏覽者有興趣在此駐足並繼續深入了解和閱讀該網頁內容的重要任務。

東方傳統色彩具有神秘、含蓄的特點,其中蘊涵著悠久的歷史文明,寄託著古老民族對美好生活的嚮往,吸引著世 界各國人民的目光。

中國傳統色彩是現代色彩設計的寶貴資源,作為中國元素在國內的網頁設計中應有充分體現。中國傳統色彩中的青、赤、黑、白、黃分別代表了中國傳統文化中的東、南、西、北、中這五方和金、木、水、 火、土這五行,中國的色彩理念與自然、宇宙、倫理、哲學 等多種觀念揉合在一起,形成獨具特色的中國色彩文化。中國歷史上最早使用並且得到廣泛運用的是黑、白二色以及不 同層次的赤色。赤色就是我們現在通常所稱的紅色,是中華民族最喜歡使用的顏色,富有多種含義,有一個非常貼切的 名稱——「中國紅」。「百科數字博物館」網站就是運用不 同純度的紅色作為網站的基本色調來體現中國數字博物館深 厚的歷史積澱和文化底蘊。

5. 風格

網站頁面的設計風格將體現網站的整體定位。能否令瀏 覽者在打開頁面的瞬間願意繼續瀏覽下去,所謂風格定位就 是要在最短的時間內抓住瀏覽者的眼球。與瀏覽者迅速達成 共鳴,就是營造中國網站本土化氛圍的主旨。

因此,無論從文字排列上還是在圖像布局上,網頁設 計者都需要認真地深入地細緻地進行思考,細緻到決定用幾 行字——多一行字或少一行字,頁面效果就會不一樣。設計 者應當將每一個字都看作是一個跳動的音符,將它們組合成 優美的旋律。由於網頁設計者的習慣、修養以及各種因素的 作用,各自的風格及體現的方式大相逕庭,無論是簡約嚴謹 的現代主義風格,還是新奇豔麗的裝飾化風格,都會通過以 上各種元素體現自己的風格。比如歐美的網頁設計是簡約風 格,日韓的網頁設計是唯美風格;以此類推,中國的網頁設 計就應當是能夠體現五千年文明、呈現中國文化底蘊的厚重 風格,這正是網頁設計者進行本土化設計所追求的。

6. 動畫

在網站的頁面上設置動畫,本應是用來活躍網站氣氛、有助於網站運作和發展的有效手段;但為了博得受眾眼球, 許多網站只是單純展現動畫的 「酷」和「炫」,而忽略了 頁面所要表現的主要內容;有的網站更是讓呈現動態的浮動廣告漫天飛舞,「炫」得人們眼花繚亂。如此的動畫實際上 已經成為網頁的幹擾,對於網頁的內容宣傳恰恰起了相反的 作用。應當說,漫天飛舞的廣告已經不是中國網頁的特色, 只有恰當地使用動畫才能夠達到事半功倍的效果。

在動畫的製作中適當運用帶有濃厚中國韻味的圖片,可以凸顯中國特色,增強整個網站的本土特徵。天津東湃網絡 科技發展有限公司的形象推廣網站「東湃演義」正是運用了 中國古典小說《三國演義》中「桃園三結義」的典故進行製作的:設計者運用水墨元素和傳統色彩中的黑色和紅色塑造 了三個人物形象和一條血路,人物從遠處衝殺出來,定格在 「東湃演義」網站的頁面上,整個畫面動感十足。頁面的形 象喻示著該公司產品、運作方案和經營理念,具有濃鬱的中 國特色。

三、在網站建設中如何使用中國元素

如果中國的網頁設計總是追隨歐美或日韓的設計風格及特點,那麼發展的空間就會越來越窄,永遠只是一個追隨者,沒有自己的個性,不會給人留下深刻印象;缺乏本土化的設計只能跟在市場後面被動發展,永遠不可能引領潮流、 佔據市場。我國的網頁設計在提倡民族特色的同時,不能只是將中國元素進行簡單的羅列,而是應當兼容並舉,繼承傳統,著眼當代,吸納優秀的網頁設計方法,將其應用到實際 的網頁設計作品當中。

不論是華夏文化的形成、兩漢文化的發展,還是到唐代的繁榮、宋代的風雅,中國的文化傳統有著不同地域、不同 民族、不同年代的精神內涵。隨著時光的推移,這種精神內涵是慢慢推進的;隨著社會的發展,整個中華民族的文化底蘊不斷產生新的內涵,給予古老的中國文化以新鮮的養分。在網頁設計上,我們應當「立足中華,面向世界」,既要尊 重本民族藝術的獨特魅力,又要與當代精神相匹配,把中國元素融進時代訴求,使中國的網頁設計走在時尚而美麗的時代前沿。

著名設計大師喬治·亞羅提出「設計的內涵就是文 化」。不同的文化構建不同的設計作品,我們中國的網頁設計就應當彰顯出自己的文化背景,以中國元素的應用體現出 中國網頁設計的時代感。不論造型、色彩、風格、元素,不論歷史的、現代的,民族的、世界的, 傳承的、創新的,都可以在當今的網頁設計中碰撞、融匯,譜寫出新的篇章。

(王萍/山東青年政治學院設計藝術學院)

 

相關焦點

  • 水墨元素在當代平面設計中設計思維的藝術價值
    所謂設計思維的創新就是要運用視覺傳達原理,將傳統的圖案設計思維轉變為圖形設計思維。在現代平面設計中,人們更看重的是圖形所承載的信息量及表達信息的準確性,重視視覺語言的研究。中國的平面設計從表現觀念到手法都與歐美、日本等國家有一定差距,具體來講中國平面設計對視覺語言的重視還不夠。
  • 淺談:傳統文化符號在現代包裝設計中的應用
    尤其是在經濟全球化對環境中的文化全球化趨勢下,包裝設計在尋找屬於自己民族的傳統文化符號,將傳統文化符號融入到現代設計中,創造自己的品牌特點,提高市場佔有率,已成為包裝設計的發展趨勢,因此將傳統文化符號在現代包裝設計中的應用進行探討。
  • 網頁設計中的「點、線、面」
    怎樣的網頁設計才稱得上是優秀?想必很多人都和我有同樣的疑問。個人認為所謂優秀的網頁設計就是能以合理的功能布局、賞心悅目的顏色(圖片)搭配傳遞出設計想法的網頁設計。其實這些就是我今天要和諸位探討的內容——網頁設計中的「點、線、面」——平面構成在網頁設計中的運用。點、線、面?平面構成?網頁設計?我們首先要明確:一個網頁作品的基礎並不是那些不理想的素材,也不是那些斑斕的顏色,而是基礎的幾何圖形。
  • 重慶酒店裝修設計中運用吊腳樓元素
    隨著國內旅遊發展的日益繁盛,許多地區的文化交流已經日漸興盛,其中重慶作為我國為數不多的直轄市,其中的地域文化設計一定是有其特點的。吊腳樓是重慶的地域建築特色,中國傳統建築的生態美在它身上體現得淋漓盡致。將這一建築形式融入在本地酒店設計之中,不僅能滿足人們親近自然的願望,也能減少資源的浪費,這是這是當代發展的趨勢。
  • 響應式網頁設計與應用
    JS文件中插入一個基本元素,允許頁面將圖像重新定向,當頁面加載時只是加載適合屏幕解析度的圖片,而其他圖像不會被下載。尤其是帶有大量圖片的網站,這種技術可以節省很大的帶寬和加載時間。顯示或隱藏內容通過前文的學習,我們已經了解到,對於響應式Web設計,同比例縮減元素尺寸以及調整頁面結構布局,是兩個重要的方式方法。但是對於頁面中的文字內 容信息來說,則不能簡單的只從」同比縮小」和」調整布局結構」這兩方面去處理。
  • 進口乾貨:網頁設計中柵格的應用(中英文)
    柵格組成了一個基本結構,這個結構可以被理解成設計的「骨架」。 通過輔助線條來編排和放置設計中的各個設計元素。 這樣做可以使設計稿有體系地聯繫在一起,同時也保持設計的一致性與合理性。BBCGrids help you to achieve effective alignment and consistency with little effort.
  • 如何在現代設計中體現出中國元素?
    而國內的一些人也只是將幾類傳統中國元素拼貼到作品中,使得自己的設計變得不倫不類,便出現了題主所說的現象,其中很具代表性的某些品牌經典「中國限量」:而現在,國際上流行的中國風更多是新中式風格,成為了最受歡迎的設計風格之一,與古代的傳統中國風格不同的是,新中式風巧妙的把中國元素和現代設計結合在一起。
  • 華採堂:傳統文化在現代建築設計中的傳承及應用形式
    為此,筆者特地採訪到了國內一線文旅規劃設計機構華採堂,他們不僅在古建設計、古建築設計、古鎮設計等方面有著豐富的文旅規劃和建築設計經驗,在度假酒店設計、商業空間設計、室內設計等方面的規劃設計也絲毫不落人後。與他們的交流與探討,讓筆者收穫頗豐,這裡將傳統文化在當代建築設計中的傳承與應用方式稍作整理,與大家一起分享。
  • 東航M網站在UC網頁及百度網頁推出應用
    民航資源網2013年11月6日消息:近日,東航M網站完成了與UC網頁應用及百度網頁應用的合作,並在上面成功推出應用,擴大了M網站入口,拓寬了直銷渠道。由於移動網際網路市場從原先的Native app(客戶端應用)逐步轉移到Web App(瀏覽器應用),眾多平臺紛紛提供了Web app的入口,東航M網站也適時借力發力,分別與UC網頁應用及百度網頁應用進行了合作,拓寬了東航M網站的入口。
  • 藝術設計:淺談借景藝術在當今設計中的應用與發展
    一、借景概述借景是中國造園的傳統藝術手法,它在造園設計中佔有特殊重要的地位。借景手法的目的是把各種在形、聲、香上能增添藝術情趣、豐富畫面構圖的外界因素「借」到園內視景範圍中來,使景色更具特色和變化。在中國傳統園林中,我們崇尚的是自然。「自然者為上品之上」,「外師造化,中得心源」,是中國造園藝術的基本信條。中國園林為了做到「雖由人作,宛自天開」的意境,特別注意運用借景的藝術手法。借景作為一種理論概念提出來,則始見於明末著名造園家計成所著《園冶》一書。
  • CRYSTALLIZED™–施華洛世奇元素攜手"100%設計"
    這是中國首個以當代室內設計為題的國際性展覽。秉承一貫發掘及支持優秀設計人才的傳統,CRYSTALLIZED™ – 施華洛世奇元素 與展覽的兩大創意總監,紐約設計界作家Aric Chen和身兼藝術家及設計師的Tobias Wong緊密合作。
  • 淺談PCB設計中的基爾霍夫交界定律
    打開APP 淺談PCB設計中的基爾霍夫交界定律 上海韜放電子 發表於 2020-12-15 17:00:09 在實際應用中,電子電路更加複雜。一根導體將分裂成多個分支,然後沿路徑分裂成更多的跡線。但是,這些子電路最終在電源處合併為一個。 基爾霍夫的結定律與導體分支成多條路徑或不同路徑合併時電流的行為有關。路徑分離或合併的點稱為「節點」。
  • 斯德哥爾摩舉行當代中瑞書籍設計藝術展
    9月18日,在瑞典首都斯德哥爾摩,觀眾參觀當代中瑞書籍設計藝術展。新華社發(魏學超攝)  新華社斯德哥爾摩9月19日電(記者付一鳴)「華彩書香—當代中瑞書籍設計藝術展」18日在瑞典首都斯德哥爾摩市中心的中國文化中心開幕。展覽旨在為當地社會了解中國優秀圖書設計和優秀設計師提供平臺,並為中瑞兩國在該領域的交流合作創造機遇。
  • 2017年不容錯過的8大網頁設計趨勢
    那麼我們可以期待一下,接下來的一年中會出現更多實用性更強的導航設計。不防先來看幾種目前優秀網頁設計中用到的幾種菜單設計方式:▼ 相框式菜單欄組合網頁上部、左右,以及向下滾動,形成一個獨特的相框式菜單。▼ 乾脆不要菜單!
  • 淺談5G通信系統中毫米波的天線設計
    打開APP 淺談5G通信系統中毫米波的天線設計 電子元件技術網 發表於 2020-03-20 16:49:24 但這存在幾個問題,因為是空氣波導,尺寸非常大,而且無法和其它電路集成,所以比較適合高功率、大體積的應用場景;另一個是微帶線技術,它可以大規模生產,但它本身作為傳輸介質的損耗很大,而且很難構成大規模天線陣列。
  • 用谷歌遊覽器審查元素提取網頁中的圖片
    想必有時候大家在逛到某些網站的時候看到了一張圖片自己很是喜歡但由於技術原因滑鼠右鍵被鎖或者是右鍵中沒有提供文件另存為的選項而煩惱吧!當然解決這個問題的辦法有很多種我就不一一細數了簡單的介紹一下使用谷歌遊覽器提取網頁中照片的方法。
  • 斯德哥爾摩中國文化中心舉辦-華彩書香—當代中瑞書籍設計藝術展
    唯有書香最醉人——斯德哥爾摩中國文化中心舉辦《華彩書香—當代中瑞書籍設計藝術展》中國駐瑞大使桂從友致辭駐瑞使館文化參贊兼斯德哥爾摩中國文化中心陳曉致辭>9月18日,《華彩書香—當代中瑞書籍設計藝術展》在斯德哥爾摩中國文化中心隆重開幕。
  • 旅遊景區入口景觀設計中的色彩元素 建科園林景觀設計
    在旅遊景區景觀設計中,景區入口的色彩是非常重要的,色彩作用於旅遊者的眼球視覺神經細胞組織,不但會產生出對各種類色彩的不同感受,同時還會產生情緒化的心理反應。可以說,旅遊景區的入口是一個關鍵,能給遊客留下深刻的第一印象。下面淺談一下旅遊景區入口景觀設計中,要注意哪些方面的色彩元素。
  • 中國傳統圖案在古今室內外設計中的應用研究
    如今室內設計中的中國傳統圖案的應用更不能被忽視,我們應立足於過去紮根於自身的民族土壤,恢復傳統文化,以中式傳統與現代 科學 技術材料相結合創造出具有中國傳統韻味和時代感的現代室內設計風格。 傳統圖案是設計的基礎,二者一脈相承,同宗同源」。 傳統圖案在現代設計中,不僅應該得到保留和繼承,還要與現代設計理念和現代設計方方法相結合,也只有在現代設計應用中才能更好的繼承和發展中國傳統圖案,並賦予傳統圖案新的生命力從而創造出全新的設計形式。
  • 淮北餐飲行業VI全案設計-餐飲管理公司VI應用網頁設計-門店形象升級
    淮北餐飲行業VI全案設計-餐飲管理公司VI應用網頁設計-門店形象升級 創意總監:Muggie Ramadani 設計師:Muggie Ramadani, Nicolas Fuhr 設計公司:Bold Scandinavia藝術指導:Muggie Ramadani創意總監:Muggie Ramadani設計師:Muggie Ramadani, Nicolas Fuhr