時(shí)間:2022-12-08 01:47:34
開篇:寫作不僅是一種記錄,更是一種創(chuàng)造,它讓我們能夠捕捉那些稍縱即逝的靈感,將它們永久地定格在紙上。下面是小編精心整理的12篇網(wǎng)頁(yè)設(shè)計(jì)藝術(shù),希望這些內(nèi)容能成為您創(chuàng)作過程中的良師益友,陪伴您不斷探索和進(jìn)步。

1實(shí)現(xiàn)藝術(shù)設(shè)計(jì)創(chuàng)新的關(guān)鍵性因素
在網(wǎng)頁(yè)設(shè)計(jì)的過程中,網(wǎng)頁(yè)風(fēng)格的獨(dú)樹一幟的設(shè)計(jì)模式往往會(huì)更加吸引人。鑒于網(wǎng)頁(yè)風(fēng)格的內(nèi)涵較為難理解,同時(shí)不容易實(shí)行,所以一般來講,只能通過網(wǎng)頁(yè)訪問者的調(diào)查和反饋中才能獲取,進(jìn)而更具訪問者的感受和意見,重新調(diào)整網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)風(fēng)格,對(duì)于其中的諸如文字、色彩聲音、影像等方面的表達(dá)要精準(zhǔn)且具有一定的新穎性,從而不斷提升網(wǎng)頁(yè)設(shè)計(jì)自身的風(fēng)格與特性,使其蘊(yùn)含的藝術(shù)價(jià)值逐漸凸顯出來。例如:基于對(duì)網(wǎng)頁(yè)風(fēng)格的個(gè)性化特征表達(dá)的目的,使得網(wǎng)站的主題更加突出,可以利用網(wǎng)頁(yè)文字的不同形狀、顏色、大小的裝飾和變化,寄予設(shè)計(jì)者內(nèi)心的感情,讓網(wǎng)頁(yè)設(shè)計(jì)文字更加鮮活,進(jìn)而做到呈現(xiàn)出不同的變化效果,和其他網(wǎng)頁(yè)風(fēng)格形成區(qū)別,讓新穎度更加明顯。
2網(wǎng)頁(yè)設(shè)計(jì)中有效的藝術(shù)創(chuàng)新實(shí)施方法
2.1基于網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)色彩方面的創(chuàng)新方法
隨著網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的快速發(fā)展,色彩作為設(shè)計(jì)過程中的主要元素,給人更加直觀的印象和感受,易于影響到人們的情緒和心情。那么在設(shè)計(jì)中運(yùn)用不同的色彩往往更能凸顯出藝術(shù)的沖擊力,給人更為新穎的感覺,因此,關(guān)于在色彩方面的加工與設(shè)計(jì)顯得尤為重要。而其中最為重要的兩種表現(xiàn)形式是選用的自由化模式和色彩的簡(jiǎn)約模式。前者傾向于對(duì)色彩的集中度突顯、自由化組合,使得網(wǎng)頁(yè)的個(gè)性特征得以體現(xiàn),讓網(wǎng)頁(yè)風(fēng)格不同于常見的形式,以恰當(dāng)?shù)纳式M合設(shè)計(jì),給不同的客戶帶來有益的影響。需要注意的是,設(shè)計(jì)者在藝術(shù)色彩的設(shè)計(jì)與選用的過程中,要以訪問者的角度給予情感和心理方面的情緒變化融入,進(jìn)而形成獨(dú)特的藝術(shù)魅力;后者則強(qiáng)調(diào)在色彩選用和設(shè)計(jì)的過程中遵循簡(jiǎn)約的風(fēng)格,讓網(wǎng)頁(yè)設(shè)計(jì)效果讓人看起來更加舒服、美觀。尤其在近年來的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)發(fā)展當(dāng)中,這項(xiàng)創(chuàng)新理念的發(fā)揮已經(jīng)逐漸成為眾多設(shè)計(jì)者首選的方式,其優(yōu)勢(shì)在于能夠?qū)崿F(xiàn)很多繁雜藝術(shù)設(shè)計(jì)無法體現(xiàn)的樸素、極簡(jiǎn)風(fēng)格,讓設(shè)計(jì)者擬定的主題更加清晰和顯著。例如:在網(wǎng)頁(yè)設(shè)計(jì)中,如何合理搭配與運(yùn)用色彩,使其與藝術(shù)動(dòng)態(tài)網(wǎng)頁(yè)文字相呼應(yīng)和匹配,為訪問者呈現(xiàn)出更有層次感和對(duì)比效果的變化,將設(shè)計(jì)者想要表達(dá)的心理感受體現(xiàn)出來。如圖所示的操作界面中,為了匹配“2004高雄表演藝術(shù)”中心主題,設(shè)計(jì)者需使用100%純度的黑色作為主色彩,以達(dá)到形成和背景巨大反差的目的,同時(shí)在底色方面以透明灰色鏤空形式來表現(xiàn)“mityhaircutsdesign”等字體,更具吸引力,呈現(xiàn)出動(dòng)態(tài)變化的特征。
2.2保證留白的合理性
在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的過程中,很多設(shè)計(jì)者認(rèn)為要充分利用每一塊空間位置,才能呈現(xiàn)出最佳的效果。事實(shí)上并非如此,優(yōu)秀新穎的網(wǎng)頁(yè)設(shè)計(jì)不必非要利用到每一個(gè)位置,適當(dāng)?shù)牧舭滋幚砀転樵L問者留下好的印象和感受。留白旨在突顯出藝術(shù)作品中虛實(shí)結(jié)合、相得益彰的良好成效,它的科學(xué)合理性設(shè)計(jì),不僅能在視覺呈現(xiàn)方面顯得平衡感十足,保持動(dòng)靜結(jié)合、虛實(shí)相應(yīng)的觀感體驗(yàn),而且簡(jiǎn)潔、合理的內(nèi)容分布,則有效提高了訪問者的效率,有助于相關(guān)工作處理獲得便捷,進(jìn)而無形中促使更多的訪問者加以瀏覽和關(guān)注,增強(qiáng)整體的網(wǎng)頁(yè)設(shè)計(jì)效果。此外,將Flas運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中,突顯出一些廣告等信息的新穎性,增強(qiáng)吸引效果,借助Flash自身的動(dòng)畫特效優(yōu)勢(shì)和特點(diǎn),表現(xiàn)出設(shè)計(jì)者寄予的思想和感情,像網(wǎng)頁(yè)中諸如旗幟與按鈕類型的廣告設(shè)計(jì),均能夠利用Flash的動(dòng)畫效果來呈現(xiàn)。
3總結(jié)
總之,由于網(wǎng)絡(luò)媒體在社會(huì)發(fā)展以及人們的日常生活中發(fā)揮出越來越大的作用,作為網(wǎng)站建設(shè)中極為關(guān)鍵的環(huán)節(jié),網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)顯然至關(guān)重要。而創(chuàng)新理念的不斷推廣,要求網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)該將設(shè)計(jì)技術(shù)和藝術(shù)元素有效融合到一起,從網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)的基本內(nèi)容擴(kuò)展、新穎元素引入、設(shè)計(jì)方法的調(diào)整等各個(gè)方面進(jìn)行創(chuàng)新與改革,將網(wǎng)頁(yè)設(shè)計(jì)的價(jià)值上升到藝術(shù)魅力的高度,這樣才能更好地促使網(wǎng)頁(yè)設(shè)計(jì)中藝術(shù)創(chuàng)新水平的提高。
作者:黃河
關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì);元素;美學(xué)
中圖分類號(hào):TP393.092文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1007-9599 (2010) 10-0000-01
Aesthetic Overview of Web Page Design
Li Shanshan
(Chongqing Iron&Steel Group,Electronics Co.,Ltd.,Chongqing400080,China)
Abstract:The web design on the one hand must have "beauty",which render the dissemination of information to achieve the desired goals;the beauty must have for any web page,the basic elements of web pages for information not only to meet the needs of the users,more important is to create a pleasant visual environment in which they have a mental enjoyment and resonance.
Keywords:Web design;Elements;Aesthetics
網(wǎng)站在我們社會(huì)生活中無處不在,網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)是伴隨著計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)、圖像動(dòng)畫處理制作軟件的產(chǎn)生和發(fā)展而形成的設(shè)計(jì)新課題,他是運(yùn)用相關(guān)的軟件技術(shù)、美學(xué)知識(shí)等,依照設(shè)計(jì)目的和要求對(duì)網(wǎng)站進(jìn)行功能上的實(shí)現(xiàn)和視覺藝術(shù)的創(chuàng)造性思維活動(dòng)。下面就網(wǎng)頁(yè)設(shè)計(jì)的“美學(xué)”進(jìn)行探討。
一、設(shè)計(jì)元素
網(wǎng)頁(yè)設(shè)計(jì)的元素主要是視覺和聽覺元素,主要包括:文字、圖像、動(dòng)畫等多媒體元素。隨著多媒體技術(shù)的發(fā)展和運(yùn)用使視聽元素在網(wǎng)頁(yè)設(shè)計(jì)中的綜合運(yùn)用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。
(一)文字。文字是網(wǎng)頁(yè)界面的主體,是用以傳達(dá)信息的主要元素,雖然利用網(wǎng)絡(luò)多媒體也可以達(dá)到同樣的目的,但網(wǎng)頁(yè)中文字的優(yōu)勢(shì)很難被取代。
(二)圖形。圖形在網(wǎng)頁(yè)中有著十分重要的作用。在網(wǎng)上瀏覽時(shí),瀏覽者常常會(huì)因看到一幅十分引人注目的圖形而感興趣去了解相關(guān)內(nèi)容。在很多網(wǎng)頁(yè)中,圖形占據(jù)著整個(gè)頁(yè)面的重要位置,有的甚至占據(jù)了整個(gè)頁(yè)面。在視覺順序上,圖形往往能首先吸引人的們注意力,這是由于圖形給人的視覺印象要比文字強(qiáng)烈得多。幾乎所有的網(wǎng)頁(yè)都用到了圖形,善用圖形,可以生動(dòng)、形象、直觀地表達(dá)網(wǎng)頁(yè)的主題,增強(qiáng)網(wǎng)頁(yè)的宣傳力、感染力和號(hào)召力。圖形必須符合網(wǎng)頁(yè)的主題,并具有創(chuàng)新的構(gòu)思和強(qiáng)烈的個(gè)性,使主題與表現(xiàn)兩者較好的統(tǒng)一,以有利于信息的傳達(dá)。
(三)多媒體。將多媒體元素引入網(wǎng)頁(yè)界面,可以很大程度上增強(qiáng)瀏覽者的吸引力。從網(wǎng)頁(yè)界面的發(fā)展來看,由純文字界面到圖文并茂,再到引入新的多媒體元素,這是一個(gè)必然的過程。瀏覽者希望在網(wǎng)上看到更具創(chuàng)造性、更具吸引力和更具情趣的內(nèi)容,多媒體元素正是實(shí)現(xiàn)這一目標(biāo)的重要手段。網(wǎng)頁(yè)中所涉及到的多媒體元素主要是音頻、視頻和動(dòng)畫。
二、設(shè)計(jì)原則
設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)著重要的地位,要求在有限的屏幕空間上運(yùn)用平面設(shè)計(jì)的相關(guān)原理(如色彩、構(gòu)成、版面等藝術(shù)設(shè)計(jì)原理知識(shí))將視聽多媒體元素進(jìn)行藝術(shù)化的表現(xiàn),是一種具有藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí),也產(chǎn)生感官上的美感和精神上的享受。它同平面廣告、報(bào)刊雜志等印刷品平面媒體的設(shè)計(jì)不同,印刷品都有固定的規(guī)格尺寸,網(wǎng)頁(yè)則不然,尺寸是由讀者來控制的,這使網(wǎng)頁(yè)設(shè)計(jì)者不能精確控制頁(yè)面上每個(gè)元素的尺寸和位置,而且網(wǎng)頁(yè)的組織結(jié)構(gòu)不像印刷品那樣為線性組合,因此網(wǎng)頁(yè)的平面設(shè)計(jì)具有更高的難度和挑戰(zhàn)性。網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性網(wǎng)頁(yè)作為傳播信息的一種載體必須要有自己鮮明的藝術(shù)特色,才能在眾多的網(wǎng)絡(luò)信息中脫穎而出,受到關(guān)注。這就要求網(wǎng)頁(yè)設(shè)計(jì)要按照視覺心理規(guī)律和形式美等藝術(shù)設(shè)計(jì)的手法將信息主動(dòng)地傳達(dá)給觀賞者,在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受,以滿足人們的實(shí)用和需求。
網(wǎng)頁(yè)設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確,而且要強(qiáng)調(diào)藝術(shù)性,通過獨(dú)特的藝術(shù)風(fēng)格和強(qiáng)烈的視覺沖擊力來鮮明地突出設(shè)計(jì)目的。作為視覺設(shè)計(jì)范疇一種的網(wǎng)頁(yè)設(shè)計(jì),其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得其藝術(shù)性的手法是必不可少的,一方面通過對(duì)網(wǎng)頁(yè)的內(nèi)容運(yùn)用邏輯規(guī)律進(jìn)行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對(duì)網(wǎng)頁(yè)構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理,更好地營(yíng)造設(shè)計(jì)目的的視覺環(huán)境,突出主題,增強(qiáng)瀏覽者對(duì)網(wǎng)頁(yè)的注意力,增進(jìn)對(duì)網(wǎng)頁(yè)內(nèi)容的理解。
網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)性不同于傳統(tǒng)媒體之處,就在于信息的交互性、持續(xù)性、多維性、多種媒體的綜合性、版式的不可控性等特點(diǎn),這些都離不開網(wǎng)頁(yè)設(shè)計(jì)技術(shù)方面的因素。網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)性是網(wǎng)頁(yè)設(shè)計(jì)時(shí)運(yùn)用相關(guān)的軟件技術(shù)、媒體技術(shù)電子技術(shù)等實(shí)現(xiàn)網(wǎng)頁(yè)最終表現(xiàn)效果的手段方式。沒有技術(shù)的支撐網(wǎng)頁(yè)也就失去了他的媒體特性。
網(wǎng)頁(yè)多種媒體的綜合性主要體現(xiàn)在使用的多媒體視聽元素,如文字、圖像、聲音、視頻等,這些都需要相應(yīng)的技術(shù)來實(shí)現(xiàn)。隨著技術(shù)的發(fā)展,網(wǎng)絡(luò)帶寬在增加,芯片處理速度在提高,跨平臺(tái)的多媒體文件格式被推廣,這些技術(shù)極大地滿足和豐富了瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量的更高要求。這些技術(shù)的運(yùn)用增強(qiáng)了頁(yè)面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力,呈現(xiàn)了前所未有的媒體革新。各種技術(shù)的發(fā)展促進(jìn)了網(wǎng)頁(yè)設(shè)計(jì)技術(shù)與藝術(shù)的緊密結(jié)合,網(wǎng)頁(yè)設(shè)計(jì)只有掌握各種網(wǎng)絡(luò)技術(shù)的規(guī)律,注重技術(shù)和藝術(shù)的緊密結(jié)合,窮盡技術(shù)之長(zhǎng),實(shí)現(xiàn)藝術(shù)想象,才能滿足未來瀏覽者對(duì)網(wǎng)頁(yè)信息的更高需求。設(shè)計(jì)是主觀和客觀共同作用的結(jié)果,網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁(yè)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),由純粹的視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù),網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)性與技術(shù)性的高度統(tǒng)一把瀏覽者帶入了一個(gè)全新的網(wǎng)絡(luò)數(shù)字時(shí)代。
參考文獻(xiàn):
1.針對(duì)平面設(shè)計(jì)刊物所需的內(nèi)容而進(jìn)行的體例、結(jié)構(gòu)、標(biāo)題等的藝術(shù)設(shè)計(jì)。網(wǎng)頁(yè)的版式是基于造型和視覺兩大因素的基礎(chǔ)上創(chuàng)建出的頁(yè)面形式,它同樣要有版面的造型要素和形式,在適當(dāng)?shù)膭?dòng)畫和背景音樂的襯托下讓受眾得到視覺和聽覺的享受。網(wǎng)頁(yè)版式的構(gòu)成一般有水平分割、垂直分割、水平垂直交叉分割,中軸型、傾斜型、曲線型、重心型、反復(fù)型和散點(diǎn)型等。
2.網(wǎng)頁(yè)版式的藝術(shù)性與裝飾性。版面布局和表現(xiàn)形式是版式設(shè)計(jì)藝術(shù)的核心。按照美的需要,帶有強(qiáng)烈的理想化傾向,以象征和裝飾的手法去概括和表現(xiàn),使設(shè)計(jì)更好地為版面內(nèi)容服務(wù),以達(dá)到最佳的藝術(shù)效果,使受眾獲得一種特定的情緒感染,領(lǐng)悟到個(gè)中傳達(dá)的深刻意圖,讓客觀效果得到充分地顯現(xiàn)和表達(dá),全方位體現(xiàn)傳達(dá)信息的特殊功能。
3.網(wǎng)頁(yè)版式的趣味性與獨(dú)創(chuàng)性。排版設(shè)計(jì)中的趣味性,主要是指形式的情趣。不受束縛,大膽、浪漫地表現(xiàn)一種理想的境界和情趣,以獲得一種活潑的版面視覺語(yǔ)言,從而更吸引人和打動(dòng)人;獨(dú)創(chuàng)性就是突出個(gè)性化特征。鮮明的個(gè)性是版式設(shè)計(jì)的創(chuàng)意精神,別出心裁、獨(dú)樹一幟的設(shè)計(jì)一定會(huì)贏得受眾的青睞和廣泛好評(píng)。
二、網(wǎng)頁(yè)的色彩設(shè)計(jì)
1.色彩。色彩是沐浴于日光下的不同性質(zhì)的物體,經(jīng)過不同程度的吸收而反射即視覺上所顯現(xiàn)出來的一種復(fù)雜的現(xiàn)象。寫實(shí)色彩要求客觀、科學(xué)地觀察、分析和表現(xiàn)客觀世界的色彩規(guī)律;裝飾色彩則是在自然色彩的基礎(chǔ)上概括、提煉、想象和夸張后所形成的色彩。寫實(shí)色彩和裝飾色彩在網(wǎng)頁(yè)設(shè)計(jì)中具有各自的舞臺(tái),分別扮演著不同的角色。
2.網(wǎng)頁(yè)的配色。色彩知識(shí)和色彩工具是塑造網(wǎng)頁(yè)藝術(shù)形象的條件,賦予人們對(duì)網(wǎng)絡(luò)文化生活的無限憧憬。維系明度、純度和色相的三個(gè)基本要素。明度、純度和色相的合理對(duì)比處理是建構(gòu)網(wǎng)頁(yè)色彩設(shè)計(jì)的基礎(chǔ),堅(jiān)守色彩的統(tǒng)一與變化。不同的色彩給人的情感也各異。因此,統(tǒng)一中有變化,變化中求統(tǒng)一,這是配色時(shí)考慮的首要問題,體現(xiàn)色彩的均衡的美感。在視覺藝術(shù)中,圖形和色彩等在感覺上、心理上的均衡感、安定感就是色平衡的美感,把握色彩的節(jié)奏與韻律。在網(wǎng)頁(yè)設(shè)計(jì)中借助節(jié)奏與韻律的元素來實(shí)現(xiàn)其色彩的巧妙組合與變化美,在視覺中以獲得一種獨(dú)特韻味;統(tǒng)籌色彩的單純化、強(qiáng)調(diào)、間隔、關(guān)聯(lián)和調(diào)和的關(guān)系,巧妙地應(yīng)用色彩感情和傳達(dá)規(guī)律,充分發(fā)揮色彩的各個(gè)功能作用,達(dá)到配色的最佳效果并激發(fā)受眾對(duì)網(wǎng)頁(yè)的廣泛興趣。
3.網(wǎng)頁(yè)色彩的形式。畢加索說過,色彩和形式一樣,與我們的感情形影不離。色彩是最富有表情作用的藝術(shù)語(yǔ)言。它借用一定的色彩形式表達(dá)意義。它能引起受眾不同的感覺和聯(lián)想,進(jìn)而產(chǎn)生不同的情感。通過一定的色彩形式對(duì)色彩的認(rèn)識(shí)構(gòu)成了一種情感活動(dòng)的內(nèi)容,其價(jià)值和作用是顯而易見的。例如,紅色使人感到火熱、興奮、熱情,產(chǎn)生緊張的情感;藍(lán)色讓人產(chǎn)生冰冷深遠(yuǎn)感,引起冷靜、沉著的感受。色彩的均衡、節(jié)奏、漸變、呼應(yīng)等的不同表達(dá)形式都會(huì)營(yíng)造出千姿百態(tài)的色彩形象,烘托出喜聞樂見的色彩氣氛。諸如此類,色彩與形式的有機(jī)統(tǒng)一對(duì)內(nèi)容的傳達(dá)起著十分重要的作用。
4.網(wǎng)頁(yè)色彩的審美。網(wǎng)頁(yè)設(shè)計(jì)作為新時(shí)代的產(chǎn)物,它與社會(huì)的發(fā)展和人們對(duì)生活的審美需求息息相關(guān)。色彩作為一種優(yōu)美的設(shè)計(jì)語(yǔ)言,在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域中所表達(dá)的含義是深刻而廣泛的。網(wǎng)頁(yè)色彩是對(duì)人的視覺刺激最敏感、反應(yīng)最快的視覺信息和審美符號(hào)。據(jù)研究,對(duì)色彩的注意力占人的視覺的80%,對(duì)形的注意力僅有20%。色彩中的冷暖、灰鮮、明暗、強(qiáng)弱既是色彩的性質(zhì),又是受眾心理和視覺情感以及審美的反映。所以,配色要遵循色彩的審美法則,要符合受眾的情感表達(dá)。配色前,要對(duì)網(wǎng)頁(yè)的整體定位,色彩的情感和功能有明確、深刻的認(rèn)識(shí)才能獲得配色的理想效果,達(dá)到審美的目的。當(dāng)色彩形式與規(guī)律被賦予一種使命時(shí),我們所表達(dá)的色彩才有積極的心理效應(yīng)和完美的藝術(shù)效果與價(jià)值。
三、結(jié)語(yǔ)
關(guān)鍵詞:印刷設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì) 差異比較
一、印刷設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)
為印刷媒介做設(shè)計(jì)跟為網(wǎng)頁(yè)做設(shè)計(jì)是完全不同的經(jīng)歷。我們?cè)谶@里討論的是網(wǎng)頁(yè)設(shè)計(jì)中的平面設(shè)計(jì)部分,設(shè)計(jì)師結(jié)合多媒體技術(shù),以網(wǎng)頁(yè)作為交流平臺(tái),以傳遞和交換信息的目的,發(fā)揮無窮的創(chuàng)意和靈感,運(yùn)用新思維將自身的思維過程與結(jié)論等信息傳播開來。印刷設(shè)計(jì),是美術(shù)設(shè)計(jì)人員在遵循印刷技術(shù)和印刷工藝的基本規(guī)律下進(jìn)行的平面圖形設(shè)計(jì)。為了更好地明白兩者的區(qū)別,我們可以從以下幾個(gè)主題來進(jìn)行對(duì)比:媒介的類型、受眾、排版、視覺元素、技術(shù)和職業(yè)。
二、印刷設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的差異比較
1、媒介的類型
在討論兩者在設(shè)計(jì)中的真正區(qū)別之前,先明白你在每個(gè)領(lǐng)域中可以做什么工作是很重要的。作為一個(gè)印刷設(shè)計(jì)師,你的工作可能是:雜志廣告、產(chǎn)品設(shè)計(jì)和包裝、名片、標(biāo)識(shí);網(wǎng)頁(yè)設(shè)計(jì)師的工作可能是:標(biāo)準(zhǔn)HTML網(wǎng)站、flash網(wǎng)站、郵件時(shí)事通訊和橫幅廣告。當(dāng)然,以上列舉可能難以盡數(shù),但最基本的區(qū)別在于:印刷設(shè)計(jì)是讓別人手里拿到一個(gè)最終的成品,而網(wǎng)頁(yè)設(shè)計(jì)則是需要你不斷更新電腦的各種信息。
2、受眾
當(dāng)開始一個(gè)項(xiàng)目的時(shí)候,考慮到受眾是很重要的,這就是印刷設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)之間的極大區(qū)別。在最基本的層面上說,網(wǎng)頁(yè)是交互式的,而印刷作品通常不是。
在印刷設(shè)計(jì)中,你想讓觀眾用足夠久的時(shí)間停留在一張頁(yè)面上來獲得信息,但也經(jīng)常會(huì)面對(duì)局限的空間去達(dá)到這個(gè)目的。例如:一頁(yè)雜志廣告。在某些情況下,你想抓住他們的注意力并進(jìn)一步了解產(chǎn)品,正如做一個(gè)書封或者宣傳冊(cè)首頁(yè)的目的一樣。印刷設(shè)計(jì)的好處之一就是你在處理一個(gè)實(shí)物,因此像紋理和形狀等物理性質(zhì)因素可以幫助你完成設(shè)計(jì)。以造紙公司會(huì)把雜志上的廣告印在他們生產(chǎn)的紙上為例,讓顧客去感受紙的重量和產(chǎn)品的質(zhì)地。在網(wǎng)頁(yè)設(shè)計(jì)中,你想讓觀眾盡可能久地關(guān)注某個(gè)網(wǎng)站,而網(wǎng)站是由許多網(wǎng)頁(yè)組成,因此需要“引誘”你的觀眾進(jìn)一步去點(diǎn)擊網(wǎng)站上面的內(nèi)容。清晰的導(dǎo)航(進(jìn)入網(wǎng)站點(diǎn)擊的按鈕)、動(dòng)畫、聲音和交互性都要發(fā)揮重要作用。
3、排版
印刷設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)都需要干凈、有效的排版。對(duì)于兩者來說,總的目標(biāo)是一致的。運(yùn)用設(shè)計(jì)的元素(形狀、線條、顏色、字體等)為你的觀眾展示內(nèi)容。區(qū)別體現(xiàn)于在可利用空間的設(shè)計(jì):在印刷方面,是用英寸測(cè)量空間;也可以是做小到名片、大到高速公路的廣告牌的設(shè)計(jì);確保設(shè)計(jì)的預(yù)期和作品完成之后給人相同的空間感受;必須有出血和安全的區(qū)域來保證打印的結(jié)果。網(wǎng)頁(yè)設(shè)計(jì)方面,往往是用像素測(cè)量空間;你會(huì)面臨一個(gè)挑戰(zhàn)――設(shè)計(jì)的網(wǎng)站在所有尺寸的顯示器和分辨率上看起來應(yīng)該要達(dá)到最好。統(tǒng)一的設(shè)計(jì),包括統(tǒng)一的導(dǎo)航(永遠(yuǎn)在同一位置),是把別人留在你的網(wǎng)站的關(guān)鍵。
4、視覺元素
印刷設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)的顏色處理可能是非常棘手的。在色彩方面平面設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)使用的色彩模式完全不同,平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴于印刷,所以采用CMYK的色彩模式,而網(wǎng)頁(yè)根據(jù)其顯像方式使用RGB的色彩模式。重要的是要理解每個(gè)顏色模型和空間,例如說RGB、CMYK和HSV。在印刷設(shè)計(jì)中必須考慮顏色在屏幕和紙上的區(qū)別,當(dāng)然試驗(yàn)可以幫助確保得到預(yù)期的結(jié)果。以及為打印機(jī)選擇專色和印刷色,這些顏色從調(diào)色板中選擇并確定一個(gè)代碼提供給打印機(jī)。在網(wǎng)頁(yè)設(shè)計(jì)中就需要考慮在不同的顯示器,顏色顯示的差異、亮度和對(duì)比度的改變對(duì)顏色的影響。
5、技術(shù)和職業(yè)
不管是印刷設(shè)計(jì)還是網(wǎng)頁(yè)設(shè)計(jì),不斷更新技術(shù)是必要的,用Adobe Photoshop, Illustrator和InDesign等程序來做設(shè)計(jì)也很重要。對(duì)于印刷設(shè)計(jì)師來說,了解印刷過程的最新進(jìn)展有助于達(dá)到最好的工作效果。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師來說,清楚電腦程序設(shè)計(jì)師什么能做和什么不能做,會(huì)幫助你獲得最有效的設(shè)計(jì)。
平面設(shè)計(jì)中的職業(yè)選擇是多方面的,印刷設(shè)計(jì)方面涉及的職業(yè)包含雜志藝術(shù)總監(jiān)、廣告公司廣告設(shè)計(jì)師、化妝品公司的包裝設(shè)計(jì)師、T恤公司設(shè)計(jì)師,而網(wǎng)頁(yè)設(shè)計(jì)方面就包括社交網(wǎng)站設(shè)計(jì)師、電影網(wǎng)站Flash設(shè)計(jì)師、市場(chǎng)營(yíng)銷公司的橫幅廣告設(shè)計(jì)師。
三、結(jié)束語(yǔ):
網(wǎng)頁(yè)設(shè)計(jì)和傳統(tǒng)印刷設(shè)計(jì)同屬于視覺語(yǔ)言,有相同的構(gòu)圖設(shè)計(jì)和版面設(shè)計(jì)原理。但兩者的發(fā)展和應(yīng)用空間各不相同。傳統(tǒng)的印刷設(shè)計(jì)有其實(shí)感體驗(yàn)和信息的收藏的安全性,而網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),有純粹的視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù),網(wǎng)頁(yè)效果不再近似于書籍或報(bào)刊雜志等印刷媒體,更接近于電影或電視的觀賞效果。可見兩者具有差異性且相互聯(lián)系,但不可替代。
參考文獻(xiàn):
[1]《世界平面設(shè)計(jì)史》,王受之 著,中國(guó)青年出版社,2002年9月
[2]《平面設(shè)計(jì)與印刷工藝》,趙小林 編著,中南大學(xué)出版社,2003年10月
[3]《網(wǎng)絡(luò)文化》,李鋼 王旭輝 著,人民郵電出版社,2005年5月
關(guān)鍵詞 簡(jiǎn)約化設(shè)計(jì);信息傳遞;網(wǎng)頁(yè)界面設(shè)計(jì)
中圖分類號(hào):TP393.092 文獻(xiàn)標(biāo)識(shí)碼:B
文章編號(hào):1671-489X(2015)08-0057-03
1 簡(jiǎn)約化及相關(guān)概念厘清
簡(jiǎn)約化與飽和化的辯證 飽和,在化學(xué)中的解釋是:在一定溫度和壓力下,溶液所含溶質(zhì)的量已經(jīng)達(dá)到最大限度不能夠再溶解時(shí)表現(xiàn)出的形態(tài)。也用來比喻事物發(fā)展到最高限度時(shí)所表現(xiàn)出來的狀況和態(tài)勢(shì)。從視覺接受的角度分析,飽和化是指視覺信息達(dá)到人們所承受的最大限度。簡(jiǎn)約化與飽和化是相對(duì)的。簡(jiǎn)約化就是對(duì)人視覺信息的簡(jiǎn)化,它是用簡(jiǎn)潔明快的視覺語(yǔ)言來滿足受眾對(duì)視覺環(huán)境感性的、本能的和理性的需求。
簡(jiǎn)約化與簡(jiǎn)單化的厘清 簡(jiǎn)約不同于簡(jiǎn)單。“簡(jiǎn)單”解釋為結(jié)構(gòu)單純、容易理解,與復(fù)雜、困難、繁瑣是相互對(duì)立的詞語(yǔ)。在網(wǎng)頁(yè)設(shè)計(jì)中簡(jiǎn)單表現(xiàn)為頁(yè)面結(jié)構(gòu)單一、色彩單調(diào),在形式表達(dá)上比較呆板,無法給人視覺帶來亮點(diǎn),功能缺乏交互性等。簡(jiǎn)約并不是缺乏設(shè)計(jì)要素,它是一種更高層次的創(chuàng)作境界[1]。簡(jiǎn)約是針對(duì)不同對(duì)象,篩選適合于設(shè)計(jì)對(duì)象的、經(jīng)過不斷精心組合或者選擇的精華。它遵從人類的生理和心理狀態(tài),強(qiáng)調(diào)的是以人為本的更為情感化的設(shè)計(jì)。
2 簡(jiǎn)約化網(wǎng)頁(yè)界面設(shè)計(jì)的內(nèi)涵分析
形式統(tǒng)一與和諧 凡是簡(jiǎn)潔美的東西都有一條共同的原則,就是在外觀造型中的各元素存在一定的和諧、統(tǒng)一的關(guān)系[2]。人的視覺和心理慣于接受有序、簡(jiǎn)潔與和諧的形態(tài)。即使人們遇到一些看似凌亂無序的畫面,也盡量從各種角度對(duì)其進(jìn)行歸類、整理,以求從中找出內(nèi)在的規(guī)律與美的因素。因此。視覺美感產(chǎn)生于有序與和諧之中。有序與和諧讓人對(duì)事物的心理感覺單純化、規(guī)律化以及整潔化。
網(wǎng)頁(yè)功能的簡(jiǎn)潔性 簡(jiǎn)約的網(wǎng)頁(yè)在功能上能明確表達(dá)功能效用,強(qiáng)調(diào)用戶體驗(yàn),是一種人性化的設(shè)計(jì)。王曉蓉、楊治明曾經(jīng)建議人性化網(wǎng)頁(yè)界面設(shè)計(jì)要具有美觀性、舒適性、簡(jiǎn)潔性、一致性、高效性和安全性[3]。簡(jiǎn)約的網(wǎng)頁(yè)功能針對(duì)用戶的心理動(dòng)機(jī)、認(rèn)知心理、智力發(fā)展?fàn)顩r進(jìn)行設(shè)計(jì),表達(dá)意義簡(jiǎn)明醒目,易被用戶注意和認(rèn)知,而不是浪費(fèi)時(shí)間去尋找功能。
形態(tài)的易記性 從記憶的角度來說,簡(jiǎn)潔單純的網(wǎng)頁(yè)元素要比復(fù)雜的網(wǎng)頁(yè)元素更容易被人們記住。簡(jiǎn)潔單純的事物視覺點(diǎn)突出,不會(huì)分散用戶的注意力,能夠保持長(zhǎng)時(shí)間的注意力穩(wěn)定。
情感表達(dá)的豐富性 簡(jiǎn)約化的網(wǎng)頁(yè)呈現(xiàn)的不僅僅是一個(gè)視覺畫面,它還蘊(yùn)含著深刻的思想和豐富的情感。針對(duì)用戶的情感心境,使用合理的文字、色彩、圖像,能使用戶對(duì)產(chǎn)品產(chǎn)生親和力,從而加深品牌印象。因此,網(wǎng)頁(yè)不僅注重它的美觀度,更注重它的情感表達(dá)的豐富性。
3 網(wǎng)頁(yè)界面設(shè)計(jì)中簡(jiǎn)約化要素分析
簡(jiǎn)約化設(shè)計(jì)與文字元素 文字是人類用來記錄語(yǔ)言的符號(hào)系統(tǒng),在網(wǎng)頁(yè)界面設(shè)計(jì)中占有十分重要的作用,因?yàn)槿藗兇蠖嘈畔⒌墨@知都是以文字的形式表達(dá)出來的。眾多構(gòu)成要素中文字具有最佳的直觀傳達(dá)作用以及最高的明確性。文字傳達(dá)本身語(yǔ)義之外,還傳遞其他一些信息。文字視覺形態(tài)的大小、顏色、曲直、排列的疏密,以及語(yǔ)言的強(qiáng)弱、緩急、和諧或嘈雜,以及表情、姿態(tài)等,能夠引起瀏覽者內(nèi)心相應(yīng)的不同感受。文字簡(jiǎn)約化設(shè)計(jì)表現(xiàn)為以下幾點(diǎn)。
1)易讀性:文字的表達(dá)要能被大眾理解,在排版形式上能夠符合人們的視覺流程,在文字顏色和大小設(shè)計(jì)上要符合網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格。
2)明確性:信息表達(dá)簡(jiǎn)潔明了,不繁瑣不模糊,能夠明確表達(dá)網(wǎng)頁(yè)設(shè)計(jì)的中心主題;在語(yǔ)義的傳達(dá)上不會(huì)讓人產(chǎn)生歧義,傳達(dá)的信息容易被用戶理解。
3)美觀性:文字的大小、顏色、編排等的設(shè)計(jì)要符合人的視覺審美,選擇適合于網(wǎng)頁(yè)風(fēng)格的文字編排;通過文字形體的統(tǒng)一變化、文字編排的節(jié)奏韻律、文字量感的對(duì)比和諧來增強(qiáng)網(wǎng)站的美觀度。
4)適合性:針對(duì)不同的用戶,使用合適的文字大小、顏色、語(yǔ)氣、形態(tài),拉近用戶的心理距離,引發(fā)用戶的情感共鳴,達(dá)到產(chǎn)品宣傳的最終效果。
5)創(chuàng)新性:將文字圖形化、意象化,以更富創(chuàng)意的形式表達(dá)出深層的設(shè)計(jì)思想,能夠克服網(wǎng)頁(yè)的單調(diào)和平淡,從而打動(dòng)人心。這種方式的處理既是文字內(nèi)容的直觀表達(dá),又是文字含義的延伸表達(dá)。它增加網(wǎng)頁(yè)的視覺亮點(diǎn),給用戶耳目一新的感覺。
簡(jiǎn)約化設(shè)計(jì)與圖像元素 圖像在網(wǎng)頁(yè)設(shè)計(jì)中扮演著不可缺少的角色,能夠簡(jiǎn)化網(wǎng)頁(yè)設(shè)計(jì)的各種復(fù)雜的信息,這也是大多設(shè)計(jì)師喜歡它的原因之一。圖像簡(jiǎn)化信息的具體表現(xiàn)包括以下幾點(diǎn)。
1)圖像的直觀性和簡(jiǎn)易性:圖像取代了文字多而繁雜的缺陷,相對(duì)于大片的描述文字,人們更愿意去選擇簡(jiǎn)潔和直觀的圖片,它易被理解和認(rèn)知。尤其是在體現(xiàn)產(chǎn)品特質(zhì)的網(wǎng)頁(yè)中,與其使用大量的文字耗費(fèi)精力,不如使用更直觀的產(chǎn)品圖片,提高信息的傳遞效率。
2)圖像的豐富性和真實(shí)性:圖像含有豐富的色彩,具有設(shè)計(jì)藝術(shù)的美觀度和視覺的空間感,所以能夠吸引人們的眼球。同時(shí),圖像多是真實(shí)的生活采集到的攝影圖片,在藝術(shù)的表達(dá)上自然、不做作、真實(shí),更符合人們簡(jiǎn)約化思維的模式。
在新聞資訊類網(wǎng)站中,圖文結(jié)合是經(jīng)常見到的現(xiàn)象。網(wǎng)站中都會(huì)把今日的重點(diǎn)新聞配上小塊的圖片放在網(wǎng)頁(yè)中,不僅簡(jiǎn)化了文字的數(shù)量,還提高了用戶處理信息的效率。圖片的應(yīng)用就是對(duì)信息的簡(jiǎn)約化處理,圖像將信息以最直觀、簡(jiǎn)潔的形式呈現(xiàn)出來,省去了人們閱讀大篇文字的時(shí)間,也避免了因文字過多而迷失重點(diǎn)。
另外,圖形的簡(jiǎn)約化還表現(xiàn)在LOGO設(shè)計(jì)上。LOGO可識(shí)別性強(qiáng),使用簡(jiǎn)單的圖形表達(dá)豐富的含義。簡(jiǎn)約化的標(biāo)志更容易獲得受眾的認(rèn)知,更具有時(shí)代性,是信息簡(jiǎn)化的產(chǎn)物。
簡(jiǎn)約化設(shè)計(jì)與色彩元素 色彩在網(wǎng)頁(yè)設(shè)計(jì)中占有很重要的位置,因?yàn)榫蜕矶裕藗儗?duì)色彩的敏感度特別的高。馬克思說:“色彩的感覺是一般美感中最大眾化的形式。”[4]當(dāng)打開一個(gè)網(wǎng)頁(yè)時(shí),關(guān)注色彩元素比其他的元素都要強(qiáng),色彩最具表現(xiàn)力與識(shí)別性,出色的色彩搭配可以在瞬間吸引用戶的目光[5]。同時(shí),它能夠體現(xiàn)企業(yè)產(chǎn)品的特質(zhì),在不需要過多繁瑣的文字、版式等元素的搭配下,色彩就能直接簡(jiǎn)潔明了地給用戶第一印象。
簡(jiǎn)約化的網(wǎng)頁(yè)色彩設(shè)計(jì)就是根據(jù)網(wǎng)頁(yè)類型的特質(zhì),從復(fù)雜的客觀色彩中提取出最能凸顯設(shè)計(jì)神韻的一到三種主觀性的色彩,通過色彩的色相、純度、明暗、色塊面積等的對(duì)比,簡(jiǎn)化用戶的視覺流程,給受眾帶來視覺和心理的輕松,具體表現(xiàn)為以下幾點(diǎn)。
1)配色的統(tǒng)一和諧:同一色彩的大量使用,可以使頁(yè)面整體化和秩序化,能快速給用戶留下深刻的印象。
2)配色的強(qiáng)調(diào)和突出:使用和其他元素顏色對(duì)比強(qiáng)烈的某一色彩,可以引起受眾的注意力。
3)配色的留白使用:采用大面積色塊的留白,增強(qiáng)了頁(yè)面的節(jié)奏感和韻律感,能夠使頁(yè)面簡(jiǎn)潔大方。
簡(jiǎn)約化設(shè)計(jì)與版式設(shè)計(jì) 如果把網(wǎng)頁(yè)界面中的文字、圖形、點(diǎn)線面等元素比喻成員工的話,那么版式設(shè)計(jì)就是一個(gè)管理者,根據(jù)員工的職能特點(diǎn),依據(jù)一定的管理理論和方法,有效地激發(fā)員工優(yōu)勢(shì),從而更好地完成任務(wù)。因此,版式設(shè)計(jì)就是將文字、圖像、色彩、圖標(biāo)等元素有機(jī)組合,表達(dá)美與和諧[6]。
簡(jiǎn)約化的網(wǎng)頁(yè)版式設(shè)計(jì)并不是將各種元素雜亂無章地編排,而是按照人們的視覺流程規(guī)律以及形象思維,有秩序統(tǒng)一地進(jìn)行規(guī)劃整合。基于受眾的視覺流程規(guī)律,簡(jiǎn)約化的網(wǎng)頁(yè)版式設(shè)計(jì)應(yīng)該具有以下特征。
1)清晰易讀:網(wǎng)頁(yè)的不同元素位置設(shè)計(jì),框架構(gòu)造上和諧統(tǒng)一。每個(gè)元素不是混亂的搭配,而是根據(jù)人的視覺流程特點(diǎn),將設(shè)計(jì)元素進(jìn)行合理規(guī)劃,能夠在人的大腦中呈現(xiàn)出清晰明了的信息。
2)統(tǒng)一有秩序:統(tǒng)一和秩序增強(qiáng)了網(wǎng)頁(yè)各元素的聯(lián)系和輕重關(guān)系,符合用戶的閱讀習(xí)慣、心理秩序和思維發(fā)展的邏輯認(rèn)知順序。
3)相互呼應(yīng):呼應(yīng)是指兩個(gè)以上的形態(tài)之間通過“呼
喚”和“相應(yīng)”的關(guān)系達(dá)到畫面的均衡。有效的網(wǎng)頁(yè)元素呼應(yīng)能夠增加元素之間的內(nèi)在聯(lián)系,使網(wǎng)頁(yè)整體感突出。
4)中心突出:視覺中心是人的視覺心理量感所偏向的視覺位置。視覺中心突出的網(wǎng)頁(yè)能夠主次分明地把網(wǎng)頁(yè)的元素進(jìn)行位置編排,以突出網(wǎng)頁(yè)要表達(dá)的重點(diǎn)信息。
簡(jiǎn)約化設(shè)計(jì)與留白 顧名思義,空白區(qū)域是指不同元素之間的區(qū)域。在網(wǎng)頁(yè)設(shè)計(jì)中,文字之間、段落之間、圖片之間等網(wǎng)頁(yè)設(shè)計(jì)元素之間的區(qū)域都是空白。網(wǎng)頁(yè)設(shè)計(jì)的留白并非意指白色,而是設(shè)計(jì)界面中內(nèi)容的空白。認(rèn)知心理學(xué)的研究證明,留在空白之中的東西更容易被人注意和想起[7],它是符合人們的認(rèn)知需求的,人們的注意力和記憶力不可能長(zhǎng)期保持穩(wěn)定的狀態(tài),他們需要外界的事物給予一個(gè)“緩沖”和“喘息”,以獲得視覺和心理的緩和,因此,留白體現(xiàn)的是一種單純輕松的理念。
“留白”在某種程度上代表著簡(jiǎn)約[8]。留白正是用這種“此時(shí)無聲勝有聲”的視覺語(yǔ)言,詮釋了簡(jiǎn)約化設(shè)計(jì)的以少勝多之美。留白能控制視覺量感,保持了網(wǎng)頁(yè)整體的統(tǒng)一性和平衡感,增加了網(wǎng)頁(yè)頁(yè)面的內(nèi)涵和豐富性。網(wǎng)頁(yè)設(shè)計(jì)中一般包括以下幾種常用的留白技巧。
1)背景和元素間隔的空白:它能夠清晰地分離頁(yè)面板塊,增加頁(yè)面的空間感,更容易引導(dǎo)用戶的視覺流程。
2)頁(yè)面大面積色塊使用:頁(yè)面大面積使用某一色彩,可以強(qiáng)烈渲染、烘托網(wǎng)頁(yè)設(shè)計(jì)元素和網(wǎng)頁(yè)主題,簡(jiǎn)約時(shí)尚而更具視覺沖擊力。
3)統(tǒng)一頁(yè)面主要設(shè)計(jì)元素的背景,呈現(xiàn)出規(guī)則圖形組合:統(tǒng)一而有秩序的頁(yè)面能簡(jiǎn)明地體現(xiàn)網(wǎng)頁(yè)主題的特質(zhì),更容易讓用戶認(rèn)知。
4 總結(jié)
簡(jiǎn)約化網(wǎng)頁(yè)界面設(shè)計(jì)符合現(xiàn)代人們視覺和心理的需要,是時(shí)代大背景的選擇,體現(xiàn)設(shè)計(jì)界最先進(jìn)的設(shè)計(jì)理念。將簡(jiǎn)約化的思想和理念運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中,創(chuàng)造性地處理網(wǎng)頁(yè)中文字、圖像、色彩、版式等網(wǎng)頁(yè)元素的關(guān)系,便能正確把握設(shè)計(jì)流程的方向,給設(shè)計(jì)師和用戶一個(gè)規(guī)范的參考。
參考文獻(xiàn)
[1]黎浩.簡(jiǎn)約主義:現(xiàn)代設(shè)計(jì)的風(fēng)格傾向[J].高教論壇,
2004(5).
[2]楊大松.現(xiàn)代設(shè)計(jì)藝術(shù)的簡(jiǎn)潔之美[J].安徽建筑工業(yè)學(xué)院學(xué),2004,12(2).
[3]何亭.人性化網(wǎng)頁(yè)界面設(shè)計(jì)的進(jìn)展與展望[J].美與時(shí)代,2012(9).
[4]歐陽(yáng)丹.淺析現(xiàn)代平面設(shè)計(jì)中色彩的簡(jiǎn)約化趨勢(shì)[J].湖南工業(yè)職業(yè)技術(shù)學(xué),2009,9(1).
[5]吳愛群.簡(jiǎn)約版式在平面設(shè)計(jì)中的應(yīng)用[J].美術(shù)教育研究,2012(3).
[6]石艷紅.網(wǎng)站建設(shè)中的版式設(shè)計(jì)[J].科技信息,2007(28).
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì) ; 網(wǎng)頁(yè)藝術(shù); 創(chuàng)意 ;元素隨著
Internet在中國(guó)的迅速發(fā)展,人們?nèi)粘I钪性絹碓蕉嗟厥褂眠@項(xiàng)新的技術(shù)來為自己的工作和學(xué)習(xí)服務(wù).由于WEB頁(yè)面能把文本、圖像、聲音、動(dòng)畫、視像等多種媒體信息集于一體,不但使信息的顯示更加生動(dòng),而且使信息的瀏覽更為方便,同時(shí)WEB頁(yè)能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶信息反饋方便了企業(yè)與客戶之間信息交流,因此許多企業(yè)紛紛建設(shè)具有自己獨(dú)特風(fēng)格的網(wǎng)站以增強(qiáng)企業(yè)知名度。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)頁(yè)!所以網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì),日益被網(wǎng)站建設(shè)者所注重。如何制作一個(gè)完整的豐富多彩的頁(yè)面,主要從色彩、框架,布局、優(yōu)化這幾個(gè)大方面對(duì)頁(yè)面設(shè)計(jì)進(jìn)行,而網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的文字、圖形、色彩、多媒體四個(gè)要素則是設(shè)計(jì)的關(guān)鍵之所在,而創(chuàng)新思維是網(wǎng)頁(yè)設(shè)計(jì)的靈魂,巧妙的運(yùn)用會(huì)讓網(wǎng)頁(yè)錦上添花。
1網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)思維
一個(gè)網(wǎng)站如果想在瀏覽者中確立自己的形象,就必須具有突出的個(gè)性。在網(wǎng)頁(yè)設(shè)計(jì)中,要想達(dá)到吸引瀏覽者、引起共鳴的目的,就必須領(lǐng)先網(wǎng)站自身獨(dú)特的創(chuàng)意,因此創(chuàng)意是網(wǎng)站存在的關(guān)鍵。好的創(chuàng)意能巧妙、恰如其分地表現(xiàn)主題、渲染氣氛,增加網(wǎng)頁(yè)的感染力,讓人過目不忘,并且能夠使網(wǎng)面具有整體協(xié)調(diào)的風(fēng)格。
創(chuàng)意的審美原則要求所設(shè)計(jì)的內(nèi)容健康、生動(dòng)、符合人們審美觀念。
1.1富于聯(lián)想。
聯(lián)想是藝術(shù)形式中最常用的表現(xiàn)手法,通過聯(lián)想,人們?cè)趯徝缹?duì)象上看到自己或與自己有關(guān)的經(jīng)驗(yàn),美感往往顯得特別強(qiáng)烈,從而使得審美對(duì)象與產(chǎn)品中引發(fā)了美感共鳴,其感情的強(qiáng)度總是激烈的、豐富的合乎審美規(guī)律的心理現(xiàn)象。
1.2巧用對(duì)比。
對(duì)比是一種趨向于對(duì)立沖突的藝術(shù)美中最突出的表現(xiàn)手法。在網(wǎng)頁(yè)設(shè)計(jì)形式中加入不和諧的元素,把網(wǎng)頁(yè)作品中所描繪的事物的性質(zhì)和特點(diǎn)放在鮮明的對(duì)照和直接對(duì)比中來表現(xiàn),借彼顯此,互比互襯,從對(duì)比所呈現(xiàn)的差別中,達(dá)到集中、簡(jiǎn)潔、曲折變化的表現(xiàn)。通過這種手法更鮮明地強(qiáng)調(diào)或提示網(wǎng)頁(yè)的特征,給瀏覽者以深刻的視覺感受。
1.3大膽夸張。
夸張是一般中求新奇變化,通過虛構(gòu)把對(duì)象的特點(diǎn)和個(gè)性中美的方面進(jìn)行夸大,賦予人們一種新奇與變化的情趣。通過夸張手法的運(yùn)用,為網(wǎng)頁(yè)的藝術(shù)美注入了濃郁的感彩,使網(wǎng)頁(yè)的特征性鮮明、突出、動(dòng)人。
1.4趣味幽默。
幽默法是指網(wǎng)頁(yè)作品中巧妙地再現(xiàn)喜劇性特征,抓住生活現(xiàn)象中局部性的東西,通過人們的性格、外貌和舉止的某些可笑的特征表現(xiàn)出來,無限延伸到漫畫的程度,造成一種充滿情趣、引人發(fā)笑而又耐人尋味的幽默意境。幽默的矛盾沖突可以達(dá)到出乎意料之外,又在情理之中的藝術(shù)效果,勾引起觀賞者會(huì)心和微笑,以別具一格的方式,發(fā)揮藝術(shù)感染力的作用。
1.5擅用比喻。
比喻法是指在設(shè)計(jì)過程中選擇兩個(gè)各不相同,而在某些方面又有些相似性的事物,“以此物喻彼物”,比喻的事物與主題沒有直接的關(guān)系,但是某一點(diǎn)上與主題的某些特征有相似之處,因而可以借題發(fā)揮,進(jìn)行延伸轉(zhuǎn)化,獲得“婉轉(zhuǎn)曲達(dá)”的藝術(shù)效果。
1.6巧設(shè)懸念 。
在表現(xiàn)手法上故弄玄虛,布下疑陣,使人對(duì)網(wǎng)頁(yè)乍看不解題意,造成一種猜疑和緊張的心理狀態(tài),在瀏覽者的心理上掀起層層波瀾,產(chǎn)生夸張的效果,驅(qū)動(dòng)瀏覽者的好奇心和強(qiáng)烈舉動(dòng),開啟積極的思維聯(lián)想,引起觀眾進(jìn)一步探明廣告題意之所在的強(qiáng)烈愿望,然后通過網(wǎng)頁(yè)標(biāo)題或正文把網(wǎng)頁(yè)的主題點(diǎn)明出來,使懸念得以解除,給人留下難忘的心理感受。懸念手法有相當(dāng)高的藝術(shù)價(jià)值,它首先能加深矛盾沖突,吸引觀眾的興趣和注意力,造成一種強(qiáng)烈的感受,產(chǎn)生引人入勝的藝術(shù)效果。
1.7以小見大。
以小見大中的“小”,是網(wǎng)頁(yè)中描寫的焦點(diǎn)和視覺興趣中心,它既是網(wǎng)頁(yè)創(chuàng)意的濃縮和升華,也是設(shè)計(jì)者匠心獨(dú)具的安排,因面它已不是一般意義的“小”,而是小中寓大,以小勝大的高度提煉的產(chǎn)物,是簡(jiǎn)潔的刻意追求。以細(xì)節(jié)見整體,以管窺豹。
1.8以人為本 。
藝術(shù)的感染力最有直接作用的是感情因素,而以人為本是使藝術(shù)加強(qiáng)傳達(dá)感情的特征,在表現(xiàn)手法上側(cè)重選擇具有感情傾向的內(nèi)容,以美好的感情來烘托主題,真實(shí)而生動(dòng)地反映這種審美感情就能獲得以情動(dòng)人,發(fā)揮藝術(shù)感染人的力量,這是現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的文學(xué)側(cè)重和美的意境與情趣的追求。
1.9偶像崇拜。
在現(xiàn)實(shí)生活中,人們心里都有自己崇拜、仰慕或效仿的對(duì)象,而且有一種想盡可能地向他靠近的心理欲求,從而獲得心理上的滿足。這種手法正是針對(duì)人們的這種心理特點(diǎn)運(yùn)用的,它抓住人們對(duì)名人偶像仰慕的心理,選擇觀眾心目中崇拜的偶像,配合產(chǎn)品信息傳達(dá)給觀眾。由于名人偶像有很強(qiáng)的心理感召力,故借助名人偶像的陪襯,可以大大提高產(chǎn)品的印象程度與銷售地位,樹立名牌的可信度,產(chǎn)生不可言喻的說服力,誘發(fā)消費(fèi)者對(duì)廣告中名人偶像所贊譽(yù)的產(chǎn)品的注意激發(fā)起購(gòu)買欲望。
1.10古典傳統(tǒng) 。
這類網(wǎng)頁(yè)設(shè)計(jì)以傳統(tǒng)風(fēng)格和古舊形式來吸引瀏覽者。古典傳統(tǒng)創(chuàng)意適合應(yīng)用于以傳統(tǒng)藝術(shù)和文化為主題的網(wǎng)站中,將我國(guó)的書法、繪畫、建筑、音樂、戲曲等傳統(tǒng)文化中獨(dú)具的民族風(fēng)格,融入到網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)意中。
1.11流行時(shí)尚 。
流行時(shí)尚的創(chuàng)意手法是通過鮮明的色彩、單純的形象以及編排上的節(jié)奏感,體現(xiàn)出流行的形式特征。設(shè)計(jì)者可以利用不同類別的視覺元素,給瀏覽者強(qiáng)烈、不安定的視覺刺激感和炫目感。這類網(wǎng)站以時(shí)尚現(xiàn)代的表現(xiàn)形式吸引年輕瀏覽者的注意。
1.12神奇迷幻 。
運(yùn)用畸形的夸張,以無限豐富的想象構(gòu)織出神話與童話般的畫面,在一種奇幻的情景中再現(xiàn)現(xiàn)實(shí),造成與現(xiàn)實(shí)生活的某種距離,這種充滿濃郁浪漫主義,寫意多于寫實(shí)的表現(xiàn)手法,以突然出現(xiàn)的神奇的視覺感受,很富于感染力,給人一種特殊的美感受,可滿足人們喜好奇異多變的審美情趣的要求。
1.13合理綜合。
綜合是設(shè)計(jì)中廣泛應(yīng)用的方法,從各個(gè)元素的適宜性處理中體現(xiàn)出設(shè)計(jì)師的創(chuàng)作意圖,追求和諧的美感,是指在分析各個(gè)構(gòu)成要素的基礎(chǔ)上加以綜合,使綜合后的界面整體形式表現(xiàn)出創(chuàng)造性的新成果。
2網(wǎng)頁(yè)設(shè)計(jì)幾個(gè)元素的運(yùn)用
2.1色彩元素。
網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)離不開色彩的應(yīng)用,當(dāng)打開一個(gè)網(wǎng)站的時(shí)候,給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容,也不是網(wǎng)站合理的布局,而是網(wǎng)站的色彩,尤其是在體現(xiàn)界面的時(shí)候,色彩對(duì)人的視覺效果非常明顯,一個(gè)網(wǎng)站設(shè)計(jì)的成功與否,在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)顏色的運(yùn)用和搭配。
網(wǎng)頁(yè)界面設(shè)計(jì)是一種審美活動(dòng),成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段,而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖,而并非創(chuàng)造美。網(wǎng)頁(yè)界面頁(yè)面設(shè)計(jì)的任務(wù),是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同,設(shè)計(jì)的任務(wù)也不同。從形式上,可以將站點(diǎn)分為以下三類:第一類是資訊類站點(diǎn),像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問者提供大量的信息,而且訪問量較大。因此需注意網(wǎng)頁(yè)界面設(shè)計(jì)頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等問題。第二類是資訊和形象相結(jié)合的網(wǎng)站,像一些較大的公司、國(guó)內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高,既要保證資訊類網(wǎng)站的上述要求,同時(shí)又要突出企業(yè)、單位的形象。第三類則是形象類網(wǎng)站,比如一些中小型的公司或單位。這類網(wǎng)站一般較小,有的則有幾頁(yè),需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單,頁(yè)面設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。
2.2視聽元素。
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動(dòng)態(tài)影像等。無論是文字、圖形、動(dòng)畫,還是音頻、視頻,網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬盤上,然后啟動(dòng)相應(yīng)的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后,提供了基于OLE的ActiveX技術(shù),用來在網(wǎng)頁(yè)中播放多媒體。目前ActiveX已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是JavaApplet。它是用Java語(yǔ)言編寫的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序,相比于插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平臺(tái)能力,因此具有很好的發(fā)展前景。總之,技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn),也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。
2.3多種媒體的綜合運(yùn)用 。
動(dòng)畫制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì),肯定也少不了動(dòng)畫的加入,并且還要有藝術(shù)氣息在里面,這就要求我們的設(shè)計(jì)者要有藝術(shù)修養(yǎng)和對(duì)顏色的綜合把握了,在沒有FLASH軟件之前,用的是Go live這個(gè)軟件,再后來就用傳統(tǒng)的做法,在html中嵌入Java程序編寫的動(dòng)畫,但這要求設(shè)計(jì)者要對(duì)Java語(yǔ)言熟悉。隨著軟件的發(fā)展,如今有了許多制作動(dòng)畫的軟件,二維的、三維的等等,如現(xiàn)在我們用的FLASH軟件,用它制作的動(dòng)畫,小巧迷人,只需作為一個(gè).swf格式文件導(dǎo)出,再導(dǎo)入到網(wǎng)頁(yè)編輯器里就可以了。
目前網(wǎng)頁(yè)中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺(tái)的多媒體文件格式的推廣,必將促使設(shè)計(jì)者綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁(yè),以滿足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁(yè)已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流(Stream)技術(shù)的推動(dòng)下,Internet網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù),典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運(yùn)用是網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的特點(diǎn)之一,是未來的發(fā)展方向。
總之,網(wǎng)站藝術(shù)的使用及產(chǎn)生的風(fēng)格在整個(gè)網(wǎng)頁(yè)設(shè)計(jì)中具有很重要的作用,是社會(huì)公眾對(duì)一切網(wǎng)絡(luò)性狀的認(rèn)識(shí)和評(píng)價(jià)。范圍廣、速度快、信息多的網(wǎng)絡(luò)傳播是網(wǎng)站形象的傳播形式,網(wǎng)站形象利用網(wǎng)頁(yè)完成視覺傳達(dá),具有交互性與持續(xù)性、多維性、多媒體的綜合性、藝術(shù)與技術(shù)結(jié)合的緊密性等表現(xiàn)特征;設(shè)計(jì)主題鮮明、形式與內(nèi)容統(tǒng)一、網(wǎng)站形象的整體性是網(wǎng)站形象設(shè)計(jì)要把握的原則;網(wǎng)站形象設(shè)計(jì)的整體定位、適當(dāng)增加動(dòng)感化設(shè)計(jì)、注入情感化設(shè)計(jì)等藝術(shù)手段,是有效樹立網(wǎng)站形象的策略;而創(chuàng)意思維則是網(wǎng)頁(yè)設(shè)計(jì)的靈魂。隨著時(shí)代的飛速進(jìn)步、技術(shù)的不斷變革,將不斷地賦予網(wǎng)站形象設(shè)計(jì)以新的內(nèi)涵與表現(xiàn),為網(wǎng)頁(yè)的設(shè)計(jì)“錦上添花”。
參考文獻(xiàn)
[1]胡銳《企業(yè)形象學(xué)》浙江出版社.1995.8.第2頁(yè).
[2][美]馬丁?林茲喬姆, 蒂姆?弗蘭克?安德森《互聯(lián)網(wǎng)品牌策略》上海科學(xué)技術(shù)文獻(xiàn)出版社.2001.1.
[3][美]Jack Dvis&Susan Merritt.王國(guó)春,張琦譯《網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意與精品賞析》 北京大學(xué)出版社.2001.1.
關(guān)鍵詞:網(wǎng)頁(yè)界面設(shè)計(jì) 平面設(shè)計(jì) 色彩 版式設(shè)計(jì)、字體 圖形 瀏覽方式 信息傳播區(qū)別
中圖分類號(hào):S611文獻(xiàn)標(biāo)識(shí)碼: A
最近一直在做網(wǎng)頁(yè)界面設(shè)計(jì)教學(xué)工作,其中很多學(xué)生問我,網(wǎng)頁(yè)界面設(shè)計(jì)就是平面設(shè)計(jì)嗎?當(dāng)時(shí)我告訴他們肯定是不一樣的。但是至于究竟哪些地方不一樣,卻沒有系統(tǒng)準(zhǔn)確的對(duì)學(xué)生解釋清楚。后來我時(shí)常再想這個(gè)問題,既然學(xué)生們都有這個(gè)疑問,那么肯定會(huì)有更多的網(wǎng)頁(yè)界面初學(xué)者都會(huì)有這個(gè)疑問,所以在這里,我想談?wù)劸W(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)的異同。
網(wǎng)頁(yè)界面設(shè)計(jì)和平面設(shè)計(jì)都是屬于設(shè)計(jì),但是他們又有著很大的區(qū)別,那不就與大自然界的青蛙和蛤蟆一樣嗎?他們都屬于兩棲生物,但又不是同一種生物,差別那么大。
在網(wǎng)頁(yè)出現(xiàn)的早期,網(wǎng)頁(yè)設(shè)計(jì)是以功能性為第一指導(dǎo)原則,以技術(shù)因素為主要考慮對(duì)象,以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用,同時(shí)技術(shù)要求相對(duì)較低,易于實(shí)現(xiàn),并且有較好的穩(wěn)定性,故而這種形式的界面在很長(zhǎng)一段時(shí)間內(nèi)是人機(jī)交流的主要形式。隨著互聯(lián)網(wǎng)的發(fā)展,網(wǎng)頁(yè)界面設(shè)計(jì)是用美和技術(shù)衡量生活的合理性。網(wǎng)頁(yè)界面設(shè)計(jì)是將藝術(shù)與技術(shù)融為一體的創(chuàng)造性活動(dòng)。它包含了網(wǎng)頁(yè)視覺傳達(dá)設(shè)計(jì)和交互設(shè)計(jì)。
平面設(shè)計(jì)的過程,是設(shè)計(jì)者將思想和設(shè)計(jì)概念轉(zhuǎn)變?yōu)橐曈X符號(hào)形式的過程,即概念視覺化的過程,對(duì)信息的接收者來說,則是相反的過程,即視覺概念化的過程,貫穿和聯(lián)結(jié)兩個(gè)過程的是信息。
現(xiàn)在就讓我們來分析一下同樣視覺傳達(dá)設(shè)計(jì),它們之間的差異性。
一、色彩模式
在色彩方面網(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)使用的色彩模式完全不同,平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴于印刷,所以采用CMYK的色彩模式,而網(wǎng)頁(yè)根據(jù)其顯像方式使用RGB的色彩模式。平面設(shè)計(jì)時(shí)的色彩運(yùn)用注重視覺的沖擊力及視覺流的引導(dǎo)(在這點(diǎn)上與網(wǎng)頁(yè)設(shè)計(jì)中的BANNER設(shè)計(jì)相類似),而網(wǎng)頁(yè)設(shè)計(jì)(產(chǎn)品類)更注重的是信息結(jié)構(gòu)關(guān)系的梳理,如果將色彩運(yùn)用的過多過強(qiáng),很容易引起視覺的疲勞感。
二、版式設(shè)計(jì)
網(wǎng)頁(yè)界面的版式設(shè)計(jì)中,其比例關(guān)系一般體現(xiàn)在:頁(yè)面所限定空間的長(zhǎng)寬比,實(shí)體內(nèi)容與虛空間(空白)的面積比,頁(yè)面被分割的比例,圖文的關(guān)系比以及各造型元素內(nèi)部的比例等形式上的數(shù)量關(guān)系。平面設(shè)計(jì)的節(jié)奏和韻律來自音樂的概念,節(jié)奏較多地強(qiáng)調(diào)“節(jié)拍”,韻律較多地強(qiáng)調(diào)“變化”,如果說韻律感不夠,是指缺少變化,過于呆板;如果說節(jié)奏感不強(qiáng),是指變化缺乏條理規(guī)則。
三、字體應(yīng)用
在設(shè)計(jì)過程中,平面設(shè)計(jì)的字體選用更為自由一些,不用擔(dān)心后期實(shí)現(xiàn)的問題,所有的文字最后都會(huì)輸出為圖形進(jìn)行印刷,而網(wǎng)頁(yè)設(shè)計(jì)就需要考慮的更為全面,并且在字體的選用范圍上也很小,為了讓輸出的成品大小不對(duì)服務(wù)器造成壓力,基于html的特性,所有字體都是根據(jù)用戶操作系統(tǒng)內(nèi)默認(rèn)字體而定的,當(dāng)然近年隨著技術(shù)的沿革與發(fā)展,這個(gè)差距也逐步在縮小,目前通過html5的API可以實(shí)現(xiàn)個(gè)性化字體的使用而不需要將個(gè)性化的字體最終輸出為圖形,在不增加后端壓力的同時(shí),大大提升了用戶體驗(yàn),非常不錯(cuò)。
四、圖形的使用
從圖形使用上,網(wǎng)頁(yè)設(shè)計(jì)不如平面設(shè)計(jì),表現(xiàn)方式也相對(duì)少一些,特別是對(duì)于產(chǎn)品類的網(wǎng)頁(yè)設(shè)計(jì),模塊化的設(shè)計(jì)思路尤其明顯,在視覺表現(xiàn)上也是如此,網(wǎng)頁(yè)界面的設(shè)計(jì)對(duì)于圖形的表現(xiàn)是需要考慮到后期實(shí)現(xiàn)的,這一點(diǎn)上是有目共睹的。設(shè)計(jì)時(shí)使用的尺寸單位:平面設(shè)計(jì)在使用尺寸標(biāo)注時(shí)都用的是物理尺寸的概念,比如英寸,厘米,毫米等;而網(wǎng)頁(yè)使用的像素。
五、瀏覽方式
平面設(shè)計(jì)的屬于漸進(jìn)式的瀏覽方式,無法對(duì)整個(gè)瀏覽的過程進(jìn)行多樣化串聯(lián),網(wǎng)頁(yè)設(shè)計(jì)擁有滾動(dòng)條下拉、按鈕鏈接跳轉(zhuǎn)等多樣化的瀏覽信息方式,在擁有同樣一種信息架構(gòu)的條件下,信息之間的串聯(lián)性更為豐富,用戶選擇信息的自由度更大,但平面設(shè)計(jì)也自然有其優(yōu)勢(shì)所在,比如平時(shí)設(shè)計(jì)相冊(cè)這類產(chǎn)品的時(shí)候,就很明顯的發(fā)現(xiàn),這一類的產(chǎn)品在電腦顯示器上進(jìn)行翻閱,不如印刷成為一個(gè)真實(shí)的書本來翻閱感受好,并且更具有收藏及紀(jì)念意義。
六、信息傳播
平面設(shè)計(jì)屬于比較傳統(tǒng)的信息媒介設(shè)計(jì),一般會(huì)通過張貼、銷售、郵寄派送等形式進(jìn)行傳播,這樣傳播的方式范圍小且成本較高,相對(duì)而言在這方面網(wǎng)頁(yè)設(shè)計(jì)的信息傳播能力卻非常的強(qiáng),但依賴于第三方媒介的支持。在網(wǎng)頁(yè)設(shè)計(jì)中,要求信息的發(fā)送者和接收者之間必須具備部分相同的信息知識(shí)背景,否則在兩者之間就必須存在一個(gè)翻譯或解說系統(tǒng)作為中間媒介來進(jìn)行溝通。平面設(shè)計(jì)卻擁有更為廣泛的受眾人群,不同的年齡層對(duì)于紙張或書本的信息接受能力總是強(qiáng)于網(wǎng)絡(luò)媒體的,畢竟網(wǎng)絡(luò)信息獲取的將會(huì)存在一個(gè)學(xué)習(xí)成本,在今后網(wǎng)絡(luò)信息的不斷普及以及終端媒介用戶體驗(yàn)的不斷提升,在受眾人群方面在我看來差距會(huì)越來越小。
此外,這兩種設(shè)計(jì)形式不但擁有不同的用戶體驗(yàn),網(wǎng)頁(yè)界面設(shè)計(jì)還注重用戶互動(dòng)的功能實(shí)現(xiàn)。網(wǎng)頁(yè)界面設(shè)計(jì)不僅能融入絢麗的動(dòng)畫效果,還能插入視頻,這是平面設(shè)計(jì)不能體現(xiàn)的。談了這么多網(wǎng)頁(yè)界面設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別,希望能夠幫助大家進(jìn)一步認(rèn)識(shí)這兩種設(shè)計(jì)形式。
最后,我想說得是,設(shè)計(jì)形式?jīng)]有好壞之分,用戶不一樣,他們的選擇也就不一樣。
參考文獻(xiàn):①蘆影 著 李硯祖 編《平面設(shè)計(jì)藝術(shù)》,[M] 中國(guó)人民大學(xué)出版社2005年01月
關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì);美學(xué)原理;條理與反復(fù);變化和統(tǒng)一
中圖分類號(hào):G642文獻(xiàn)標(biāo)識(shí)碼:A文章編號(hào):1003-2851(2010)02-0169-02
人們對(duì)美的追求是不斷深入的,網(wǎng)頁(yè)設(shè)計(jì)同樣如此。網(wǎng)頁(yè)把信息以快捷、方便的方式傳遞給瀏覽者,在網(wǎng)頁(yè)設(shè)計(jì)中不光是把各種內(nèi)容放上去,能看就行,還要考慮如何使瀏覽者能夠更多、更有效地接收網(wǎng)頁(yè)上所傳遞的信息,如何給他們留下深刻的印象,使人瀏覽起來心情愉快,接收信息也會(huì)更加容易,同時(shí)提升網(wǎng)站的形象。
網(wǎng)頁(yè)設(shè)計(jì)在滿足了基本功能的要求之后,為了突出特色,突出優(yōu)勢(shì),必須從審美的角度入手,運(yùn)用一些平面設(shè)計(jì)中美學(xué)的基本形式到網(wǎng)頁(yè)中去,結(jié)合使用方便的要求,制作出清晰、富有美感、整體性好的頁(yè)面。例如將平面設(shè)計(jì)中的節(jié)奏、韻律、骨格等形式溶入到網(wǎng)頁(yè)中,會(huì)使內(nèi)容繁多的頁(yè)面更加有條理,瀏覽起來主次分明。當(dāng)然這種美感首先要確保頁(yè)面內(nèi)容充實(shí),具有實(shí)用性,否則一個(gè)內(nèi)容空洞無物的網(wǎng)頁(yè),既使做得再漂亮也沒有任何的用處。這就要求在網(wǎng)頁(yè)設(shè)計(jì)中,設(shè)計(jì)師要具有較好的美學(xué)原理的素養(yǎng),同時(shí)要有豐富的平面設(shè)計(jì)經(jīng)驗(yàn),這樣才能在設(shè)計(jì)時(shí)駕輕就熟。
從古至今,很多藝術(shù)家和學(xué)者提出了各種關(guān)于形式美的規(guī)律,很多經(jīng)得起推敲的作品都是遵循這些規(guī)律去創(chuàng)作,以期完成其審美價(jià)值的。因此,在網(wǎng)頁(yè)設(shè)計(jì)過程中,設(shè)計(jì)者必須去研究、掌握并主動(dòng)地、有意識(shí)的運(yùn)用這些規(guī)律,才能創(chuàng)作出好的作品。當(dāng)然,不同時(shí)代有不同的設(shè)計(jì)審美觀念,也有不同的美學(xué)特征。在信息特別發(fā)達(dá)的今天,競(jìng)爭(zhēng)日趨激烈,給人們帶來了新的審美需求,對(duì)于網(wǎng)頁(yè)設(shè)計(jì),客觀上將其推向了更高層的表現(xiàn)境界,這是網(wǎng)頁(yè)設(shè)計(jì)的必然趨勢(shì)。去追求一種和諧的單純,即追求清晰的視覺沖擊力和巨大的張力,我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)的具體問題相結(jié)合起來,下面我們來具體談?wù)劇?/p>
先談?wù)勛兓徒y(tǒng)一,變化是各個(gè)組成部分之間的區(qū)別,統(tǒng)一是個(gè)部分之間的內(nèi)在關(guān)聯(lián)。完美的圖形設(shè)計(jì),形式上要豐富有條理,即對(duì)圖形的大小、方圓、動(dòng)靜、強(qiáng)弱等方面的處理;組織上要有秩序而不單調(diào),不混亂,即圖形的主從關(guān)系,敘事關(guān)系,呼應(yīng)關(guān)系等方面的處理。在圖形設(shè)計(jì)中運(yùn)用變化與統(tǒng)一的規(guī)律,是處理形象和組織的對(duì)立統(tǒng)一過程,那么在網(wǎng)頁(yè)設(shè)計(jì)中同樣要恰當(dāng)?shù)睦眠@種規(guī)律,在我們把大量的信息填塞到網(wǎng)頁(yè)上去的時(shí)候,考慮怎樣把它們合理的,用統(tǒng)一的方式來排布,使整體感強(qiáng),同時(shí)又要有變化,這樣使頁(yè)面更豐富,更有生氣,看起來就不感到枯燥,有些網(wǎng)站排布的內(nèi)容從上到下幾十條,沒有一點(diǎn)變化,顯得單調(diào)而乏味,就是違反這種形式美的規(guī)律,所以要充分的運(yùn)用變化來改進(jìn)它,從排布的形式上或者是顏色上都可以。
再看條理與反復(fù),其中反復(fù)是有規(guī)律的連續(xù)與延伸,有組織的變化與擴(kuò)展并加以歸納,概括而富于條理化。條理與反復(fù)的原則是圖形構(gòu)成整體的秩序美的基礎(chǔ),是變化中的統(tǒng)一,也是運(yùn)動(dòng)發(fā)展中求得協(xié)調(diào)一致的表現(xiàn)方式,由他可以演化出多種多樣的圖形變化。這種在很多較為優(yōu)秀的網(wǎng)站中運(yùn)用較多,同時(shí)應(yīng)用得也比較自如,這時(shí)由于很多網(wǎng)站豐富,信息含量大,不得不運(yùn)用一定的方式將其條理化,同時(shí)又在一定程度上加以歸納后重復(fù)的利用,使網(wǎng)頁(yè)較為整齊,脈絡(luò)清楚,讀起來也能著重點(diǎn)。當(dāng)然,內(nèi)容較少的網(wǎng)站同樣需要條理與反復(fù),以達(dá)到更為富有變化和清晰的視覺效果,如文字的合理編排,圖片和文字的結(jié)合,如何呼應(yīng)等等。
對(duì)比和調(diào)和,對(duì)比是指在質(zhì)或量方面相互差異甚大的兩個(gè)要素同時(shí)配置在一起時(shí),兩者之間有相互作用的性格,更加令人感到彼此強(qiáng)烈地相互襯托。對(duì)比是為了使主題畫面具有變化和生氣而運(yùn)用的方法,而調(diào)和是構(gòu)成美的對(duì)象在部分與部分之間的相互關(guān)系。它無論是在質(zhì)的方面還是量的方面都沒有矛盾,各部分所傳達(dá)給人的感受和意念之間不是相互分離或排斥,而是一個(gè)部分多樣性的整體統(tǒng)一來表現(xiàn)美的狀態(tài)。那么在網(wǎng)頁(yè)設(shè)計(jì)中,如何利用它來達(dá)到好的效果呢?首先合理的利用對(duì)比的因素,例如文本的排布、字體的大小、粗細(xì)、顏色,圖片的寬窄、比例的反差、透明以及位置的放置等等。
對(duì)稱均齊與平衡,這是動(dòng)力與中心兩者矛盾的統(tǒng)一所產(chǎn)生的形態(tài),是設(shè)計(jì)中求得中心穩(wěn)定的兩種組織形式,對(duì)稱均齊的組織方法是無論在哪一個(gè)中軸和中心支點(diǎn)各方面配置同形同量的圖形,都要求圖形整體結(jié)構(gòu)對(duì)稱嚴(yán)謹(jǐn),形態(tài)安定均齊,常見的內(nèi)容有紅雙喜,門、窗戶等。從家居布局上來講,中國(guó)傳統(tǒng)的建筑也是講究對(duì)稱均齊的,比如我們現(xiàn)在的故宮、四合院、中國(guó)結(jié)、瓷器、玉器等都有很多對(duì)稱均齊之作,不光是中國(guó)的,縱觀世界的建筑或是一些藝術(shù)形態(tài)也是比比皆是。當(dāng)然,對(duì)稱均齊也要尋找差異性,并不是一定要左右、上下一樣。比如銀行門口的獅子,獅為兩頭,各分左右,形為相似,卻各有其態(tài),這就是大對(duì)稱小對(duì)比,所以說不要單純的以為對(duì)稱均齊就是上下、左右相同,而應(yīng)是上下、左右相似,大部分在形體上的體積是一般大小的,這樣視覺上即有對(duì)稱均齊也有對(duì)比,效果要比單純的對(duì)稱均齊要好得多、豐富得多。平衡,實(shí)際上也是一句中軸和支點(diǎn)保持平衡,所不同的是配置的元素為等量不等形,它沒有一定的組織原則,只要能在形式結(jié)構(gòu)上掌握好中心即可,它要求在形式上自然合理。平衡是更為豐富的形態(tài)了,是運(yùn)用大小、色彩、位置等差別來形成視覺上的均等。設(shè)計(jì)中也會(huì)遇到平衡的問題,比如說,左右大小不一的時(shí)候我們通常會(huì)通過其它手法來讓其不會(huì)覺得一邊倒。而采用的手法大多是色彩的輕重、內(nèi)容的疏密。具體到網(wǎng)頁(yè)設(shè)計(jì)上來講,我們通常不會(huì)做左右對(duì)稱的設(shè)計(jì),但是卻會(huì)產(chǎn)生一邊倒的情況,如視覺上左邊內(nèi)容多而空間大,右邊內(nèi)容少而空間小。這樣一邊倒的情況就不美觀了,如何解決這個(gè)問題呢?答案是:尋找不同類型的元素來作為左右的砝碼。比如左大右小時(shí),那么左邊放上文字以供瀏覽,右邊放上圖片,由于圖片比起文字來視覺份量要重一些,所以用小圖片就可以和文字形成一個(gè)平衡。又可以用色彩來平衡,左大右小,那么在色彩上就左輕右重。在自己的腦子里始終放上一個(gè)天秤,把你的設(shè)計(jì)元素放在天平的兩邊,這樣的頁(yè)面就會(huì)活潑而不會(huì)覺得有失重之感,一個(gè)活潑又不失重的作品必然是成功的。所以對(duì)稱均齊偏于靜止的形式美感,而平衡卻顯得靈活多變,帶有動(dòng)感,只有通過不斷的實(shí)踐才能夠在這方面駕輕就熟的運(yùn)用,設(shè)計(jì)出成功的作品。
再談?wù)劰?jié)奏與韻律,運(yùn)動(dòng)中的事物都具有節(jié)奏和韻律的形式規(guī)律,節(jié)奏與韻律本來在音樂、舞蹈、詩(shī)歌及電影等具有時(shí)間形式的藝術(shù)中通過視覺和聽覺來表現(xiàn)的,節(jié)奏本身沒有形象特征。只是表明事物在運(yùn)動(dòng)中的快慢、強(qiáng)弱以及間歇的節(jié)拍。節(jié)奏可以說是條理與反復(fù)的發(fā)展。它帶有機(jī)械的秩序美,韻律是每個(gè)節(jié)拍間運(yùn)動(dòng)所表現(xiàn)的軌跡,它帶有形象特征。在具體的網(wǎng)頁(yè)設(shè)計(jì)的運(yùn)用中,按鈕的編排就經(jīng)常會(huì)遇到這個(gè)問題,做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感,同時(shí)絲毫不損其實(shí)用性,可惜現(xiàn)在見到類似的太少了,因?yàn)樾枰还馐菑男螤钌?而且要從整體的色澤、大小等綜合方面入手。
上面僅僅探討了幾個(gè)非常貼近網(wǎng)頁(yè)制作的美學(xué)原理以及在網(wǎng)頁(yè)中的運(yùn)用。作為形式美的法則,是隨著時(shí)代的不同而不斷發(fā)展進(jìn)步的,特別在生活節(jié)奏如此之快的互聯(lián)網(wǎng)時(shí)代,由于人們追求目標(biāo)的變化,審美觀念也在不斷的變化。隨著技術(shù)的發(fā)展,很多的目前不容易實(shí)現(xiàn)的審美形式也會(huì)逐漸被克服,突破帶寬的瓶頸,就會(huì)給網(wǎng)頁(yè)設(shè)計(jì)的自如發(fā)展帶來一片新的天地。我們對(duì)美的追求是永不停止的,但是美的本質(zhì)是一樣的,作為網(wǎng)頁(yè)設(shè)計(jì)師要不斷的提高自己美學(xué)原理方面的素養(yǎng),這樣才能不斷地設(shè)計(jì)出更好的、富于美感的網(wǎng)頁(yè)作品。
參考文獻(xiàn)
[1]張帆,羅琦 網(wǎng)頁(yè)界面設(shè)計(jì)藝術(shù)教程[M].北京:人民郵電出版社,2004.
[2]劉丹, 視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].合肥工業(yè)大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版),2006年第20卷第02期.
關(guān)鍵詞 網(wǎng)站設(shè)計(jì) 視覺傳達(dá)設(shè)計(jì) 藝術(shù)性
中圖分類號(hào):TP309 文獻(xiàn)標(biāo)識(shí)碼:A
1緒論
當(dāng)今,新媒體的發(fā)展已經(jīng)越來越多的代替了傳統(tǒng)媒體的作用,網(wǎng)絡(luò)現(xiàn)在已是傳播信息快速范圍廣的一種信息方式,越來越多類型的網(wǎng)站開始在互聯(lián)網(wǎng)上活躍起來,當(dāng)我們?cè)谘芯烤W(wǎng)站設(shè)計(jì)之前,我們應(yīng)該首先了解,網(wǎng)絡(luò)置于新媒體中,它所能體現(xiàn)出的特點(diǎn)和優(yōu)勢(shì)。
1.1研究目的及意義
因特網(wǎng)為全世界信息的溝通提供了前所未有的便利渠道,影響了人們的生活方式。世界上的網(wǎng)站不計(jì)其數(shù),而且差異很大。《2001年漢城工業(yè)設(shè)計(jì)家宣言》指出工業(yè)設(shè)計(jì)應(yīng)當(dāng)將“為什么”的重要性置于“怎么樣”這一早熟問題的結(jié)論性回答之前。這句話指出了工業(yè)設(shè)計(jì)的本質(zhì)核心:必須把研究“為什么”如此設(shè)計(jì)一個(gè)產(chǎn)品放在“怎么樣”設(shè)計(jì)一個(gè)產(chǎn)品之前,體現(xiàn)出工業(yè)設(shè)計(jì)強(qiáng)烈的人文色彩。因?yàn)檫@樣才能找到本源。網(wǎng)站其實(shí)是一種非物質(zhì)的數(shù)字化產(chǎn)品,但是不管是物質(zhì)還是非物質(zhì)的展品,其本質(zhì)的目的都是一樣的――服務(wù)于人類。因此我們的設(shè)計(jì)無時(shí)無刻都應(yīng)該從人的角度出發(fā),以人為核心,全面考慮人的精神和物質(zhì)需求。一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該是人性化的。它是帶給人愉悅的,具有吸引力的,藝術(shù)性的;同時(shí)具有良好的可用性的,有效的,易于使用的,使人滿意的。
1.2國(guó)內(nèi)外現(xiàn)狀分析
對(duì)比很多國(guó)內(nèi)外網(wǎng)站設(shè)計(jì),在界面設(shè)計(jì)視覺傳達(dá)這一塊是有很大差距的。在國(guó)內(nèi)很多網(wǎng)站,網(wǎng)站信息量大,雜亂沒有整理和過濾,網(wǎng)頁(yè)界面的結(jié)構(gòu)也比較混亂,而且排版缺乏藝術(shù)性,沒有創(chuàng)意。但是國(guó)外的網(wǎng)站,更注重傳遞信息的易操作性,有整合和分類,界面結(jié)構(gòu)簡(jiǎn)單易操作,有趣且交互性強(qiáng)。
2網(wǎng)頁(yè)設(shè)計(jì)中各構(gòu)成要素
2.1版式設(shè)計(jì)
網(wǎng)站的版式設(shè)計(jì)是具有相當(dāng)?shù)目勺冃院瓦\(yùn)動(dòng)感。為適應(yīng)這種變化,網(wǎng)頁(yè)的版式設(shè)計(jì)規(guī)律也必然出現(xiàn)與傳統(tǒng)平面設(shè)計(jì)有所不同的新的特征,將版式設(shè)計(jì)的普遍規(guī)律與網(wǎng)頁(yè)的特殊性結(jié)合起來,是掌握網(wǎng)頁(yè)版式設(shè)計(jì)的關(guān)鍵。
2.2導(dǎo)航設(shè)計(jì)
如果說網(wǎng)頁(yè)的版式設(shè)計(jì)側(cè)重于單個(gè)頁(yè)面的組織構(gòu)成,類似于平面的設(shè)計(jì),那么網(wǎng)頁(yè)的導(dǎo)航設(shè)計(jì)的重點(diǎn)則在于多個(gè)頁(yè)面的整合,是一種空間的設(shè)計(jì),也是一種技術(shù)的設(shè)計(jì)。
2.3文字的編排與設(shè)計(jì)
文字作為信息傳達(dá)的主要手段,目前也是網(wǎng)頁(yè)設(shè)計(jì)的主體。文字是網(wǎng)頁(yè)中不可少的元素,也是網(wǎng)頁(yè)中的主要信息描述要素,文字表現(xiàn)的好與壞將影響到整個(gè)網(wǎng)頁(yè)的質(zhì)量。因此,網(wǎng)頁(yè)文字要能給人以清晰的視覺印象,避免頁(yè)面繁雜凌亂,減去不必要的裝飾變化,使人易認(rèn)、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達(dá)內(nèi)容和表達(dá)信息的主體。
2.4圖片的編排與設(shè)計(jì)
圖片是文字以外最早引入到網(wǎng)絡(luò)中的多媒體對(duì)象。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網(wǎng)絡(luò)頁(yè)面。可以說,要使網(wǎng)頁(yè)在純文本基礎(chǔ)上變得更有趣味,最為簡(jiǎn)潔省力的辦法就是使用圖片。對(duì)于一條信息來說,圖片對(duì)受眾的吸引也遠(yuǎn)遠(yuǎn)超過單純的文字。
2.5色彩的設(shè)計(jì)
網(wǎng)頁(yè)設(shè)計(jì)既要求文字的優(yōu)美流暢,又要求頁(yè)面的新穎、整潔,使用色彩產(chǎn)生的強(qiáng)烈的視覺效果,使頁(yè)面更加生動(dòng)。瀏覽者在瀏覽網(wǎng)頁(yè)時(shí),留下的第一印象就是頁(yè)面的色彩設(shè)計(jì),它的好壞直接影響閱讀者的觀賞興趣。因此,色彩設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中居于十分重要的地位。
3網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)應(yīng)用方法
3.1網(wǎng)頁(yè)的頁(yè)面布局
3.1.1合理布局頁(yè)面的造型元素
在網(wǎng)頁(yè)界面中,構(gòu)成版面空間的基本造型元素,有點(diǎn)、線、面及空白。頁(yè)面布局的設(shè)計(jì)過程就是在版面空間中組織好這些點(diǎn)、線、面、空白,使其傳達(dá)出特定的美感。當(dāng)點(diǎn)、線、面這些實(shí)體處于版面的不同位置時(shí),產(chǎn)生的視覺效果和心理作用是不同的,一般來說,居版面幾何中心時(shí),有莊重感或平衡感。
3.1.2頁(yè)面的空白
網(wǎng)頁(yè)界面中除了點(diǎn)、線、面這些實(shí)體造型元素,其余的空間就是“空白”,其形式、大小、比例決定了版式設(shè)計(jì)的質(zhì)量和信息傳達(dá)的能力。在安排圖形圖像、文字的位置和進(jìn)行大小變化以及斟酌圖形圖像、文字之間的呼應(yīng)關(guān)系時(shí),應(yīng)該考慮空白的位置和大小。頁(yè)面中巧妙地留白,有助于更好地烘托主題、渲染氣氛、集中視線、加強(qiáng)空間層次,使版面疏密有序、布局清晰。但這并不是說,空白越多、圖文越少越好,頁(yè)面空白量的多少,需根據(jù)網(wǎng)頁(yè)的內(nèi)容和整體風(fēng)格而定。
3.1.3頁(yè)面的內(nèi)容
合理地進(jìn)行了頁(yè)面布局以后需要添加頁(yè)面的內(nèi)容,一般來說網(wǎng)頁(yè)圖文并茂,相得益彰能夠加深瀏覽者的印象,頁(yè)面內(nèi)容主要是文字以及圖片或者動(dòng)畫。頁(yè)面文字和圖片具有一種相互補(bǔ)充的視覺關(guān)系,頁(yè)面上文字太多,就顯得沉悶,缺乏生氣。最理想的效果是文字與圖片的密切配合,互為襯托,既能活躍頁(yè)面,又使主頁(yè)有豐富的內(nèi)容。如圖1是直覺路徑圖,但不是絕對(duì)的,因人而異:
3.3色彩搭配
無論是平面設(shè)計(jì),還是網(wǎng)頁(yè)設(shè)計(jì),色彩永遠(yuǎn)是最重要的一環(huán)。網(wǎng)頁(yè)的色彩是沖擊人視覺的第一要素。距離較遠(yuǎn)的時(shí)候,看到的不是網(wǎng)頁(yè)的版面設(shè)計(jì),而是網(wǎng)頁(yè)的色彩。
網(wǎng)頁(yè)的色彩必須要有自己獨(dú)特的風(fēng)格,這樣才能顯得個(gè)性鮮明,給瀏覽者留下深刻的印象。網(wǎng)頁(yè)色彩搭配合理,能給人一種和諧、愉快的感覺,應(yīng)避免采用單一色彩,這樣容易造成視覺疲勞。目前很多人在設(shè)計(jì)網(wǎng)頁(yè)時(shí)常常被如何配色所困擾,雖然設(shè)計(jì)出了好的頁(yè)面布局,但由于配色不合理,導(dǎo)致網(wǎng)頁(yè)的可讀性、觀賞性、舒適性大大降低。所以,在配色選擇上要注意網(wǎng)頁(yè)所表現(xiàn)的風(fēng)格概念、想給予瀏覽者什么樣的心情,從而選擇適合的顏色。對(duì)于網(wǎng)頁(yè)的色彩搭配,應(yīng)該在網(wǎng)頁(yè)開始制作前,做好規(guī)劃及設(shè)計(jì),這樣就不會(huì)到著手制作頁(yè)面時(shí)造成設(shè)計(jì)混亂。
4結(jié)論
本文主要解決如何把視覺傳達(dá)的理念運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中去,通過對(duì)網(wǎng)頁(yè)設(shè)計(jì)中版式的布局,導(dǎo)航的安排,文學(xué)的設(shè)計(jì),色彩的搭配等加以闡述,并運(yùn)用設(shè)計(jì)學(xué)、心理學(xué)、傳播學(xué)、美學(xué)等方法在藝術(shù)因素進(jìn)行分析的基礎(chǔ)上,結(jié)合國(guó)外網(wǎng)站案例從藝術(shù)、技術(shù)角度出發(fā),結(jié)合人機(jī)界面評(píng)估知識(shí),給出網(wǎng)頁(yè)設(shè)計(jì)方案。根據(jù)網(wǎng)頁(yè)的設(shè)計(jì),分析網(wǎng)站實(shí)例的實(shí)現(xiàn)過程,并總結(jié)實(shí)現(xiàn)的結(jié)束特點(diǎn),一般步驟和注意問題。
在網(wǎng)站設(shè)計(jì)時(shí)將視覺傳達(dá)設(shè)計(jì)的理念運(yùn)用其中,最終得到可以運(yùn)行的信息類網(wǎng)站,將信息投影的形式運(yùn)用到網(wǎng)站當(dāng)中,使網(wǎng)站傳達(dá)的內(nèi)容更生動(dòng)富有趣味性。
參考文獻(xiàn)
[1] 郭振山.視覺傳達(dá)設(shè)計(jì)原理[M].機(jī)械工程出版社,2011.
[2] 吉根林,崔海源.web程序設(shè)計(jì)(第二版)[M.電子工業(yè)出版社,2008.
[3] 王萍.淺談網(wǎng)頁(yè)色彩的配色[J].硅谷,2009(1).
[4] 劉吉坤,習(xí)瑋.設(shè)計(jì)藝術(shù)概論[M].清華大學(xué)出版社,2004.
[5] 東美紅,尹定邦.視覺傳達(dá)基礎(chǔ)設(shè)計(jì)[M].嶺南美術(shù)出版社,2000.
[6] 魯開疆.視覺傳達(dá)設(shè)計(jì)流程[M].安徽美術(shù)出版社,1995.
關(guān)鍵詞:網(wǎng)頁(yè)設(shè)計(jì);色彩應(yīng)用:色彩搭配;主題色
中圖分類號(hào):TP393
文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1002-2422(2010)06-0042-02
1 色彩的基本知識(shí)
任何一種彩色都具備三個(gè)屬性:
色相即指色彩的相貌。是一種顏色區(qū)別于另一種顏色的表相特征。比如說紅色、黃色、藍(lán)色都代表不同的色相,表示顏色自身的獨(dú)特性質(zhì),是色彩中最基本、最重要的屬性。
明度是指色彩在視覺上的明暗程度,也稱之為亮度。明度越高,色彩越亮;明度越低,色彩越暗。
純度是指顏色本身的純凈程度,又叫飽和度。純度越高,色相表現(xiàn)越明顯,色彩越鮮艷、活躍、刺激;純度越低,色相表現(xiàn)越模糊,色彩越渾濁、穩(wěn)重、平淡、柔和。
2 網(wǎng)頁(yè)色彩的使用原則
(1)色彩的藝術(shù)性。凡是經(jīng)過設(shè)計(jì)的色彩都具有某種程度的藝術(shù)性。既符合實(shí)用要求,又遵循美學(xué)原則。和諧統(tǒng)一,均衡布局,重點(diǎn)突出是網(wǎng)頁(yè)設(shè)計(jì)的原則。一般來說,不同的色彩進(jìn)行搭配組合,通過藝術(shù)手段的處理最終形成一個(gè)藝術(shù)性強(qiáng)且能夠吸引人和感染人的網(wǎng)頁(yè)頁(yè)面。
(2)色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷,容易吸引瀏覽者的注意力。
(3)色彩的獨(dú)特性。網(wǎng)頁(yè)色彩的選擇與搭配要與眾不同,這樣才能給讀者留下的印象深刻。
(4)色彩的聯(lián)想性。不同的色彩會(huì)使人產(chǎn)生不同的聯(lián)想。白色使人想到雪花,黑色使人想到黑夜。藍(lán)色使人想到天空和大海等。在網(wǎng)頁(yè)設(shè)計(jì)時(shí),選擇合適的主題以及相關(guān)的色彩,可以使網(wǎng)站流露出別樣的氣息。
不同的瀏覽人群;不同的社會(huì)背景;不同的受教程度;不同的心理需求,有著不同的鑒賞觀點(diǎn)。鮮艷紅色的政府機(jī)關(guān)網(wǎng)站體現(xiàn)其莊嚴(yán)肅穆;悠悠綠色的農(nóng)林網(wǎng)站給人一種生機(jī)勃發(fā)的感覺;淡淡的粉色多體現(xiàn)女性的柔美之氣……這些都是過去時(shí),是經(jīng)典。隨著科學(xué)技術(shù)的發(fā)展,設(shè)計(jì)理念的轉(zhuǎn)變。在互聯(lián)網(wǎng)這個(gè)大環(huán)境下,不乏設(shè)計(jì)獨(dú)特且色彩運(yùn)用別具匠心的網(wǎng)站。如:以灰色為主色調(diào)的奧迪公司網(wǎng)站,既能體現(xiàn)高雅大方的氣質(zhì),也不失金屬本身的質(zhì)感,和諧統(tǒng)一。
3 網(wǎng)頁(yè)色彩搭配的技巧
3.1 鄰近色的應(yīng)用
鄰近色:色環(huán)中兩種相鄰近的色彩。例如綠色和藍(lán)色、紅色和橙色就互為鄰近色。采用鄰近色的作用可以使網(wǎng)頁(yè)避免色彩雜亂,易于達(dá)到頁(yè)面的和諧統(tǒng)一。
3.2 互補(bǔ)色的應(yīng)用
互補(bǔ)色:色環(huán)中兩種相對(duì)的色彩。例如紅色和綠色、紫色和黃色、藍(lán)色和橙色互為互補(bǔ)色。互補(bǔ)色可以突出重點(diǎn),增強(qiáng)畫面的對(duì)比,產(chǎn)生強(qiáng)烈的視覺效果。 在網(wǎng)頁(yè)設(shè)計(jì)時(shí),一般以一種顏色為主色調(diào),適當(dāng)加以互補(bǔ)色作為點(diǎn)綴、可以起到畫龍點(diǎn)睛的作用。
3.3 黑白色與其它色彩的應(yīng)用
一般紙質(zhì)印刷型文獻(xiàn)很少使用大面積的黑色。在網(wǎng)頁(yè)設(shè)計(jì)中以黑色為底色的網(wǎng)站并不少見,尤其是一些游戲宣傳網(wǎng)站。在RGB的色彩模式中,黑色和白色象征著透明,很容易與其他顏色相協(xié)調(diào),制作出風(fēng)格新穎的網(wǎng)頁(yè)。彩色的頁(yè)面比黑白的頁(yè)面更吸引人。研究表明,人對(duì)彩色的注意力和記憶效果比單一顏色要好,彩色的記憶效果是黑白的3.5倍。在一般情況下,網(wǎng)頁(yè)的配色不要太復(fù)雜。盡量控制在同色系或鄰近色系,避免由于色彩過多而導(dǎo)致頁(yè)面顏色的繁亂。背景和文字的色彩對(duì)比可以強(qiáng)烈一些,以突出重要的文字內(nèi)容。
3.4 色彩的心理感覺
不同的顏色給予瀏覽者不同的心理感受。紅、橙、黃等暖色給人一種溫暖,熱情的感覺;藍(lán)、綠、青等冷色則會(huì)給人一種陰涼、寒冷的感覺,通過調(diào)整色彩的飽和度和透明度,把色彩的明、暗色有機(jī)的配合起來。這樣的頁(yè)面看起來既色彩統(tǒng)一,又富有層次感。
色彩的輕重感。明度高的色彩讓人感覺輕,明度低的色彩讓人感覺重。在明度相同的條件下,冷色一般比暖色感覺略輕。在網(wǎng)頁(yè)色彩設(shè)計(jì)時(shí),冷色用在網(wǎng)頁(yè)上部,暖色則用于下部,這樣比較符合人們的視覺習(xí)慣。
色彩具有收縮感與膨脹感。如肥胖的人穿著暗色系的衣服,就不會(huì)顯得過于臃腫;而消瘦的人穿淺色系的衣服,就不會(huì)顯得過于瘦小,這就是色彩的收縮色與膨脹色在起作用。一般來說,明度高的色彩有膨脹感,明度低的色彩有收縮感。
色彩的象征意義:如綠色、紅色、金黃色、雪白色分別象征著春、夏、秋、冬四季。每一種色彩都具有各自的情感效果和象征意義:紅色代表熱情、溫暖、幸福,容易讓人聯(lián)系到火焰和喜慶:綠色代表新鮮、平靜、柔和,會(huì)使人充滿青春、活力和希望;藍(lán)色代表深遠(yuǎn)、沉靜、寒冷,藍(lán)色性格樸實(shí)而內(nèi)向,象征高新科技的發(fā)展和智慧的結(jié)晶;紫色代表高貴、浪漫、魅力,在紫色中加入白色,可使其變得優(yōu)雅、嬌氣,并且充滿女性的魅力;白色代表純潔、純真、樸素、神圣,白色具有圣潔的不容侵犯性。如果在白色中加入其他任何顏色,都會(huì)影響其純潔性,使其性格變的含蓄;灰色代表憂郁、平凡、沉默、寂寞。屬于中間性格,男女皆能接受,所以灰色也是永遠(yuǎn)流行顏色。
4 網(wǎng)站主題色彩的選擇
色彩是烘托主題的最有效的要素,網(wǎng)頁(yè)的色彩應(yīng)用沒有固定的模式,色彩的選擇搭配要根據(jù)網(wǎng)頁(yè)的內(nèi)容和主題以及大眾的欣賞習(xí)慣來確定。作為網(wǎng)頁(yè)設(shè)計(jì)者來說,要根據(jù)瀏覽者的類型、社會(huì)背景、心理需求等來選擇網(wǎng)頁(yè)的色彩主題色與輔助色,做到有針對(duì)性的用色,所選的色彩與網(wǎng)頁(yè)所表達(dá)的信息相符合,與傳達(dá)的精神相統(tǒng)一。
國(guó)內(nèi)外著名的rI'企業(yè)IBM和聯(lián)想公司的網(wǎng)站采用藍(lán)色為主色調(diào),藍(lán)色代表海洋的顏色,富有一定的現(xiàn)代氣息,主題色已經(jīng)與企業(yè)的文化融為一體,同時(shí)也象征著企業(yè)的形象。一般農(nóng)林業(yè)、教育類網(wǎng)站常使用綠色,來表達(dá)希望與活力給人一種信任感和健康的感覺;如文學(xué)網(wǎng)站就多可采用灰色系來營(yíng)造優(yōu)雅浪漫的色彩風(fēng)格,體現(xiàn)作者創(chuàng)作的意境。假設(shè)把微軟網(wǎng)頁(yè)中的藍(lán)色與可口可樂網(wǎng)頁(yè)中的紅色互換。企業(yè)的形象和特色就會(huì)變得模糊不清,失去感染力。因此,選擇與主題和企業(yè)形象相符的色彩是網(wǎng)頁(yè)色彩設(shè)計(jì)的基礎(chǔ)。
網(wǎng)站的主題色彩一方面體現(xiàn)網(wǎng)站自身的特點(diǎn),另一方面展示網(wǎng)站的形象。一般來說,網(wǎng)站的主色調(diào)只能是一種,以此色彩為標(biāo)準(zhǔn),調(diào)整其明度的變化從而產(chǎn)生不同的效果。主題色彩要應(yīng)用于網(wǎng)站的各個(gè)部分:頁(yè)眉、圖片、多媒體和頁(yè)腳,頁(yè)眉是網(wǎng)站主題的表現(xiàn),是網(wǎng)站設(shè)計(jì)的關(guān)鍵,圖片和多媒體是網(wǎng)頁(yè)構(gòu)成的兩大重要元素,其色調(diào)應(yīng)該與整個(gè)網(wǎng)站的色彩相協(xié)調(diào),給人以整體統(tǒng)一的感覺。
5 結(jié)束語(yǔ)
網(wǎng)頁(yè)的設(shè)計(jì)是綜合性的,不僅僅是簡(jiǎn)單的二維平面設(shè)計(jì),還包括三維動(dòng)畫的設(shè)計(jì)和影音特效的設(shè)計(jì)。網(wǎng)頁(yè)的設(shè)計(jì)所涉及的范圍也非常廣泛:心理學(xué)、社會(huì)學(xué)、美學(xué)、哲學(xué)、平面設(shè)計(jì)、色彩構(gòu)成等諸多因素。作為網(wǎng)頁(yè)設(shè)計(jì)者,不僅要了解色彩的重要性,更要利用色彩,創(chuàng)作出既規(guī)范合理又富有藝術(shù)文化內(nèi)涵的網(wǎng)頁(yè)。
參考文獻(xiàn)
[1]達(dá)非.網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)與裝修教程.北京:北京希望電子出版社,2000.
[2]張帆,羅琦,宮曉東.網(wǎng)頁(yè)界面設(shè)計(jì)藝術(shù)教程[M].北京:人民郵電出版社,2002.
[3]董海斌,王家民,陳鵬.網(wǎng)頁(yè)界面中的色彩設(shè)計(jì)[J].沈陽(yáng):藝術(shù)大觀,2007(11).
電子商務(wù)是隨著網(wǎng)絡(luò)的高速發(fā)展應(yīng)運(yùn)而生的產(chǎn)物,它打破了傳統(tǒng)的購(gòu)物方式,使用戶不用面對(duì)面的坐在一起洽談,就能實(shí)現(xiàn)交易,方便性不言而喻。它主要體現(xiàn)了如下特點(diǎn):
1)交互性。電子商務(wù)不再像以前那樣單一的模式,客戶現(xiàn)在可以通過聊天工具進(jìn)行談價(jià),瀏覽很多大型的電子超市,可以說幾分鐘能夠逛幾家門店,快速便捷,是傳統(tǒng)商業(yè)模式無法比擬的。
2)全球性的競(jìng)爭(zhēng)。現(xiàn)在的電子商務(wù)網(wǎng)站已經(jīng)逐步全球化,國(guó)外的商品能夠引進(jìn)來,國(guó)內(nèi)的商品也能夠走出去。如某世界知名品牌的奶粉,網(wǎng)絡(luò)上的銷售價(jià)格很低,因?yàn)閭鹘y(tǒng)門店的稅費(fèi)相當(dāng)高,且銷售額受到一定的沖擊是很正常的。不過現(xiàn)在是市場(chǎng)經(jīng)濟(jì)時(shí)代,很多傳統(tǒng)門店賣家開始意識(shí)到這些問題,在保留傳統(tǒng)的基礎(chǔ)上開展電子商務(wù),實(shí)現(xiàn)了雙贏的效果。國(guó)家也出臺(tái)很多優(yōu)惠政策來幫助商戶,鼓勵(lì)進(jìn)行創(chuàng)業(yè),支持電子商務(wù)的發(fā)展。
3)專業(yè)化。電子商業(yè)水準(zhǔn)越來越向?qū)I(yè)化的方向發(fā)展了,不論售前咨詢還是售后服務(wù),還是維修等后續(xù)工作都形成了專業(yè)的模式。
二、招貼設(shè)計(jì)在電子商務(wù)網(wǎng)站的設(shè)計(jì)藝術(shù)
1)品牌的塑造。在當(dāng)今通訊發(fā)達(dá)的時(shí)代,企業(yè)或者商品要想在取得好的消費(fèi)業(yè)績(jī),必須站在消費(fèi)者的角度去考慮問題。傳統(tǒng)的品牌形象設(shè)計(jì)方法,我們?nèi)匀豢梢阅眠^來來運(yùn)用。如聚美優(yōu)品,它主要從事化妝品的銷售,在打造女性護(hù)膚品方面定位準(zhǔn)確,重視網(wǎng)絡(luò)銷售的優(yōu)勢(shì),世界品牌的進(jìn)駐為在質(zhì)量方面提供了保障,是用戶不再擔(dān)心買到贗品。同時(shí)加強(qiáng)各類媒體的強(qiáng)勢(shì)選擇,網(wǎng)頁(yè)設(shè)計(jì)精美,每周不定期推出優(yōu)惠的海報(bào),讓消費(fèi)者流連忘返,優(yōu)秀的商務(wù)網(wǎng)站能夠準(zhǔn)確的傳達(dá)商品信息、品牌信息和商業(yè)服務(wù)等方面的信息。因此聚美優(yōu)品整體形象的策劃,是它邁向成功的基礎(chǔ)。還有有些政府現(xiàn)在逐漸重視電商的發(fā)展,引導(dǎo)商戶進(jìn)駐電子商城,還有大別山特產(chǎn)網(wǎng),以經(jīng)營(yíng)特色農(nóng)產(chǎn)品為主,雖然如今還屬于起步階段,但是發(fā)展空間很大,不僅給當(dāng)?shù)卣畮砗玫亩愂眨€解決了一系列的就業(yè)問題。
2)色彩的應(yīng)用和版式的編排。電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重色彩的合理搭配,以促銷為目的,要站在消費(fèi)者角度去思考,還要結(jié)合實(shí)地環(huán)境和商家需求,不能根據(jù)自己的愛好來配置色彩。色彩的應(yīng)用方面首先考慮色彩的情感,提高作品的被關(guān)注度。如紅色代表喜慶、興奮,綠色代表希望、健康,黃色代表激情、奢華,藍(lán)色代表冷靜、憂郁。不同的民族和地區(qū)都有自己的色彩情感,因此在設(shè)計(jì)中應(yīng)該注意認(rèn)知的區(qū)別,如運(yùn)動(dòng)性的海報(bào)可以運(yùn)用對(duì)比強(qiáng)烈的色彩,藥品的海報(bào)應(yīng)采用藍(lán)色和綠色方面的色彩來進(jìn)行搭配等。其次還要考慮色彩設(shè)計(jì)的技巧:
①利用色彩對(duì)比和調(diào)和來突出廣告語(yǔ)的主題形象;
②加強(qiáng)色彩層次,黑白灰形成強(qiáng)烈的對(duì)比,暗部色彩細(xì)分,灰部色彩分為深灰、中灰、淺灰,當(dāng)然還包括白色。
③氛圍營(yíng)造,不同的主題使用不同的色彩,如春節(jié)等節(jié)日,可以采用節(jié)日色彩來表達(dá)喜慶,尤其是大面積的使用這類套色。電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)在排版上嚴(yán)格按照網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn),形象鮮明,字體標(biāo)準(zhǔn),這里要注意的是招貼設(shè)計(jì)中版式設(shè)計(jì)。常見的版式設(shè)計(jì)有:
①主要標(biāo)題型,其他素材為輔助元素;
②圖片和文字型,以這兩個(gè)方面為主題,但多以圖形為主,因?yàn)閳D形較文字更能吸引別人的注意;
③表格型,主要用來詳細(xì)標(biāo)注真實(shí)的信息,沒有任何夸大的成分;
④曲線和傾斜型,起到強(qiáng)調(diào)的作用,同時(shí)一般用于輕松、委婉的主題;
⑤綜合型,不受這幾類版式的影響,比較自由的一種形式。版式設(shè)計(jì)的好壞決定著招貼設(shè)計(jì)的成敗,好的版式設(shè)計(jì)能夠讓消費(fèi)者一目了然,同時(shí)還能吸引消費(fèi)者的注意力。在內(nèi)容上要有所區(qū)別,如信息陳述上不應(yīng)該出現(xiàn)雜亂隨意的排版,在商品宣傳上可以使用活潑的排版,不能一概而論。
3)文字的藝術(shù)。在廣告文案方面,要起到畫龍點(diǎn)睛的作用,一語(yǔ)中的,直觸消費(fèi)者的內(nèi)心,引起共鳴。如只選對(duì)的,不選貴的(雕牌洗衣粉),農(nóng)夫山泉,有點(diǎn)甜(農(nóng)夫山泉)。單獨(dú)的字體設(shè)計(jì)也可以形成招貼合計(jì),字體設(shè)計(jì)和圖形設(shè)計(jì)相輔相成,緊密聯(lián)系,各自具有獨(dú)特的魅力。
三、未來展望
(一)漢字定位與藝術(shù)設(shè)計(jì)的形象戰(zhàn)略關(guān)系
漢字的字體設(shè)計(jì)在藝術(shù)設(shè)計(jì)中的運(yùn)用最突出的特點(diǎn)是易于識(shí)別,充分體現(xiàn)了產(chǎn)品信息化、視覺化、藝術(shù)化等視覺語(yǔ)言特征。漢字的字體設(shè)計(jì)在藝術(shù)設(shè)計(jì)中的運(yùn)用是企業(yè)文化與品牌形象的整體而簡(jiǎn)練的概括,漢字的字體設(shè)計(jì)在藝術(shù)設(shè)計(jì)中無論表達(dá)什么、指示什么,無論是寓意還是象征,含義與企業(yè)文化都應(yīng)是相統(tǒng)一的。在藝術(shù)設(shè)計(jì)中,既可以利用漢字的字體設(shè)計(jì)作為詮釋商品屬性的媒介,通過改變字體本身外形和字體的結(jié)構(gòu)進(jìn)行圖形化處理;也可以從版面空間排版關(guān)系上進(jìn)行合理利用與調(diào)配,即將文字看作是最基本的點(diǎn)、線、面元素加以編排設(shè)計(jì),使其具有極強(qiáng)的形式美感。但無論哪種表現(xiàn)形式都是從文字本身去尋找可以運(yùn)用的圖形元素,根據(jù)商品屬性進(jìn)行漢字圖形化字再設(shè)計(jì),增強(qiáng)商品的視覺表現(xiàn)力,體現(xiàn)出產(chǎn)品品牌的風(fēng)格形象。
(二)漢字的設(shè)計(jì)定位與藝術(shù)設(shè)計(jì)的視覺形象關(guān)系
有時(shí)候主題文字的圖形化在藝術(shù)設(shè)計(jì)中占據(jù)了一大部分甚至是全部,這種主題文字本身的圖形化設(shè)計(jì)可以通過象征、寓意的手法對(duì)字體進(jìn)行增減筆畫、添加裝飾或改變字體結(jié)構(gòu)來拓展字體形象,強(qiáng)調(diào)字體所傳達(dá)的深刻含義和視覺效果。
二、漢字字體設(shè)計(jì)在藝術(shù)設(shè)計(jì)中的應(yīng)用
(一)漢字字體設(shè)計(jì)在包裝設(shè)計(jì)中的應(yīng)用
從概念上來說,面的形成是由線的移動(dòng)軌跡所產(chǎn)生的。面的不同分割和布局都會(huì)產(chǎn)生不同的視覺效果,可以產(chǎn)生輕松感,也能形成壓迫感,映射出不同的視覺動(dòng)勢(shì)。主題文字的存在使整個(gè)包裝版面相當(dāng)生動(dòng)飽滿。以面構(gòu)成時(shí),統(tǒng)籌各元素的關(guān)系和畫面的和諧,在必要時(shí)甚至可以在包裝上做出些空白處理,在立體包裝上,還可以將文字編排進(jìn)行兩個(gè)平面之間的跨越,增強(qiáng)視覺張力和藝術(shù)效果。漢字的字體設(shè)計(jì)的方法主要有以下幾種:1.以書法字呈現(xiàn)書法的筆墨意韻具有一種流動(dòng)方向性,不可重復(fù)的書寫過程本身就是一種圖形化的表現(xiàn),是一個(gè)以時(shí)間帶動(dòng)空間,以動(dòng)作過程帶動(dòng)視覺的表現(xiàn)方法。如:下圖3的茶葉藝術(shù)設(shè)計(jì)就是以書法字呈現(xiàn),中國(guó)文字的古韻將茶葉的綠色韻味充分體現(xiàn)出來,藝術(shù)設(shè)計(jì)是產(chǎn)品投放市場(chǎng)的首要印象,下面的茶葉包裝給人煥然一新的初步印象,引起消費(fèi)者的好感。2.拆分文字筆畫將一個(gè)或者多個(gè)中文字的筆劃進(jìn)行拆分,結(jié)構(gòu)重組,這時(shí)文字的識(shí)別性降低,但是圖形化增強(qiáng),一般需要注釋。拆分后重新組合的文字失去了直白的解釋功能,但新的圖形形態(tài)具有更加深刻的寓意。如圖4的月餅包裝,“回”字的巧妙變換,充分體現(xiàn)了月圓中秋與回家與親人團(tuán)聚的美好愿望,包裝生動(dòng)、形象地傳達(dá)了產(chǎn)品的主體思想。3.文字留白漢字字體在平面廣告設(shè)計(jì)中的應(yīng)用可以突出產(chǎn)品的亮點(diǎn),體現(xiàn)在平面廣告的構(gòu)成要素的差異化創(chuàng)意方面。漢字字體在平面廣告設(shè)計(jì)中的應(yīng)用形狀、大小、色彩、深淺,發(fā)散,組合能夠給人帶來不同的視覺和心靈感受和不同層次的藝術(shù)魅力。近幾年來商業(yè)廣告設(shè)計(jì)藝術(shù)中漢字字體的表現(xiàn)形式獲得了多角度的視覺效應(yīng),顯露時(shí)代風(fēng)格。如圖“5花開富貴”禮品袋,清新簡(jiǎn)約的字體和簡(jiǎn)潔,四周的空白留給消費(fèi)者適當(dāng)?shù)南胂罂臻g。在立體包裝上,還可以將文字編排應(yīng)用于包裝與產(chǎn)品之間的跨越,加強(qiáng)包裝與產(chǎn)品之間的聯(lián)系“。花開富貴”禮品袋的包裝設(shè)計(jì)中選取具有東方古韻的折扇漢字字體裝飾,在外包裝上,生機(jī)勃勃的蝴蝶和牡丹清晰了反應(yīng)了禮品的高雅,在“花開富貴”三個(gè)字的運(yùn)用上,利用不同的字體、字的不同大小突出的特色品牌,整個(gè)包裝采用文字圖像化的設(shè)計(jì),除了保留花開富貴文字標(biāo)志、紅牡丹、蝴蝶外以及少量的商品信息外,幾乎不再運(yùn)用任何的圖案裝飾,整體包裝效果簡(jiǎn)約鮮明,達(dá)到優(yōu)雅的視覺效應(yīng)和心理效應(yīng),傳達(dá)了源遠(yuǎn)流長(zhǎng)、品味生活的一種從容態(tài)度。這種充滿文字圖形化的設(shè)計(jì)使得整個(gè)包裝更加突出品牌形象,成功地在其功能和情感訴求上達(dá)到了一個(gè)平衡考量。
(二)漢字字體設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用案例分析
漢字字體作為網(wǎng)頁(yè)設(shè)計(jì)的一種元素,直接影響著網(wǎng)頁(yè)的整體形象。漢字字體在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用作為一種網(wǎng)絡(luò)信息傳播平臺(tái),豐富了人們的生活,帶來與傳統(tǒng)媒體不一樣的視覺效果和心理效應(yīng)。在隸書與楷體、黑體與宋體之間濃淡變化形成繽紛的色彩層次,字體的線條為虛實(shí)相生,字體的大小、粗淡可以隨意調(diào)整,使網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)產(chǎn)生出悠遠(yuǎn)豁達(dá)之意境,將中國(guó)漢字的意境融入到新媒體傳播中。
(三)漢字字體設(shè)計(jì)在書籍裝幀設(shè)計(jì)中的運(yùn)用案例分析
將漢字字體以標(biāo)記、點(diǎn)綴、插畫形式應(yīng)用在書籍裝幀中,帶來煥然一新的效果,對(duì)漢字字體文化也起著傳播的作用。無論從裝飾性還是藝術(shù)設(shè)計(jì)的設(shè)計(jì)運(yùn)用上,都繼承了漢字字體的線條特征表現(xiàn)出來的靈動(dòng)韻致。書籍中的漢字字體插圖,營(yíng)造了文化、活躍的氛圍,使書籍煥發(fā)活力。如《星火燎原》一書選用了的狂草,大氣磅礴,飄逸灑脫,不用其他元素,僅憑這四個(gè)字已經(jīng)凸顯出書籍版式設(shè)計(jì)的特色。另外,有的書籍裝幀采用了書法家的書法來題寫書名,由于書法家的知名度和對(duì)書的理解與創(chuàng)作,提升了書的藝術(shù)個(gè)性;有的將書法字體與圖書的內(nèi)容、構(gòu)圖、圖案等元素搭配,并在邊緣關(guān)系處尋找新的靈感融入主觀的意念,書籍裝幀的效果就更加富有感染力。
(四)漢字字體設(shè)計(jì)在唱片封套設(shè)計(jì)中的運(yùn)用案例分析
根據(jù)漢字字體提煉出豐富多變的圖案,通過線條組合,可運(yùn)用到與中國(guó)的唱片卡套設(shè)計(jì)中,如圖6的唱片卡套設(shè)計(jì)不僅僅要是漢字字體的引用,還是對(duì)中國(guó)文化藝術(shù)精神的繼承。隨著音樂的飛速發(fā)展和計(jì)算機(jī)藝術(shù)設(shè)計(jì)的開發(fā),漢字字體文化開始以唱片卡套這種形式隨著唱片的熱賣以更快更新的渠道傳播,使?jié)h字字體藝術(shù)與現(xiàn)代平面廣告設(shè)計(jì)接軌,實(shí)現(xiàn)音樂與畫的和諧共存,讓唱片外觀既具有濃郁的民族風(fēng)味,又不失時(shí)尚氣息,既反映出唱片音樂的主題,又使唱片封套充滿了文化底蘊(yùn)。
三、結(jié)論