網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析

[摘 要]通過以唐代服裝為切入點(diǎn)的職業(yè)教育網(wǎng)站網(wǎng)頁設(shè)計(jì)中的視覺審美要求和其視覺構(gòu)成要素（圖片、文字）進(jìn)行分析，結(jié)合人機(jī)交互操作中的重要視覺習(xí)慣，探索以傳統(tǒng)文化問切入點(diǎn)的網(wǎng)站設(shè)計(jì)中的如何更有效的傳遞視覺信息和表現(xiàn)合理的網(wǎng)絡(luò)信息內(nèi)容。

[關(guān)鍵詞]網(wǎng)頁設(shè)計(jì)； 構(gòu)成要素；唐代服飾

[中圖分類號]J524.3 [文獻(xiàn)標(biāo)識碼] A [文章編號] 1009 — 2234（2014）08 — 0065 — 02

引言

信息大爆炸時代，人類社會的進(jìn)步正在以飛速的腳步進(jìn)行科技的革新，世界范圍內(nèi)對互聯(lián)網(wǎng)也在進(jìn)行著越來越深刻的革命?；ヂ?lián)網(wǎng)代表著傳統(tǒng)信息傳遞的一種改變，整個包容了信息、經(jīng)濟(jì)、地域、文化等等，它使信息無論從傳遞的速度還是傳遞的質(zhì)量和效率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)的世界由萬千網(wǎng)站組成，網(wǎng)站又由很多的網(wǎng)頁組成，所以網(wǎng)頁的構(gòu)成是互聯(lián)網(wǎng)系統(tǒng)的構(gòu)成基本元素。以唐代傳統(tǒng)服裝職業(yè)教育網(wǎng)站的開發(fā)為切入點(diǎn)進(jìn)行設(shè)計(jì)，首先是其網(wǎng)頁設(shè)計(jì)具有中國傳統(tǒng)文化的傳承與數(shù)字化保存的整體開發(fā)和研究。在設(shè)計(jì)頁面時主要內(nèi)容包括中國唐代服裝文化歷史及特征、文化原形進(jìn)行數(shù)字化保存的必要性和重要性、“web”基礎(chǔ)教育的特性以及相關(guān)唐代傳統(tǒng)服裝教育網(wǎng)站開發(fā)的設(shè)計(jì)意圖和構(gòu)想等，伴隨著網(wǎng)絡(luò)個性化學(xué)習(xí)時代的到來，中國傳統(tǒng)服裝文化及其他文化形式的教學(xué)必然向著數(shù)字化、網(wǎng)絡(luò)化的形式發(fā)展，利用先進(jìn)的信息技術(shù)與平臺，能夠更好保護(hù)與傳播傳統(tǒng)文化。

良好的信息互聯(lián)網(wǎng)平臺要求我們在版面的編排上有所講究，除此之外，大部分的現(xiàn)在社會所見的傳統(tǒng)文化的網(wǎng)站在其界面設(shè)計(jì)、網(wǎng)頁美工等方面還有所欠缺，這些正是因?yàn)樵谛畔⒋蟊〞r代多帶來的設(shè)計(jì)工作者的契機(jī)，在網(wǎng)頁設(shè)計(jì)的視覺領(lǐng)域提高自身的欣賞能力，完善網(wǎng)絡(luò)本身的特征，為網(wǎng)絡(luò)用戶群體提供更優(yōu)質(zhì)的網(wǎng)絡(luò)傳媒。

1 網(wǎng)頁設(shè)計(jì)中的視覺操作流程

我們要了解網(wǎng)頁的設(shè)計(jì)本身是為客戶群體進(jìn)行的視覺引導(dǎo)功能，網(wǎng)頁是通過視覺來完成這一設(shè)計(jì)要素的，為了使網(wǎng)頁能夠在有限的網(wǎng)絡(luò)空間獲取最大的視覺傳達(dá)信息，更多的設(shè)計(jì)融入到了現(xiàn)代網(wǎng)頁設(shè)計(jì)的視覺操作中，例如flash網(wǎng)頁，以及運(yùn)用視覺心理和圖形構(gòu)成元素之間的關(guān)系等等，這些都是從根本上解決網(wǎng)頁設(shè)計(jì)的點(diǎn)線面的構(gòu)成，從而完成網(wǎng)頁設(shè)計(jì)中的視覺元素的流程操作問題。

