前言:想要寫出一篇令人眼前一亮的文章嗎?我們特意為您整理了5篇平面設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)范文,相信會(huì)為您的寫作帶來幫助,發(fā)現(xiàn)更多的寫作思路和靈感。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);互聯(lián)網(wǎng)絡(luò);信息傳播;平面設(shè)計(jì)教學(xué)
每一個(gè)時(shí)代都有代表性的發(fā)明作為這個(gè)時(shí)代的象征,像第一次工業(yè)革命,蒸汽機(jī)的發(fā)明,使得那時(shí)成為蒸汽時(shí)代;愛迪生發(fā)明了電燈從那時(shí)起進(jìn)入了電的時(shí)代,要說21世紀(jì),我想應(yīng)該是網(wǎng)絡(luò)的時(shí)代,自從互聯(lián)網(wǎng)的出現(xiàn)使“地球村”的概念更加貼切,可以說網(wǎng)絡(luò)拉近了地球上每一個(gè)角落的人?;ヂ?lián)網(wǎng)代表著一種嶄新的信息交流方式,它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟(jì)、地域及文化的阻隔,使信息傳達(dá)的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍?;ヂ?lián)網(wǎng)是由成千上萬的網(wǎng)站組成,而每個(gè)網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成,故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。而網(wǎng)頁設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的平面設(shè)計(jì)新課題,是網(wǎng)頁設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ),依照設(shè)計(jì)目的和要求自覺地對(duì)網(wǎng)頁的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng),必然要成為設(shè)計(jì)藝術(shù)的重要組成部分,并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看,它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法,而實(shí)際上,它不僅是一種技能,更是藝術(shù)與技術(shù)的高度統(tǒng)一。設(shè)計(jì)師如何將網(wǎng)絡(luò)與設(shè)計(jì)、技術(shù)與藝術(shù)完美地結(jié)合,是非常值得我們深思和研討的。
1一騎紅塵妃子笑,誰人知是荔枝來之信息傳播
信息元素可以說是網(wǎng)絡(luò)最基本的元素,互聯(lián)網(wǎng)自始至終都起著一個(gè)信息傳播的做用,也是由此而產(chǎn)生的。自從人類誕生以來,人類社會(huì)至少已經(jīng)經(jīng)歷了四次意義重大的信息傳播革命,每一次信息傳播革命都把人類文明推向一個(gè)新的發(fā)展階段。第一次信息傳播革命是語言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。
最新的一次信息傳播革命,即正在我們身邊發(fā)生的第五次信息傳播革命,是數(shù)字式電子——網(wǎng)絡(luò)傳播的誕生。網(wǎng)絡(luò)媒體的出現(xiàn),使得傳播者與受眾之間的傳統(tǒng)的相互關(guān)系正面臨巨大的變化。人類進(jìn)入了真正的信息時(shí)代。
網(wǎng)頁設(shè)計(jì)以信息傳達(dá)為目的,而傳達(dá)的最終表現(xiàn)界面則永遠(yuǎn)也脫離不了媒體。媒體與網(wǎng)頁設(shè)計(jì)之間的關(guān)系是互動(dòng)的,媒體既體現(xiàn)了設(shè)計(jì),又給設(shè)計(jì)帶來了局限性;設(shè)計(jì)既受制于媒體,又是新媒體產(chǎn)生的動(dòng)力之一。
我們大家所共知的傳媒方式有報(bào)紙、廣播、雜志、電視等等,這些在現(xiàn)代媒體中仍然占主要位置。如果與互聯(lián)系網(wǎng)絡(luò)比較的話,它們這些傳媒方式就顯的相當(dāng)單一。因此它們的先天缺陷也越來越明顯,所以像這種單一的傳達(dá)方式也使設(shè)計(jì)師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺、聽覺、觸覺、嗅覺、味覺等一系列感官的綜合使我們更加全面的去了解其他的事物。為了能使信息傳達(dá)的更全面一些,一直在追求完美的設(shè)計(jì)師也在尋找著一個(gè)嶄新的媒體來表達(dá)完善的設(shè)計(jì)。因此當(dāng)今互聯(lián)網(wǎng)絡(luò)順利的成為新生的、綜合感官的、充滿活力的新媒體,也為設(shè)計(jì)師創(chuàng)造了前所未有的信息傳達(dá)手段與途徑。而且隨著技術(shù)的不斷發(fā)展,它極有可能成為最完善的媒體。這應(yīng)該引起每一個(gè)平面設(shè)計(jì)師的關(guān)注。網(wǎng)絡(luò)的發(fā)展速度和力量是驚人的。
2橫看成嶺側(cè)成峰之視覺效果
可以說網(wǎng)頁是通過視覺元素來進(jìn)行信息傳達(dá)的,這里說的視覺元素包括文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動(dòng)態(tài)影像等。無論是文字、圖形、動(dòng)畫,還是視頻,為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能,網(wǎng)頁設(shè)計(jì)者所要考慮的是如何適應(yīng)人們視覺流向的心理和生理的特點(diǎn)把它們放進(jìn)頁面這個(gè)“大展示窗口”里。由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此,設(shè)計(jì)時(shí)應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
從理論說起,視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜郦?dú)特的結(jié)構(gòu),造成只能產(chǎn)生一個(gè)焦點(diǎn),而不能同時(shí)把視線停留在兩處或兩處以上的地方。這樣就使得人們?cè)陂喿x一種信息時(shí),視覺總有一種自然的流動(dòng)習(xí)慣,先看什么,后看什么,再看什么。視覺流程往往會(huì)體現(xiàn)出比較明顯的方向感,它無形中形成一種脈絡(luò),似乎有一條線、一股氣貫穿其中,使整個(gè)版面的運(yùn)動(dòng)趨勢(shì)有一個(gè)主旋律。心理學(xué)的研究表明,在一個(gè)平面上,上半部讓人輕松和自在,下半部則讓人穩(wěn)定和壓抑。同樣,平面的左半部讓人輕松和自在,右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強(qiáng)于下方,左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優(yōu)選的地方。
所以在網(wǎng)頁設(shè)計(jì)中,重要的信息和標(biāo)題欄通常在這個(gè)位置出現(xiàn)。只要遵循視覺流程和符合人們認(rèn)識(shí)過程的心理順序和思維發(fā)展的邏輯順序就可以更為靈活的運(yùn)用。在網(wǎng)頁設(shè)計(jì)中,靈活而合理地運(yùn)用視覺流程和最佳視域,組織好自然流暢的視覺導(dǎo)向,直接影響到傳播者傳達(dá)信息的準(zhǔn)確與有效性。
3進(jìn)化、發(fā)展之必要
網(wǎng)頁設(shè)計(jì)這門學(xué)科是一門后期新興的設(shè)計(jì)類與網(wǎng)絡(luò)方面交叉的學(xué)科,在最近的幾年也隨著網(wǎng)絡(luò)的發(fā)展越來越受人們的重視,它是以網(wǎng)絡(luò)為載體,把各種各樣不同的信息以最快捷與最方便的模式傳達(dá)給每一位與之相關(guān)的人員,但是單單這種標(biāo)準(zhǔn)是不夠的,人們也對(duì)在觀看各類信息的同時(shí)逐步產(chǎn)生了視視美觀的需求。然而每個(gè)人對(duì)美的追求是不盡相同的,網(wǎng)頁設(shè)計(jì)也是同樣的。因?yàn)橐罅司W(wǎng)頁不光是把各類信息與事物放上去能看就行,這些對(duì)現(xiàn)在的人們已經(jīng)是遠(yuǎn)遠(yuǎn)不夠的了,這時(shí)設(shè)計(jì)師就要考慮如何使受眾能更好更有效率的接收到網(wǎng)頁上的信息。這方面就需要從審美入手了,如何制作出清晰、整體性效果好的頁面。使人們?yōu)g覽起來更方面,心情更舒暢,制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會(huì)更加容易。網(wǎng)頁設(shè)計(jì)的審美需求是對(duì)平面設(shè)計(jì)美學(xué)的一種繼承和延伸。
我們經(jīng)常所說的如變化和統(tǒng)一、條理與反復(fù)、對(duì)比和調(diào)和、均齊與平衡等,對(duì)網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)都是十分有效的視覺規(guī)律。首先,網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序,形式表現(xiàn)必須服從內(nèi)容要求,網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程,能自然而有序地達(dá)到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁上去的時(shí)候,考慮怎樣把它們以合理統(tǒng)一的方式來排布,使整體感加強(qiáng)同時(shí)又有變化。怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構(gòu)成要素中突出一個(gè)清楚的主體,它應(yīng)盡可能地成為閱讀時(shí)視線流動(dòng)的起點(diǎn)。如果沒有這個(gè)主體要素,瀏覽者的視線將會(huì)無所適從,或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。
4千里之行始于足下之構(gòu)成效果
文字作為信息傳達(dá)的主要手段目前也是網(wǎng)頁設(shè)計(jì)的主體,文字是網(wǎng)頁中必不可少的元素,也是網(wǎng)頁中的主要信息描述要素,所以網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積,文字表現(xiàn)的好與壞將影響到整個(gè)網(wǎng)頁的質(zhì)量。網(wǎng)頁文字的
主要功能是傳達(dá)各種信息,而要達(dá)到這種傳達(dá)的有效性,必須考慮文字編輯的整體效果,能給人以清晰的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認(rèn)、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的主題。
網(wǎng)頁文字編排與設(shè)計(jì),重要的一點(diǎn)在于要服從信息內(nèi)容的性質(zhì)及特點(diǎn)的要求,其風(fēng)格要與內(nèi)容特性相吻合,而不是相脫離,更不能相互沖突。如政府網(wǎng)頁其文字具有莊重和規(guī)范的特質(zhì),字體造型規(guī)整而有序,簡(jiǎn)潔而大方;休閑旅游類內(nèi)容網(wǎng)頁,文字編輯應(yīng)具有歡快輕盈的風(fēng)格,字體生動(dòng)活潑,跳躍明快,有鮮明的節(jié)奏感,給人以生機(jī)盎然的感受;有關(guān)歷史文化教育方面的網(wǎng)頁,字體編輯可具有一種蒼勁古樸的意蘊(yùn)、端莊典雅的風(fēng)范或優(yōu)美清新的格調(diào);公司網(wǎng)頁可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點(diǎn),追求某種富于活力的字體編排與設(shè)計(jì);個(gè)人主頁則可結(jié)合個(gè)人的性格特點(diǎn)及追求,別出心裁,給人一種強(qiáng)烈獨(dú)特印象。
在網(wǎng)頁文字的編排與設(shè)計(jì)中,由于計(jì)算機(jī)給我們提供了大量可供選擇的字體,導(dǎo)致字體的變化趨于多樣化這既為網(wǎng)頁編輯提供了方便,同時(shí)也對(duì)編排與設(shè)計(jì)的選擇能力提出了考驗(yàn)。雖然可供選擇的字體很多,但在同一網(wǎng)頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達(dá)中作為頁面的形象要素之一,除了表意以外,還具有傳達(dá)感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應(yīng)。
圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對(duì)象。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網(wǎng)絡(luò)頁面。可以說,要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味,最為簡(jiǎn)捷省力的辦法就是使用圖片。對(duì)于一條信息來說,圖片對(duì)受眾吸引也遠(yuǎn)遠(yuǎn)超過單純的文字。
圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達(dá)。在圖片的選擇和優(yōu)化的同時(shí),應(yīng)考慮圖片在整體編輯計(jì)劃中的作用,達(dá)到和諧整齊。要達(dá)到這樣的效果,在頁面圖片的合理選用時(shí),一要注意統(tǒng)一,二要注意悅目,三要注意突出重點(diǎn),特別是在處理和相關(guān)文字編排在一起的圖片時(shí)。
網(wǎng)頁在一定意義上說也是一種藝術(shù)品,因?yàn)樗纫笪淖值膬?yōu)美流暢,又要求頁面的新穎、整潔,使用色彩可以產(chǎn)生強(qiáng)烈的視覺效果,使頁面更加生動(dòng)。而且,瀏覽者在洲覽網(wǎng)頁時(shí),留下的第一印象就是頁面的色彩設(shè)計(jì),它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計(jì)應(yīng)把握以下幾個(gè)方面。
首先是整個(gè)頁面的色彩選擇,確定一個(gè)主色調(diào),可以有利于體現(xiàn)網(wǎng)站主題。我們現(xiàn)在看到的網(wǎng)頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍(lán)色、淺綠色。以淺顏色為底,柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點(diǎn),有利于整個(gè)頁面的配色,更容易為大多數(shù)人認(rèn)可和掌握。其他一些次要內(nèi)容,如背景圖片、線條適宜采用不搶眼的顏色,以免喧賓奪主。只有少量精心選擇的元素,為了突出強(qiáng)調(diào)的需要,才采用明亮的色彩,這些彩色亮點(diǎn)就會(huì)產(chǎn)生強(qiáng)烈的視覺沖擊,但如果用得太多了,就會(huì)形成一種均勻的噪聲,而達(dá)不到強(qiáng)調(diào)的效果。
其次,在背景的色調(diào)搭配上一定要注意不能有強(qiáng)烈的對(duì)比,特別是同時(shí)使用色彩對(duì)立的顏色。大面積顏色適宜采用低比度,因?yàn)檫^于豐富的背景色彩會(huì)影響前景圖片和文字的取色,嚴(yán)重時(shí)會(huì)使文字溶于背景中,不易辨識(shí)。所以,背景一般應(yīng)以單純?yōu)橐恕H绻枰欢ǖ淖兓栽黾颖尘暗暮穸?,也?yīng)是在盡量統(tǒng)一的前提下的一種變化。例如在制用標(biāo)題時(shí),為追求醒目的視覺效果,可用比較深的顏色,配上對(duì)比鮮明的字體。實(shí)際上背景的作用主要在于統(tǒng)一整個(gè)網(wǎng)頁的風(fēng)格和情調(diào),對(duì)視覺的主體起到一定的襯托和協(xié)調(diào)作用,一方面吸引網(wǎng)民的注意力,另一方面有助于體現(xiàn)網(wǎng)站的主題。
5技術(shù)、設(shè)計(jì)之兩手都
網(wǎng)絡(luò)技術(shù)與設(shè)計(jì)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁的設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),由純粹的視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù),網(wǎng)頁效果不再近似于書籍或報(bào)刊雜志等印刷媒體,而更接近干電影或電視的觀賞效果。技術(shù)發(fā)展促進(jìn)了技術(shù)與設(shè)計(jì)的緊密結(jié)合,把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。技術(shù)與設(shè)計(jì)的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計(jì)中體現(xiàn)得尤為突出。
結(jié)合平面視覺元素在網(wǎng)頁設(shè)計(jì)的應(yīng)用,網(wǎng)站建設(shè)的發(fā)展更趨向先進(jìn)。通過合理運(yùn)用文字、色彩、圖形圖像等多個(gè)平面視覺元素的組合,在此基礎(chǔ)上對(duì)整個(gè)網(wǎng)頁的版面機(jī)構(gòu)進(jìn)行設(shè)計(jì)美化,使得瀏覽網(wǎng)站的用戶們?cè)谝曈X上獲得全新的體驗(yàn)以及享受。其次,網(wǎng)頁設(shè)計(jì)過程中融入了平面視覺元素,為網(wǎng)站贏得了較高的用戶瀏覽量,幫助企業(yè)公司實(shí)現(xiàn)了網(wǎng)站建設(shè)的目標(biāo),也在互聯(lián)網(wǎng)這一個(gè)領(lǐng)域上有效傳遞了企業(yè)的詳細(xì)信息以及用戶所需的資料,包括企業(yè)的產(chǎn)品信息、服務(wù)、企業(yè)的理念以及品牌歷史等。最后,網(wǎng)頁設(shè)計(jì)這設(shè)計(jì)技術(shù)激發(fā)了大量的平面設(shè)計(jì)軟件人才的需求,要求網(wǎng)頁設(shè)計(jì)人員需要熟練掌握包括PS,AI在內(nèi)等諸如此類的網(wǎng)頁處理美化軟件,一定程度上促進(jìn)了社會(huì)的人才需求。
2存在問題
網(wǎng)頁設(shè)計(jì)是新時(shí)代的一種信息傳播的途徑。一個(gè)優(yōu)秀的網(wǎng)站往往在第一眼就吸引了眾多使用者的眼光。反之,如果一個(gè)網(wǎng)站在視覺上沒有達(dá)到一個(gè)奪人眼球的效果,那么毫無疑問這個(gè)網(wǎng)站的建設(shè)是失敗的。隨著網(wǎng)頁設(shè)計(jì)日益被網(wǎng)站建設(shè)者所關(guān)注,平面視覺元素的運(yùn)用也漸漸被人們所注重。很多的網(wǎng)頁設(shè)計(jì)人員由于自身能力的局限以及社會(huì)的高度關(guān)注的壓力,使得設(shè)計(jì)出來的網(wǎng)站在平面視覺上遠(yuǎn)遠(yuǎn)沒有達(dá)到使用者所要求的效果。
2.1網(wǎng)頁版式編排過于簡(jiǎn)單
頁面的版面編排可以說是網(wǎng)頁設(shè)計(jì)過程中最為基本的步驟,但也是最為重要的一步。網(wǎng)站的主頁要求是,文字內(nèi)容上概括性強(qiáng),圖片的使用則要引起人們注意力為佳。而國(guó)內(nèi)的一些網(wǎng)站設(shè)計(jì)人員為了一味追求頁面內(nèi)容的豐富,往往忽略了網(wǎng)頁的版式編排的要求了??偸菍⑺械膱D片以及文字胡亂地堆放在一個(gè)地方,使得整個(gè)網(wǎng)站的網(wǎng)頁布局雜亂無章,更不用說能夠增強(qiáng)網(wǎng)站的平面視覺效果了。每個(gè)網(wǎng)站都會(huì)將其包含的內(nèi)容的重要性劃分為好幾個(gè)等級(jí),而一些網(wǎng)頁設(shè)計(jì)人員未能夠注意到這點(diǎn),會(huì)將一些二級(jí)頁面的內(nèi)容穿插到網(wǎng)站的主頁面,更有的將一些廣告或者是圖片放在首頁,大大影響了使用者瀏覽網(wǎng)站時(shí)的信息獲取速度以及效率。
2.2文字排列布局不合理
文字是網(wǎng)頁設(shè)計(jì)中傳達(dá)信息的最為主要的手段之一,通過文字內(nèi)容,使用者能夠在短時(shí)間內(nèi)迅速獲知自己想要了解的內(nèi)容。由于中文文字具有結(jié)構(gòu)復(fù)雜的特點(diǎn),因此在網(wǎng)站設(shè)計(jì)過程中,一些設(shè)計(jì)人員為了引起用戶的注意力,刻意在一些文字下方添加下劃線,尤其是一些附加鏈接網(wǎng)址的文字,這樣的做法會(huì)給用戶瀏覽網(wǎng)站的內(nèi)容的時(shí)候造成不少的視覺阻礙。除此之外,在文字整體的頁面布局上也是差強(qiáng)人意,行距就是一個(gè)最典型的情況,字體的行間距離會(huì)直接影響到用戶的閱讀速度。試想一下,一大堆密密麻麻的文字,即使被告知其中內(nèi)容十分精彩,又能保證誰會(huì)耐著性子,認(rèn)認(rèn)真真地閱讀完?答案毫無疑問是否定的。
2.3色彩搭配不當(dāng)
通常情況下,紅綠被認(rèn)為是最難看的色彩搭配。而當(dāng)用戶打開網(wǎng)站,目光首先都會(huì)先被網(wǎng)站的色彩所吸引。人類對(duì)色彩十分敏感,一個(gè)成功的網(wǎng)頁設(shè)計(jì),在很大程度上是和設(shè)計(jì)人員是否會(huì)熟練運(yùn)用色彩及其搭配有關(guān)聯(lián)的。因?yàn)榫W(wǎng)頁設(shè)計(jì)在實(shí)質(zhì)上就是屬于平面效果設(shè)計(jì)的一個(gè)分支內(nèi)容,因此對(duì)于色彩的搭配要求之高可想而知。國(guó)內(nèi)的一些網(wǎng)站為了達(dá)到一定的視覺效果沖擊,總是偏向使用大量的暖色調(diào),大紅大紫是很多網(wǎng)站設(shè)計(jì)人員的色彩搭配習(xí)慣。這樣的做法不僅沒有起到?jīng)_擊用戶的目光,而是影響了用戶對(duì)網(wǎng)頁版式的美感欣賞,更嚴(yán)重的是,影響了用戶瀏覽網(wǎng)頁的速度,還干擾了其對(duì)信息快速篩選的能力,當(dāng)然也對(duì)網(wǎng)站本身的瀏覽量帶來了一定的消極影響。
3相應(yīng)的對(duì)策及建議
3.1構(gòu)建合理版面結(jié)構(gòu)
一般的網(wǎng)頁用戶界面在版面上融入了多種的平面視覺元素。這些元素可以通過合理的組合構(gòu)成,來達(dá)到用戶對(duì)網(wǎng)站瀏覽的視覺效果需求,因此一個(gè)合理的版面結(jié)構(gòu)對(duì)于提高網(wǎng)站的瀏覽量是十分有利的。打個(gè)比方,在文字信息上,相關(guān)的網(wǎng)頁設(shè)計(jì)人員可以選擇多種的字體結(jié)合,或者是單一的藝術(shù)字體,來營(yíng)造出一種豐富的字體效果,在圖形圖像上的排放也要遵循一定的空間結(jié)構(gòu)。用戶的眼光一般都會(huì)被主頁面的畫面感較強(qiáng)的圖像所吸引。因此可以考慮將這類的圖像放在主要頁面的中央,以此達(dá)到一個(gè)最佳的視覺沖擊效果。另外,在色彩上的運(yùn)用要考慮到版面的整體風(fēng)格。網(wǎng)頁設(shè)計(jì)人員可以結(jié)合圖形來一起實(shí)行版面分割。這樣一來,整個(gè)網(wǎng)站的版面就能夠既有效傳達(dá)出了用戶所需的信息,又遵循了網(wǎng)頁設(shè)計(jì)本身的視覺效果的表現(xiàn)方式。如果一些網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)尚為欠缺的新手,可以瀏覽一下日常生活中雜志或報(bào)紙的版面分布結(jié)構(gòu)。借鑒其版面在比例尺度、文字內(nèi)容的安排、圖像的穿插以及色彩的運(yùn)用搭配等方面,綜合考慮這些要素,做到熟練運(yùn)用,營(yíng)造出一個(gè)合理良好的版面布局。
3.2采用直觀的文字表達(dá)
和其他的平面視覺元素相比起來,文字內(nèi)容的設(shè)計(jì)較為關(guān)鍵,因?yàn)樗亲钪庇^且容易辨認(rèn)的信息傳達(dá)媒介。因此,在網(wǎng)頁設(shè)計(jì)中,直觀的文字表達(dá)能夠促進(jìn)瀏覽者的閱讀興趣。網(wǎng)頁設(shè)計(jì)又屬于平面設(shè)計(jì)中的一個(gè)分支,所以要充分考慮平面視覺效果的體現(xiàn)。一般情況下,字體的采用以默認(rèn)的為標(biāo)準(zhǔn),這樣很多的當(dāng)?shù)氐挠脩艟涂梢允褂帽镜氐南到y(tǒng)字庫來進(jìn)行閱讀了,省去了不少下載字體的麻煩步驟。還需要注意的一點(diǎn)是,整個(gè)文字安排的布局要合理并且直觀。很多瀏覽者在閱讀網(wǎng)頁文字內(nèi)容的時(shí)候存在很多的局限性,文字作為網(wǎng)頁設(shè)計(jì)中最為重要的信息傳遞手段之一,為了達(dá)到更好的視覺效果,可以考慮使用比較常見的字體結(jié)構(gòu),例如黑體和宋體等,大小的安排也是以適中為主,千萬不能因?yàn)樨潏D一時(shí)的藝術(shù)效果而盲目使用一些繁體字或者是比較少見的字體。更為重要的是,比較常見的字體能夠保證用戶在瀏覽網(wǎng)站的時(shí)候,可以快速又準(zhǔn)確地下載自己所需的網(wǎng)站信息以及資料。
3.3色彩運(yùn)用兼顧總體協(xié)調(diào)和局部
對(duì)比不同的色彩搭配方案可以組成多種不同的美麗畫面。按照人類對(duì)于色彩的感知規(guī)律,一般情況下認(rèn)為暖色調(diào)的色彩比較吸引人的注意力,也就是說,想要用戶能夠在短時(shí)間內(nèi)記住這個(gè)網(wǎng)站,那么使用暖色調(diào)是比較明智的選擇。為瀏覽者營(yíng)造一個(gè)良好的網(wǎng)頁環(huán)境,一定程度上是取決于色彩給人們帶來的視覺沖擊,每一種色彩給瀏覽者帶來心靈上的感受也不盡相同。如果在應(yīng)用上注重總體協(xié)調(diào),局部對(duì)比這么一個(gè)原則,那么對(duì)網(wǎng)頁設(shè)計(jì)人員創(chuàng)造出一個(gè)固定的色彩應(yīng)用模式起到很大的幫助,同時(shí)也有利于促進(jìn)網(wǎng)頁的總體布局風(fēng)格的形成。
4結(jié)語
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì) 平面視覺元素 運(yùn)用
中圖分類號(hào):TP393.0 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1674-098X(2014)07(b)-0209-01
隨著計(jì)算機(jī)技術(shù)的發(fā)展,全球逐漸縮小成為了一個(gè)地球村。在信息化時(shí)代,計(jì)算機(jī)技術(shù)對(duì)于人們的生活,工作和學(xué)習(xí)也發(fā)揮著越來越重要的作用。網(wǎng)站作為因特網(wǎng)提供服務(wù)的門戶和基礎(chǔ),已經(jīng)成為個(gè)人,企業(yè)及政府機(jī)關(guān)和獲取信息的主要渠道。網(wǎng)頁設(shè)計(jì)不僅是一門技術(shù),也是一門藝術(shù),其涵蓋了版式元素和視聽元素兩方面內(nèi)容,與藝術(shù)有著同樣的基本設(shè)計(jì)形式――點(diǎn),線,面。點(diǎn)是所有構(gòu)圖最基本的元素,能夠形成一定的空間視覺效果。線由點(diǎn)引伸而來,構(gòu)成完整的畫面。
1 文字和圖形圖像中的運(yùn)用
1.1 文字設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
文字是全面系統(tǒng)介紹該網(wǎng)頁必不可少的因素,首先,制作網(wǎng)頁者需要全面了解制作該網(wǎng)頁的各方面信息,包括企業(yè)的發(fā)展史,企業(yè)的文化,產(chǎn)品的特色以及產(chǎn)品受眾等,并根據(jù)這些信息,對(duì)產(chǎn)品進(jìn)行全面徹底地分析,以確定網(wǎng)頁的文字風(fēng)格,畫面風(fēng)格,版面形式,使瀏覽網(wǎng)頁的受眾認(rèn)可。比如說,設(shè)計(jì)一個(gè)古典文學(xué)網(wǎng)頁的時(shí)候,整體的畫面應(yīng)當(dāng)偏向于古風(fēng),可以是寫意的山水,持著團(tuán)扇撲流瑩的美人,詩意的田園風(fēng)光,楊柳依依的春季,風(fēng)荷飄香的夏季,楓橋夜泊的秋季,白雪紛飛的冬季等。還可以鏈接一些古典的音樂,例如平遠(yuǎn)的《冬雪》,子雷的《千年風(fēng)雅》或者是林海的《琵琶語》等,然后在畫面中添加富有詩意的句子,例如“紅顏彈指老,天下若微塵”,“長(zhǎng)相思兮長(zhǎng)相憶,短相思兮無窮極”等,以渲染畫面整體的古典感。在做介紹的時(shí)候,可以運(yùn)用富有內(nèi)涵的語句,進(jìn)一步加深該網(wǎng)站的文學(xué)氣息,當(dāng)熱愛文學(xué)的受眾瀏覽該網(wǎng)站的時(shí)候,便可以升起一種共鳴感,愿意繼續(xù)深入了解該網(wǎng)站。隨著科技的發(fā)展,圖片,動(dòng)畫,音樂等元素在網(wǎng)頁設(shè)計(jì)中的作用越來越大,但是文字仍舊是一種不可替代的元素,尤其是在新聞,信息,科技類的網(wǎng)站中,文字對(duì)信息的傳播具有重要的意義。其次,在網(wǎng)頁設(shè)計(jì)中的文字不僅有傳遞信息的基本功能,還具有一定的美學(xué)功能,就中國(guó)文字本身而言,不論是遒勁有力的草書,還是飄逸雋秀的小楷,都能夠成為藝術(shù)品供人觀賞。再者,普通的文字還能夠進(jìn)行藝術(shù)加工,變成富有美感的藝術(shù)字,提高畫面整體的藝術(shù)感。
1.2 圖形圖像在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
圖形圖像對(duì)網(wǎng)頁整體畫面氣氛的渲染具有重要的作用,能夠最直白生動(dòng)地向?yàn)g覽網(wǎng)站的人傳達(dá)信息。比如說一個(gè)有關(guān)科技的網(wǎng)站,需要添加許多新興科技研究成果的資料圖片,以使人對(duì)其所描述的物質(zhì)有所了解。而一個(gè)文學(xué)網(wǎng)站,需要依賴于一些唯美,傷感,古典的圖片來吸引文藝青年的眼球,顯示出整個(gè)網(wǎng)站的風(fēng)格底蘊(yùn)。在視覺表達(dá)效果上,圖片要力求使人有愉悅的感覺,在人們?yōu)g覽網(wǎng)頁的時(shí)候,不僅僅需要從中獲取知識(shí),還需要得到審美的享受。因此設(shè)計(jì)者要充分考慮畫面的整體布局,色彩的搭配,繪畫的風(fēng)格以及畫面的內(nèi)涵??茖W(xué)嚴(yán)謹(jǐn)?shù)木W(wǎng)站應(yīng)當(dāng)以簡(jiǎn)約風(fēng)為主,而講求藝術(shù)的網(wǎng)站應(yīng)該追求耳目一新的感覺,有關(guān)文學(xué)的網(wǎng)站畫面則需要含蓄唯美。不同的網(wǎng)頁設(shè)計(jì)要求不同,但是目的是一致的,即取悅目標(biāo)受眾,提高受眾對(duì)該網(wǎng)頁的認(rèn)可度。
2 色彩與版式設(shè)計(jì)中的運(yùn)用
2.1 色彩在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
色彩能夠確定圖片的風(fēng)格,因此色彩搭配是網(wǎng)頁設(shè)計(jì)中較為重要的環(huán)節(jié)之一。冷暖色調(diào)不能隨意混搭,否則容易產(chǎn)生強(qiáng)烈的視覺沖擊,造成不悅感。一般情況下,紅色象征著熱情,奔放與活力,但是紅色與黑色交叉或者漸變,將紅色整體的明亮格調(diào)降低了,畫面就會(huì)變得陰郁可怖,猶如人喋血一般。天藍(lán)色與明媚的天空顏色相似,能夠給人一種充滿希望的感覺,而深藍(lán)色與大海,陰沉的天空顏色相近,能給人一種深邃,陰暗的感覺。紅色與黃色交織,與曙光朝陽一樣熠熠生輝,藍(lán)色與紫色共舞,和暗夜跳動(dòng)的精靈一樣魅惑妖冶,不同的色彩呈現(xiàn)出不同的視覺效果,搭配好了,方能夠渲染出圖片所需表達(dá)的氛圍?;蛘呤翘飯@清新的風(fēng)格,或者是愁云慘霧,大雪紛飛的傷感風(fēng)格,或者是大漠孤煙,長(zhǎng)河落日的悲壯風(fēng)格,總而言之,選用合適的色彩,方能夠很好地表現(xiàn)出網(wǎng)頁的主題。
2.2 版式設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
版式設(shè)計(jì)影響整體畫面的效果,一般情況下,網(wǎng)頁設(shè)計(jì)的版式主要有三種類型,分別是骨骼型,滿版型,分割型。骨骼型類似于一般報(bào)紙的排版,分欄目,分板塊,或橫或豎。骨骼型版面條理清晰,內(nèi)容板塊劃分清楚,適宜設(shè)計(jì)科學(xué),信息,新聞?lì)愋偷木W(wǎng)頁。滿版型則是圖片幾乎覆蓋整個(gè)版面的版型,圖片大,能夠比較直觀地傳達(dá)出信息,達(dá)到很好的渲染氣氛的效果。比如說一般的文學(xué)網(wǎng)頁,網(wǎng)站的首頁以巨大的古風(fēng)壁紙為背景,或者渲染出一種蕭瑟蒼涼的古意,或者渲染出一種溫婉嫵媚的江南風(fēng)情,使人剛點(diǎn)擊進(jìn)入便被其唯美的畫面所震撼。分割型比較簡(jiǎn)單,即分為上下兩個(gè)板塊,再分別安置圖片和文字。隨著科技的不斷發(fā)展,人們更青睞于使用具有較大視覺沖擊力的滿版型。在設(shè)計(jì)版面的時(shí)候,需要格外留心標(biāo)題的設(shè)計(jì),因?yàn)闃?biāo)題通常會(huì)成為整個(gè)版面的點(diǎn)睛之筆。一般情況下,標(biāo)題將被安放在頂端或者右側(cè),并加粗加大,醒目突出。如果標(biāo)題設(shè)計(jì)出了問題,將會(huì)成為整個(gè)版面的敗筆,破壞整體的效果。因此設(shè)計(jì)標(biāo)題時(shí),需要考慮其與整體風(fēng)格的搭配,比如說有關(guān)科技類的網(wǎng)頁,標(biāo)題不宜過于花哨,而文學(xué)類的網(wǎng)頁則需要考究標(biāo)題的字體,因?yàn)殄賱庞辛Φ男胁莼蛘咔逡蓦h秀的小楷顯示出的風(fēng)格是完全不同的。如果整體畫面比較蒼涼蕭索,則應(yīng)該選擇較為凌亂的字體,如果整體畫面比較清新明麗,則應(yīng)該選擇比較工整的字體,以搭配整個(gè)畫面的風(fēng)格。
3 結(jié)語
網(wǎng)頁設(shè)計(jì)中的視覺元素體系較為龐大繁瑣,但是其不僅具有強(qiáng)大的應(yīng)用功能,還具有強(qiáng)大的審美功能。設(shè)計(jì)者應(yīng)該站在藝術(shù)家和技術(shù)師的角度考慮問題,以網(wǎng)頁的主題為設(shè)計(jì)依據(jù),設(shè)計(jì)出符合目標(biāo)受眾口味的網(wǎng)頁。
參考文獻(xiàn)
[1] 公茂蘭.平面視覺元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用[J].網(wǎng)絡(luò)導(dǎo)報(bào),在線教育,2012(41):163-164.
關(guān)鍵詞: 網(wǎng)頁與平面設(shè)計(jì) 色彩 心理學(xué)
一、網(wǎng)頁的平面設(shè)計(jì)
每個(gè)網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成,故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。我國(guó)這兩年的網(wǎng)絡(luò)發(fā)展非???,網(wǎng)站數(shù)量也以倍率增長(zhǎng),然而網(wǎng)頁的設(shè)計(jì)卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外,其他很少見到界面設(shè)計(jì)考究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站,這是因?yàn)闆]有和平面設(shè)計(jì)緊密結(jié)合。網(wǎng)頁本身就是無數(shù)個(gè)“頁面”的平面,平面設(shè)計(jì)規(guī)則也適用網(wǎng)頁設(shè)計(jì),網(wǎng)頁設(shè)計(jì)的審美需求是對(duì)平面視覺傳達(dá)設(shè)計(jì)美學(xué)的一種繼承和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性,把傳統(tǒng)平面設(shè)計(jì)中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來,才能設(shè)計(jì)出符合審美規(guī)則的網(wǎng)頁。故設(shè)計(jì)者應(yīng)該巧妙利用平面設(shè)計(jì)的設(shè)計(jì)規(guī)則,結(jié)合網(wǎng)絡(luò)媒體的特點(diǎn),認(rèn)識(shí)網(wǎng)絡(luò),了解平面的特征,才能使網(wǎng)頁更加適合于網(wǎng)絡(luò)上的傳播。
平面設(shè)計(jì)中如變化和統(tǒng)一、條理與反復(fù)、對(duì)比和調(diào)和、均齊與平衡等,對(duì)網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)都是十分有效的視覺規(guī)律。首先,網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序,形式表現(xiàn)必須服從內(nèi)容要求,網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程,能自然而有序地達(dá)到信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁上去的時(shí)候,考慮怎樣把它們以合理的統(tǒng)一的方式來排布,使整體感強(qiáng)的同時(shí)又要有變化,怎樣使它們脈絡(luò)清楚又富有清晰的視覺效果等等。例如哈爾濱商業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)院網(wǎng)頁設(shè)計(jì)之歡迎界面,在黃色的背景襯托下,各種線條貫穿其中,運(yùn)用平面設(shè)計(jì)中的圖形設(shè)計(jì)加以修飾,增加網(wǎng)頁設(shè)計(jì)的美感和大眾的視覺審美需求。符合設(shè)計(jì)學(xué)院的設(shè)計(jì)的理念,又有學(xué)術(shù)機(jī)構(gòu)的沉穩(wěn)。內(nèi)容與形式的表現(xiàn)達(dá)到了高度的統(tǒng)一。其次,突出主題要素,必須在眾多構(gòu)成要素中突出一個(gè)清楚的主體,它應(yīng)盡可能地成為閱讀時(shí)視線流動(dòng)的起點(diǎn)。哈爾濱商業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)院網(wǎng)頁設(shè)計(jì)之主頁設(shè)計(jì)作為設(shè)計(jì)的主體,如果沒有這個(gè)主體要素,瀏覽者的視線將會(huì)無所適從,或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。主頁設(shè)計(jì)中各構(gòu)成要素在組合時(shí),要注意其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對(duì)比因素,加強(qiáng)視覺力度,以強(qiáng)化頁面的整體吸引力。再次,網(wǎng)頁版式的新意,網(wǎng)頁的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處,它在網(wǎng)頁的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計(jì),是在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合,將理性思維個(gè)性化地表現(xiàn)出來,是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式,它在傳達(dá)信息的同時(shí),也產(chǎn)生感官上的美感和精神上的享受。哈爾濱商業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)院網(wǎng)頁設(shè)計(jì)的版式設(shè)計(jì)賦予了很多心意,版面運(yùn)用歡快輕盈的風(fēng)格進(jìn)行設(shè)計(jì),打破常理設(shè)計(jì)規(guī)范,有鮮明的節(jié)奏感,給人以生機(jī)盎然的感受,版面中的文字和圖片利用線條隔開,主題突出,追求某種富于活力的圖文編排與設(shè)計(jì)。
二、網(wǎng)頁視覺設(shè)計(jì)中色彩的設(shè)計(jì)
網(wǎng)頁的色彩,是最先也是最持久地給瀏覽者以網(wǎng)站形象的因素,瀏覽者在瀏覽網(wǎng)頁時(shí),留下的第一印象就是頁面的色彩設(shè)計(jì)。色彩本身是無任何含義的,有的只是人賦予它的。但色彩確實(shí)可以在不知不覺間影響人的心理,左右人的情緒,所以就有人給各種色彩都加上特定的含義:紅色:強(qiáng)有力、喜慶的色彩,很容易使人有興奮感覺,是一種雄壯的精神體現(xiàn);黃色:亮度最高的色,給人感覺就是很有溫暖感;綠色:美麗、優(yōu)雅,給人感覺大度、寬容;藍(lán)色:永恒、博大,給人感覺平靜、理智;紫色:神秘、女性、溫柔、冒險(xiǎn);黑色:有時(shí)給人沉默、虛空的感覺,但有時(shí)也給人一種莊嚴(yán)肅穆的感覺;白色:有時(shí)給人無盡的希望感覺,但有時(shí)也給人一種恐懼和悲哀的感受;灰色:具有中庸、平凡、溫和、謙讓、中立和高雅的感覺。網(wǎng)頁的色彩使用得當(dāng)可以產(chǎn)生強(qiáng)烈的視覺效果,使頁面更加生動(dòng)。巧妙使用色彩可以直接影響閱讀者的觀賞興趣,因此,色彩設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計(jì)應(yīng)把握以下幾個(gè)方面:
2.1確定主體色。確定一個(gè)主色調(diào),可以有利于體現(xiàn)網(wǎng)站主題,遵循主從關(guān)系,這是最穩(wěn)定的處理色彩原則,在網(wǎng)頁設(shè)計(jì)頁面上,除白色為背景外大量使用的顏色,就是這個(gè)網(wǎng)頁的主體顏色。如果在同一個(gè)頁面內(nèi)運(yùn)用了多種顏色,把握不好的話,就無法確定哪個(gè)是主體色。因?yàn)槠渌念伾娣e不能過大,要遵循主從關(guān)系。我們現(xiàn)在看到的網(wǎng)頁,一般以淺顏色為背景的居多,如淺灰色、淺黃色、淺藍(lán)色、淺綠色。以淺顏色為底,哈爾濱商業(yè)大學(xué)設(shè)計(jì)藝術(shù)學(xué)院網(wǎng)頁的主體色就是以淺黃色、淺藍(lán)色為主色調(diào),整體感覺柔和、素淡,配上深顏色的字,如黑色,讀來自然、流暢,也有利于突出頁面的重點(diǎn),有利于整個(gè)頁面的配色,更容易為大多數(shù)人認(rèn)可和掌握。
網(wǎng)頁設(shè)計(jì)是網(wǎng)絡(luò)技術(shù)與設(shè)計(jì)藝術(shù)的交叉學(xué)科,需要網(wǎng)頁設(shè)計(jì)者既要懂得熟練的計(jì)算機(jī)專業(yè)技術(shù),還要具有較高的平面設(shè)計(jì)藝術(shù)特征。在互聯(lián)網(wǎng)高速發(fā)展的時(shí)代背景下,網(wǎng)頁成為直接吸引瀏覽者的因素,如何在美觀程度、視覺沖擊以及版面構(gòu)成等方面滿足網(wǎng)民的審美需求是網(wǎng)頁設(shè)計(jì)應(yīng)用美學(xué)的最大價(jià)值所在。
1 網(wǎng)頁設(shè)計(jì)的特征
網(wǎng)頁設(shè)計(jì)作為一種特殊的信息媒介設(shè)計(jì),要求網(wǎng)頁界面的設(shè)計(jì)要滿足多元化發(fā)展的需要,具體表現(xiàn)在:
1)交互性。網(wǎng)絡(luò)時(shí)代背景下的網(wǎng)頁優(yōu)勢(shì)在于實(shí)現(xiàn)了信息的動(dòng)態(tài)變化與即時(shí)交互性,因此在網(wǎng)頁設(shè)計(jì)時(shí)也必須要緊緊把握即時(shí)交互性原則,不僅要保證信息需求者可以第一時(shí)間掌握最新發(fā)生的信息,而且還要滿足視界效果的更新性,讓信息瀏覽者以一個(gè)主動(dòng)者的角色加入到信息處理中。比如某網(wǎng)站的界面設(shè)計(jì)內(nèi)容會(huì)隨著某種信息宣傳的需求而不定期的更改版面,以此滿足瀏覽者的信息需求要求。
2)特定的設(shè)計(jì)風(fēng)格。網(wǎng)頁設(shè)計(jì)是由特定的主體決定的,也就是不同的網(wǎng)站主題決定了網(wǎng)頁設(shè)計(jì)風(fēng)格,而網(wǎng)站的主題則是需要通過網(wǎng)站的色彩與視覺符號(hào)直接體現(xiàn)出來的,一般在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)需要確定網(wǎng)站的主題,然后在根據(jù)網(wǎng)站主題內(nèi)容進(jìn)行相應(yīng)顏色的選擇。以紅色教育網(wǎng)站為例,一般紅色教育網(wǎng)站的頁面都以紅色或者黑色為主,這主要是與“紅色革命”教育有關(guān)。另外其還具有版面編排的不可控性。在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)不能對(duì)版面大小進(jìn)行控制,這主要是根據(jù)用戶端的媒介工具有關(guān)。
3)技術(shù)與藝術(shù)的有序結(jié)合。網(wǎng)頁設(shè)計(jì)屬于一門新興的學(xué)科,其需要應(yīng)用到大量的專業(yè)學(xué)科知識(shí),尤其是藝術(shù)與計(jì)算機(jī)技術(shù)的融合是網(wǎng)頁設(shè)計(jì)的最大特點(diǎn),網(wǎng)頁設(shè)計(jì)不能以技術(shù)為中心,而是強(qiáng)調(diào)技術(shù)與藝術(shù)的融合,通過藝術(shù)反映網(wǎng)頁內(nèi)容,以技術(shù)支撐藝術(shù)設(shè)計(jì)。尤其是要注意的是網(wǎng)頁技術(shù)的 應(yīng)用要適合網(wǎng)絡(luò)環(huán)境,不能單獨(dú)的強(qiáng)調(diào)藝術(shù)效應(yīng)而忽視技術(shù)的應(yīng)用。
2 網(wǎng)頁設(shè)計(jì)中應(yīng)用美學(xué)的具體體現(xiàn)
從網(wǎng)頁設(shè)計(jì)的發(fā)展歷程來看,網(wǎng)頁設(shè)計(jì)經(jīng)歷了三個(gè)發(fā)展階段:一是簡(jiǎn)單的靜態(tài)網(wǎng)頁階段;二是圖文并茂的網(wǎng)頁設(shè)計(jì)階段;三是動(dòng)態(tài)互動(dòng)式的網(wǎng)頁設(shè)計(jì)階段。隨著網(wǎng)民對(duì)網(wǎng)頁視覺需求的日益提高以及網(wǎng)站競(jìng)爭(zhēng)的日益嚴(yán)峻,如何吸引瀏覽者的注意力是網(wǎng)頁設(shè)計(jì)者需要考慮的問題。美學(xué)不是抽象的概念,而是融合多種藝術(shù)表現(xiàn)手段的系統(tǒng),通過運(yùn)用美學(xué)可以提升網(wǎng)頁設(shè)計(jì)的內(nèi)涵,完善網(wǎng)頁設(shè)計(jì)的功能,達(dá)到網(wǎng)頁在內(nèi)容、功能以及形式上的完善。具體美學(xué)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用主要體現(xiàn)在:
1)美術(shù)設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
在網(wǎng)頁設(shè)計(jì)中,美術(shù)設(shè)計(jì)屬于重要的應(yīng)用部分,完善的美術(shù)設(shè)計(jì)可以豐富網(wǎng)頁的內(nèi)容,給瀏覽者以獨(dú)特的視覺沖擊。美術(shù)設(shè)計(jì)的應(yīng)用主要包括:一是文字語言的應(yīng)用設(shè)計(jì)。文字是信息傳遞的重要載體,不同的文字設(shè)計(jì)效果會(huì)帶來不同的視覺效果。另外在文字的編排上要側(cè)重藝術(shù)性與實(shí)用性,具體就是網(wǎng)頁界面文字設(shè)計(jì)編排一定要與網(wǎng)站的整體界面內(nèi)容相符合,實(shí)現(xiàn)傳遞信息的同時(shí)要實(shí)現(xiàn)視覺美感;二是圖形圖像的設(shè)計(jì)。圖形圖像是網(wǎng)頁的重要組成部分,優(yōu)美的圖形圖像可以足夠信息網(wǎng)民的眼球,圖形圖像可以直接將設(shè)計(jì)者的理念反映出來,圖形圖像可以通過點(diǎn)、線、面融合的方式達(dá)到,通過各種藝術(shù)表現(xiàn)形式達(dá)到優(yōu)化網(wǎng)頁設(shè)計(jì)的目的。當(dāng)然在網(wǎng)頁設(shè)計(jì)中使用大膽、個(gè)性化的圖形可以增加沖擊效果。圖形圖像應(yīng)用到網(wǎng)頁設(shè)計(jì)中需要設(shè)計(jì)者根據(jù)設(shè)計(jì)要求選擇相應(yīng)的設(shè)計(jì)元素,直線圖形會(huì)給人一種簡(jiǎn)單明確的效果,而粗直線圖形則顯得畫面的厚度,給人以穩(wěn)定。
2)色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
色彩是網(wǎng)頁設(shè)計(jì)中的視知覺感受因素,色彩在網(wǎng)頁設(shè)計(jì)中的效果是巨大的,其主要具有劃分視覺分區(qū)、重點(diǎn)標(biāo)記主題以及引起更多關(guān)注的特點(diǎn)。色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用為:一是色彩的對(duì)比。不同的色彩在一起會(huì)形成不同的視覺感受,因此通過色彩對(duì)比可以確定設(shè)計(jì)的主題,達(dá)到視覺效果。在網(wǎng)頁設(shè)計(jì)時(shí)背景面積大的時(shí)候可以采取明度高、純度低的配色,以此實(shí)現(xiàn)視覺效應(yīng);二是色彩的應(yīng)用處理。主頁的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對(duì)比”,也就是:主頁的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上,可以根據(jù)主頁內(nèi)容的需要,分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色。不同的職業(yè)有著固定的顏色,例如綠色一般代表軍人,白色代表醫(yī)生等。
3)平面設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
平面設(shè)計(jì)是相對(duì)網(wǎng)頁結(jié)構(gòu)而言的,平面設(shè)計(jì)強(qiáng)度的是各種網(wǎng)頁組成部分的形態(tài)比例、對(duì)比等效果:一是比例。注重比例關(guān)系是處理整體與局部的重要手段,在網(wǎng)頁設(shè)計(jì)中需要融合文字、圖形圖像以及動(dòng)畫等,因此需要對(duì)不同的部位進(jìn)行整體的比例設(shè)計(jì),以此實(shí)現(xiàn)結(jié)構(gòu)合理化。一般用于平面設(shè)計(jì)的方法是水平分割、垂直分割以及比例分割等等;二是重復(fù)與漸變。平面設(shè)計(jì)需要對(duì)圖形等進(jìn)行科學(xué)的設(shè)計(jì),以此達(dá)到柔和和含蓄的力量。比如在我們登入某些網(wǎng)頁時(shí)存在登入就自動(dòng)彈出一些窗口的現(xiàn)象,此種現(xiàn)象影響瀏覽心情,所有這就需要網(wǎng)頁設(shè)計(jì)時(shí)認(rèn)識(shí)到此種問題,降低使用懸浮界面,并且對(duì)網(wǎng)頁中的內(nèi)容結(jié)構(gòu)等進(jìn)行優(yōu)化設(shè)計(jì),定期進(jìn)行更新,防止網(wǎng)頁內(nèi)容過于陳舊,而導(dǎo)致信息瀏覽者出現(xiàn)審美疲勞。
4)網(wǎng)頁的合理布局
網(wǎng)頁布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、封面型、FLASH型、綜合框架型等。在以上布局中,對(duì)于不同的形狀,代表著不同的意義。比如:矩形代表著正式、規(guī)則,很多ICP和政府網(wǎng)頁都是以矩形為整體造型;圓形代表著柔和、團(tuán)結(jié)、溫暖、安全等,許多時(shí)尚站點(diǎn)喜歡以圓形為頁面整體造型,三角型代表著力量、權(quán)威、牢固、侵略等,許多大型的商業(yè)站點(diǎn)為了顯示它的權(quán)威性常以三角形為頁面的整體造型;菱形代表著平衡、協(xié)調(diào)、公平,一些交友站點(diǎn)常運(yùn)用菱形作為頁面整體造型。目前的網(wǎng)頁制作多數(shù)是結(jié)合多個(gè)圖形加以設(shè)計(jì),在這其中某種圖形的構(gòu)圖比例可能占的多一些。
3 網(wǎng)頁設(shè)計(jì)應(yīng)用美學(xué)的發(fā)展趨勢(shì)
平面設(shè)計(jì) 平面廣告設(shè)計(jì) 平面畢業(yè)論文 平面廣告 平面廣告論文 平面設(shè)計(jì)教育 紀(jì)律教育問題 新時(shí)代教育價(jià)值觀