網(wǎng)頁的視覺流程的形成是由人的視覺體統(tǒng)特性，因?yàn)檠劬Φ木铙w生理結(jié)構(gòu)，只能有一個焦點(diǎn)，所以我們不能把視線同時停留在兩處或者兩處以上的位置上，因此我們也應(yīng)該知道用戶在閱讀信息的時候，視覺自然的會形成一定的自然流動的觀察線條，也就是說先看什么后看什么的問題。知道了這些我們在設(shè)計(jì)網(wǎng)頁的時候就要有一定的視覺線條，像是有一根線條在里面，穿梭起所有的信息，也就是要使得整個版面的整體感覺無論是主旋律還是運(yùn)動趨勢都是有相關(guān)的運(yùn)動主要內(nèi)容在里面。很多心理學(xué)家也一致認(rèn)為在一個平面上，在上面的部分給人的感受是輕松和自在的，位置處在下半部分給人的感受是穩(wěn)重和壓抑的。這樣計(jì)算結(jié)果就是網(wǎng)頁中的平面上，上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方?？梢詫⒁恍┲匾男畔才藕驮O(shè)計(jì)在這些位置。當(dāng)然視覺流程是一種心里學(xué)家研究出的大部分人群的共同感受，這種感受也并非精準(zhǔn)的儀器、公式，其實(shí)只要能夠符合人們在認(rèn)識的過程中的心里順序和信息發(fā)展思維順序，符合事物的邏輯性，那么其就能夠更加的靈活運(yùn)用。設(shè)計(jì)出更為個性的網(wǎng)頁。合理的視覺流程以及最佳的設(shè)計(jì)視域，組織自然流暢的視覺引導(dǎo)，直接影響著設(shè)計(jì)的最終效果。

2 網(wǎng)頁設(shè)計(jì)中的審美需求

網(wǎng)頁設(shè)計(jì)是新興的設(shè)計(jì)門類、網(wǎng)絡(luò)設(shè)計(jì)和互聯(lián)網(wǎng)交叉的學(xué)科，網(wǎng)絡(luò)時代將是未來相當(dāng)長一段時間的世界發(fā)展大趨勢，也一直備受矚目，她本身具有網(wǎng)絡(luò)特性的載體意識形態(tài)，把各種信息快捷方便的傳遞給用戶群體。傳達(dá)信息是首要的標(biāo)準(zhǔn)，那么在完成這個要求下人們不斷的對美的追求也就有所加強(qiáng)，網(wǎng)頁設(shè)計(jì)只單單的完成其傳達(dá)信息這一要求是遠(yuǎn)遠(yuǎn)不夠的，人們對于美的追求不斷加深的同時就要求將各種信息如何更好的表現(xiàn)出來，要考慮受眾群體如何清晰的準(zhǔn)確的確認(rèn)好網(wǎng)頁設(shè)計(jì)內(nèi)容，優(yōu)秀的設(shè)計(jì)能夠給人以愉悅感，接受信息也就更加的容易些。網(wǎng)頁的審美設(shè)計(jì)首先不能夠是單純的將各種東西放上去，只是完成能看的要求對于當(dāng)下的網(wǎng)頁設(shè)計(jì)是遠(yuǎn)遠(yuǎn)不夠的，要能夠考慮到如何使受眾用戶瀏覽能夠愉悅和容易的接受信息。而且網(wǎng)頁設(shè)計(jì)的審美要求其實(shí)是對傳統(tǒng)美術(shù)中的一種繼承和使用上的延伸。是相互一致的，把傳統(tǒng)平面設(shè)計(jì)中的構(gòu)圖要素以及圖形規(guī)律運(yùn)用到現(xiàn)代網(wǎng)頁設(shè)計(jì)中的具體問題的解決當(dāng)中去，能夠增加網(wǎng)頁設(shè)計(jì)的形式美感和構(gòu)成美感以及大眾的視覺審美需求。

3 以唐代服裝職業(yè)教育網(wǎng)站的設(shè)計(jì)構(gòu)成要素分析

網(wǎng)站的設(shè)計(jì)起源是源于唐朝，中國的唐朝是一個強(qiáng)盛的朝代，對周邊國家及整個亞洲地區(qū)的政治經(jīng)濟(jì)和文化發(fā)展都產(chǎn)生深遠(yuǎn)的影響。唐代政治長期穩(wěn)定，對外貿(mào)易發(fā)達(dá)，在經(jīng)歷了近三百年的和平發(fā)展后，唐代的社會生產(chǎn)力得到了極大的發(fā)展，國力強(qiáng)盛，文化藝術(shù)繁榮昌盛。影響唐代服裝的因素有人們的勞動成果、物質(zhì)文明的發(fā)展程度、傳統(tǒng)服裝樣式、人們長期以來形成的生活習(xí)俗、審美情趣、色彩愛好、文化心態(tài)、社會風(fēng)尚等等，反之，服裝以及圍繞服裝產(chǎn)生的文化又反過來影響了社會的政治、經(jīng)濟(jì)、科學(xué)、文化、教育、禮儀、倫理等社會規(guī)范，這些影響也持續(xù)存在于我們現(xiàn)代的生活中，目前我國在傳統(tǒng)文化遺產(chǎn)的利用，基于唐服的數(shù)字化繼承與開發(fā)方面尚處于初級階段，有待于利用數(shù)字化手段對教育網(wǎng)站的功能加以保護(hù)、利用、開發(fā)。

在以唐代服裝職業(yè)教育網(wǎng)站的視覺傳達(dá)分析上，對其網(wǎng)頁構(gòu)成要素進(jìn)行分析。

3.1 網(wǎng)頁色彩設(shè)計(jì)分析

唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計(jì)首先要將唐代服飾的主要設(shè)計(jì)色彩提取，唐代作為中國鼎盛時期的封建王朝，其經(jīng)濟(jì)繁榮，文化昌盛，服飾衣式都呈現(xiàn)出前所未有的華麗和燦爛，唐代的服飾文化對于當(dāng)時的歷史來講也是有所繼承和發(fā)揚(yáng)的，堅(jiān)持著對傳統(tǒng)服飾色彩文化的“鮮明”特色，在色彩上采用單一為了突出，色彩上大氣而又豪放，具有泱泱大國的豪情和色彩情調(diào)的吉祥喜慶，積極健康向上，整體上體現(xiàn)了唐代禮儀之邦的風(fēng)度。唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計(jì)在色彩上體現(xiàn)了色彩形式的艷麗明快，給人以賞心悅目之感，同時也不落入俗套，設(shè)計(jì)特點(diǎn)也是鮮明而且奔放〔1〕。

網(wǎng)頁設(shè)計(jì)就像藝術(shù)品一樣，因?yàn)槠淦矫嫔系纳蕦Ρ刃路f、整潔，運(yùn)用唐代服飾色彩的明快對比增加網(wǎng)頁的整體強(qiáng)烈視覺效果，使頁面更加生動。而且，用戶在使用網(wǎng)頁時，留下的第一深刻印象就是頁面的色彩設(shè)計(jì)，其色彩設(shè)計(jì)的好壞直接影響受眾群體的觀賞使用興趣。因此，色彩設(shè)計(jì)的安排在設(shè)計(jì)網(wǎng)頁的過程中占有極其重要的位置。對于網(wǎng)頁設(shè)計(jì)上色彩使用把握幾個方法：首先是主色調(diào)的明快，符合唐代服飾的整體色彩風(fēng)格；前層色彩明快，背景設(shè)計(jì)就用比較淡雅的顏色，例如：淡灰色、淺黃色、淡藍(lán)色等等。淺色為底，使受眾群體感受到的是柔和、素淡。配上明快的唐代服飾色彩圖案形成配色統(tǒng)一。忌諱喧賓奪主，唐代服飾的明快色彩應(yīng)該成為網(wǎng)站有活力的代表，而不應(yīng)該成為雜亂無章的網(wǎng)頁整體感覺。少量的有代表性的唐代服飾元素用以突出強(qiáng)烈的視覺突出和強(qiáng)調(diào)，但是要合理使用，形成色彩結(jié)構(gòu)，有條不紊。駐足在唐代衣妝盛世里的五彩斑斕仍然無法逃脫追求“和諧”有余， 將其色彩斑斕的世界帶到全新的網(wǎng)絡(luò)時代。

3.2 網(wǎng)頁文字的編輯設(shè)計(jì)

網(wǎng)頁作為互聯(lián)網(wǎng)信息平臺的構(gòu)成要素，其信息性是網(wǎng)站建立的初衷，文字是網(wǎng)頁中不可缺少的要素，是信息傳遞的主要工具之一，文字的表現(xiàn)力是影響整個頁面設(shè)計(jì)的質(zhì)量的，其中包括字體的設(shè)計(jì)和編排。

唐代傳統(tǒng)服裝教育網(wǎng)站設(shè)計(jì)的文字主要介紹各種唐代資料的信息，而要傳達(dá)各種有效的服飾要素信息，必須考慮對整體網(wǎng)站的文字編排，能夠給人以清晰的視覺印象，避免文字編輯上的相互混亂和頁面整體的雜亂無章，減去不必要的文字裝飾，讓人簡單中去識別網(wǎng)站的文字信息。不能夠?yàn)榱嗽煨腿ルS便編輯文字，忘記了文字的最根本要素就是“傳達(dá)內(nèi)容本身”和“去表達(dá)”。

唐代傳統(tǒng)服裝教育網(wǎng)站的文字編排與設(shè)計(jì)要素就是要服從于信息本身的內(nèi)容特點(diǎn)，也就是要符合唐代服飾文化特點(diǎn)要求，當(dāng)然不能生搬硬套，不能直接將唐代文字直接不加變化的在網(wǎng)站中進(jìn)行使用，文字字體可以借鑒唐代最為盛行的“楷書”字樣，設(shè)計(jì)整體要簡單有序，造型規(guī)范。對內(nèi)容文字安排也要做到層次分明，節(jié)奏明快，蒼勁古樸的意蘊(yùn)、端莊典雅的風(fēng)范或優(yōu)美清新的格調(diào)都要融合在整體網(wǎng)站的文字設(shè)計(jì)中來。文字作為視覺要素中的形象要素之一，除了能夠表達(dá)意思之外，還要能夠傳達(dá)情感的功能，既要美觀，有能將美好的圖示形象傳遞給受眾群體，獲得良好的視覺信息提高網(wǎng)站整體設(shè)計(jì)效果。

3.3 圖片信息編排

唐代傳統(tǒng)服裝教育網(wǎng)站主要是以展示唐代傳統(tǒng)服裝信息為主的網(wǎng)站，主要內(nèi)容是以圖片的形式對網(wǎng)站內(nèi)容進(jìn)行表達(dá)。網(wǎng)站是以圖文并茂地形式對網(wǎng)站內(nèi)容進(jìn)行構(gòu)架的，因?yàn)榫W(wǎng)站的表達(dá)內(nèi)容比較特殊，其網(wǎng)站表達(dá)的方式是以圖片信息表達(dá)更為直觀，因此在圖片信息的編排上要有所安排。從純文字的網(wǎng)絡(luò)信息上脫離，更為簡潔明快的運(yùn)用圖片信息進(jìn)行表達(dá)。

網(wǎng)站對圖片的要求要求質(zhì)量不能過高，這樣會影響網(wǎng)站整體運(yùn)行速度，還因?yàn)轱@示器的最小分辨率會形象圖片的現(xiàn)實(shí)效果，即使是圖片的分辨率很好，但是由于其最小分辨率的影響，我們的肉眼是無法分辨的，但是唐代傳統(tǒng)服裝教育網(wǎng)站有時以服飾為主的網(wǎng)站，很多華美的圖片是可以單獨(dú)做出圖片鏈接進(jìn)行單獨(dú)加載，來觀察圖片的華美效果。不需要單獨(dú)打開的圖片一般我們使用的圖片分辨率為72dpi（ dot per inch） 也是大多數(shù)圖片最佳選擇。

4 結(jié)束語

唐代傳統(tǒng)服裝教育網(wǎng)站作為網(wǎng)站形式進(jìn)行視覺表達(dá)，其網(wǎng)站的視覺傳達(dá)兼容了平面設(shè)計(jì)的基本特征，又具有不其平面設(shè)計(jì)所不具有的優(yōu)勢，成為盡頭信息交流平臺上的重要途徑。網(wǎng)頁設(shè)計(jì)是一個比較綜合的設(shè)計(jì)學(xué)科，廣泛的領(lǐng)用了心里學(xué)、視覺設(shè)計(jì)美學(xué)、人機(jī)交互等諸多方面的知識的運(yùn)用。在科技發(fā)展的支撐下本文站在視覺傳達(dá)的角度以唐代傳統(tǒng)服裝教育網(wǎng)站為例進(jìn)行了視覺傳達(dá)要素的分析，好的網(wǎng)頁設(shè)計(jì)出了要在前期網(wǎng)站內(nèi)容設(shè)計(jì)上要求精益求精，其次就是要對內(nèi)容有個更為合理的視覺有效安排。簡約、實(shí)用、美觀的唐代傳統(tǒng)服裝教育網(wǎng)站為更多的人服務(wù)，滿足愉悅的視覺使用操作平臺。

〔參 考 文 獻(xiàn)〕

〔1〕 崔丕鑫.唐代服飾色彩與色彩觀念淺析，遼寧絲綢 〔C〕.遼寧柞蠶絲綢科學(xué)研究院，2006：23-24.

〔2〕 何麗萍.基于網(wǎng)頁設(shè)計(jì)的視覺信息傳達(dá)有效性的研究〔M〕.浙江大學(xué)，2006；12-16.

〔3〕 郭安.從韓國網(wǎng)頁設(shè)計(jì)看網(wǎng)頁藝術(shù)設(shè)計(jì)的視覺呈現(xiàn)〔M〕.武漢理工大學(xué)，2008；4-6.

〔4〕 李澤厚.華夏美學(xué).天津：天津社會科學(xué)院出版社， 2004；30-31.

〔責(zé)任編輯：陳玉榮〕