網(wǎng)頁設(shè)計(jì)

前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網(wǎng)頁設(shè)計(jì)范文，相信會為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

網(wǎng)頁設(shè)計(jì)范文第1篇

關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);元素;色彩

互聯(lián)網(wǎng)技術(shù)日新月異的發(fā)展,已成為人們生活中不可缺少的一部分。互聯(lián)網(wǎng)的發(fā)展使信息傳達(dá)的范圍速度與效率都產(chǎn)生了質(zhì)的飛躍,隨著時(shí)代的發(fā)展,網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。

――引言

網(wǎng)頁設(shè)計(jì)作為一個(gè)全新的設(shè)計(jì)領(lǐng)域,沒有照搬的模式,沒有從屬和延續(xù)但任何設(shè)計(jì)形式又有去規(guī)律和標(biāo)準(zhǔn)。但也有些出學(xué)的設(shè)計(jì)者,將藝術(shù)的設(shè)計(jì)語言和設(shè)計(jì)理念拋到腦后,機(jī)械的完成設(shè)計(jì),完全成為了技術(shù)的奴隸,因此,我想從平面設(shè)計(jì)基礎(chǔ)理論在網(wǎng)頁設(shè)計(jì)的應(yīng)用來淺談我對網(wǎng)頁設(shè)計(jì)的理解,希望給廣大讀者帶來一些啟發(fā)。

一、平面設(shè)計(jì)元素在網(wǎng)頁布局中的應(yīng)用

第一個(gè)要素――點(diǎn):在日常生活中很多東西都可以看作點(diǎn),如晶瑩剔透的一顆雨滴,大海中的一頁孤舟,星空中的一輪明月……從幾何學(xué)角度來說,點(diǎn)是線的交點(diǎn),它沒有大小和形狀;從造型藝術(shù)來說,點(diǎn)是最基本的要素,指畫面中某一小塊區(qū)域;從視覺的角度而言點(diǎn)不但有大小還有形狀。在具體構(gòu)成中點(diǎn)并非都是以遠(yuǎn)的形式出現(xiàn)的,一些較小的個(gè)體元素都可以視為點(diǎn)。例如,在網(wǎng)頁中的一些按鈕就可以當(dāng)作點(diǎn)來處理。在運(yùn)用點(diǎn)的時(shí)候重點(diǎn)不僅在于外形,更在于點(diǎn)在整個(gè)空間中所起的作用,在相同的視覺環(huán)境下相對面積越小點(diǎn)的感覺越強(qiáng)。點(diǎn)越多其間隔就越短,免得感覺就越強(qiáng),這對把握畫面的整體效果和統(tǒng)一畫面十分重要。

在Racing樂隊(duì)網(wǎng)站中20個(gè)大小相同的圓點(diǎn)鋪滿了首頁這些圓點(diǎn)既是頁面中的按鈕,又是頁面的裝飾元素,在不同的色彩映襯下圓點(diǎn)似乎產(chǎn)生了韻律感和運(yùn)動感,瀏覽者的視線會不斷在這些點(diǎn)之間徘徊決定最終去向。

第二個(gè)要素――線:線是由無數(shù)個(gè)點(diǎn)構(gòu)成的根據(jù)其長度寬度方向等構(gòu)成線。線是點(diǎn)移動的軌跡線在頁面中有強(qiáng)調(diào)分割引導(dǎo)的作用。垂直的線給人平穩(wěn)挺拔的感覺;弧線使人感到流暢輕盈;曲線使人跳動不安。不同粗細(xì)的線在空間的性格也是不同的,粗線條給人粗獷,勇敢陽剛的感覺;細(xì)線條可以表達(dá)銳利敏感速度之感;當(dāng)粗線和細(xì)線進(jìn)行結(jié)合時(shí)粗線必定先進(jìn)入視覺,若線的長短符合透視規(guī)律,就能表達(dá)出強(qiáng)烈的空間感。因而,線的構(gòu)成在網(wǎng)頁設(shè)計(jì)中有著廣泛的應(yīng)用,網(wǎng)頁設(shè)計(jì)師常用簡潔的線條進(jìn)行頁面構(gòu)圖,以此傳遞豐富的視覺信息和思想感情。

第三個(gè)要素――面:根據(jù)幾何學(xué)定義,面是線移動的軌跡。點(diǎn)和線的密集可形成面;面的分割面與面的合成亦形成新的面。面試構(gòu)成空間的基本單位一段文字可以視為一個(gè)面,一張圖像可以看作一個(gè)大面,一大片留白可以成為一個(gè)面"面"的概念不是固定的,面試網(wǎng)頁構(gòu)成中常用的元素,它的大小曲直變化都會影響頁面的整體布局。

分割面是規(guī)劃空間的重要手段,在網(wǎng)頁設(shè)計(jì)中,設(shè)計(jì)者通過面的分割組合虛實(shí)交替等多種手法來實(shí)現(xiàn)頁面的整體效果。在網(wǎng)頁設(shè)計(jì)技術(shù)中表格和框架就是用來分割頁面的利用面的分割,可是網(wǎng)頁頁面主體清晰,層次分明。避免雜亂的重要原則就是:少即是多。另外,在網(wǎng)頁設(shè)計(jì)中要敢于留白,善于留空?？瞻卓梢远x為頁面中沒有安排內(nèi)容的地方,空白空間并不一定是白色的,它可以是環(huán)境空間的顏色或圖案。

第四個(gè)要素――空間:網(wǎng)頁設(shè)計(jì)中的空間并非生活中的立體空間,而是一個(gè)假象的空間,是看得見而摸不著的,是在二維平面上建立的空間關(guān)系。在設(shè)計(jì)中,我們可以利用對比強(qiáng)烈的大標(biāo)題可以作為前景,大面積的正文構(gòu)成中景,附屬的版權(quán)信息構(gòu)成背景。實(shí)踐證明,這種清晰而和諧的層次關(guān)系,極大地提高了頁面的整體藝術(shù)效果。

二、網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用

網(wǎng)頁界面藝術(shù)設(shè)計(jì)離不開色彩的應(yīng)用,當(dāng)打開一個(gè)網(wǎng)站的時(shí)候,給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容,也不是網(wǎng)站合理的布局,而是網(wǎng)站的色彩,尤其是在體現(xiàn)界面的時(shí)候,色彩對人的視覺效果非常明顯,一個(gè)網(wǎng)站設(shè)計(jì)的成功與否,在某種程度上取決于設(shè)計(jì)者對網(wǎng)頁界面設(shè)計(jì)顏色的運(yùn)用和搭配。

在網(wǎng)頁設(shè)計(jì)選擇顏色時(shí)應(yīng)注意幾點(diǎn)事項(xiàng):第一不要大面積使用很高的純單色,否則會使瀏覽者感到視覺疲勞;第二當(dāng)網(wǎng)站面對的用戶超出本國范圍時(shí),最好使用網(wǎng)絡(luò)安全色;第三為增強(qiáng)網(wǎng)頁的可讀性,背景與文字內(nèi)容的亮度差最好在102以上。

在色彩運(yùn)用過程中,由于生活地理文化位置的差異不同的人對色彩的喜惡有很大的差異。如生活在高原地區(qū)的人喜歡用暗色;生活在草原地區(qū)的人用紅色;生活在鬧市區(qū)的人喜歡用淡色……在網(wǎng)頁設(shè)計(jì)時(shí)想要透過色彩傳達(dá)某一意象時(shí),必須將色彩形成的背景因素與目標(biāo)群結(jié)合分析。同時(shí)色彩的認(rèn)知是會變動的同樣的一群人在不同的時(shí)間地點(diǎn)都會對色彩產(chǎn)生不同的解讀。因此,不但要關(guān)注上述因素,還要考慮到網(wǎng)頁配色的共性:色彩的鮮明性;色彩的獨(dú)立性;色彩的功能性和習(xí)慣性;色彩的有限性;色彩的周期性。

三、結(jié)束語

網(wǎng)頁界面頁面設(shè)計(jì)的一個(gè)基本特色便是吸引瀏覽者,一個(gè)美觀漂亮的頁面不管內(nèi)容多么空洞,也會有人欣賞,反之一個(gè)內(nèi)容充實(shí)但頁面簡陋卻往往不會有人去瀏覽,從這便可看出網(wǎng)頁界面藝術(shù)設(shè)計(jì)是多么的重要。網(wǎng)頁界面藝術(shù)設(shè)計(jì)是永遠(yuǎn)也學(xué)不完的一門學(xué)問,因?yàn)樗鼤愕某砷L也變化,直到形成你的一種風(fēng)格,網(wǎng)頁界面藝術(shù)設(shè)計(jì)需要大膽創(chuàng)新,需要新的思維,需要不斷的努力。

網(wǎng)絡(luò)對藝術(shù)設(shè)計(jì)行業(yè)同時(shí)造成了威脅和機(jī)遇。真正有魅力的設(shè)計(jì)師設(shè)計(jì)者的思想素養(yǎng)對藝術(shù)的理解及表現(xiàn)技術(shù)的綜合體現(xiàn)。任何設(shè)計(jì)最終都是為人所用的,特別是網(wǎng)頁設(shè)計(jì)的藝術(shù)表現(xiàn),它既是傳播信息的載體又是傳遞美感的使者,設(shè)計(jì)者只有不斷增強(qiáng)交叉設(shè)計(jì)的能力,使藝術(shù)與技術(shù)有效地結(jié)合才能適應(yīng)不斷變化的時(shí)代!

網(wǎng)頁設(shè)計(jì)范文第2篇

通過《網(wǎng)頁設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn)，應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識概念及單一的基本操作，并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系，提高學(xué)生綜合項(xiàng)目實(shí)踐能力，更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進(jìn)行改革，同時(shí)經(jīng)過多年教學(xué)探索，結(jié)合人才培養(yǎng)方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取學(xué)生小組合作（每組2-3名學(xué)生）完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開。總成績由操作考核成績、項(xiàng)目報(bào)告成績兩部分組成，權(quán)重分別為70％、30％，每一項(xiàng)按百分制評分后依權(quán)重比例計(jì)入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評成績是由平時(shí)成績30%、期中成績30%、期末成績40%組成，為了與學(xué)校的評分要求接軌，將本次考試所得的總成績作為學(xué)校學(xué)期總評成績的期末成績部分。并在此說明平時(shí)成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案，其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn)，內(nèi)容要求以表“操作考核內(nèi)容”為中心，以考核學(xué)生綜合網(wǎng)站制作能力為基本思路，通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作，具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作，同時(shí)要求學(xué)生善于思考、總結(jié)，每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容：

（1）項(xiàng)目實(shí)施過程。項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段，要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格（列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位）、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃，在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁效果圖截圖；靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標(biāo)注尺寸；程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進(jìn)行截圖，以及繪制程序開發(fā)頁面流程圖。

（2）項(xiàng)目總結(jié)。對本項(xiàng)目完成情況進(jìn)行分析、總結(jié)，并介紹項(xiàng)目實(shí)施過程中的收獲及體會。在作品展示時(shí)要求各小組派出代表對作品進(jìn)行介紹，總結(jié)，便于相互交流經(jīng)驗(yàn)。

（3）項(xiàng)目組介紹。對該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式，讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力，還要有合作意識，與合作者之間有效、和諧的溝通。

2.考核方式

網(wǎng)頁設(shè)計(jì)范文第3篇

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；圖形圖像；處理方法

現(xiàn)今社會是一個(gè)嶄新的信息時(shí)代，而Internet作為信息社會的典型代表，它代表著一種全新的信息交流方式。Internet是由成千上萬的網(wǎng)站組成，而每個(gè)網(wǎng)站都由諸多的網(wǎng)頁構(gòu)成，因此網(wǎng)頁是構(gòu)成Internet的基本元素。而一個(gè)網(wǎng)頁的構(gòu)成要素包括文字、圖形圖像、色彩、版式等。一個(gè)好的網(wǎng)頁以為版式為中心，圖形圖像處于不可或缺的地位，如下圖所示：

由于圖片給人的視覺沖擊要比文字大85%，因此在視覺順序上，圖片往往能首先吸引人們的注意力，而圖片的引入也能大大美化網(wǎng)頁。可以說，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片，幾乎所有的網(wǎng)頁都用到了圖片。善用圖片，可以生動、形象、直觀地表達(dá)網(wǎng)頁的主題，增強(qiáng)網(wǎng)頁的宣傳力，號召力和感染力，吸引瀏覽者的注意，引起瀏覽者的興趣。網(wǎng)頁能圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。對一條信息來說，圖片對瀏覽者吸引也遠(yuǎn)遠(yuǎn)超過單純的文字。在網(wǎng)頁設(shè)計(jì)中如何使用圖形圖像，本文將從以下幾點(diǎn)來進(jìn)行討論：

一、網(wǎng)頁中圖形圖像的表現(xiàn)形式

1.網(wǎng)站標(biāo)志（LOGO）

網(wǎng)站標(biāo)志（LOGO）是網(wǎng)站的一部分，它具有象征和識別功能，是網(wǎng)站形象和文化的濃縮，代表著網(wǎng)站的特性。一個(gè)設(shè)計(jì)杰出的、符合網(wǎng)站理念的標(biāo)志，會增加網(wǎng)站的信賴感和權(quán)威感，在社會大眾的心目中，它就是一個(gè)網(wǎng)站的代表。網(wǎng)站開標(biāo)志（LOGO）是與其它網(wǎng)站鏈接及讓其它網(wǎng)站鏈接的標(biāo)志和門戶，而標(biāo)志（LOGO）圖形化的形式比文形式的LOGO鏈接更能吸引人們的注意。圖形標(biāo)志是一種簡潔但不簡單的圖形符號，具有以小見大、以少勝多、以一當(dāng)十的特點(diǎn)。在現(xiàn)代社會生活中，經(jīng)過精心設(shè)計(jì)而具有高度實(shí)用性和藝術(shù)性的圖形標(biāo)志，以其特有的功能和新穎別致的藝術(shù)效果，感染和影響著人們，指導(dǎo)人們的認(rèn)知和選擇。

2.背景插圖

網(wǎng)頁的背景插圖可以把瀏覽器變成一個(gè)真實(shí)的環(huán)境，使用圖形作為網(wǎng)站的背景是最能展現(xiàn)網(wǎng)站主題特色的地方，可以增加層次感，能夠強(qiáng)化整個(gè)網(wǎng)頁的結(jié)構(gòu)效果，可與網(wǎng)頁主題圖像形成對比或共鳴，從而突出主題形象，彰顯網(wǎng)頁的風(fēng)格。當(dāng)然網(wǎng)站背景作為網(wǎng)頁設(shè)計(jì)的主要組成元素，在設(shè)計(jì)時(shí)要注重形成網(wǎng)站特有的氣勢，使其能有機(jī)的整合到網(wǎng)站的整體設(shè)計(jì)中，而不可孤立展現(xiàn)。

3.主圖

網(wǎng)頁主圖是指網(wǎng)頁中表達(dá)主題、突出主題的較大幅面的圖形圖像，它可以說是網(wǎng)頁的形象區(qū)，是整個(gè)頁面的視覺中心。在網(wǎng)頁中采用一幅好的主圖，可以使瀏覽者見其圖即知其內(nèi)容，它具有直觀性強(qiáng)的特點(diǎn)，不需要像文字那樣去逐字逐句地閱讀，可以不受文化水平的限制，并能在瞬間給瀏覽者以深刻印象。

4.超級鏈接

在網(wǎng)頁設(shè)計(jì)中，將超級鏈接設(shè)計(jì)成圖形圖像的形式，不但能使網(wǎng)頁鏈接樣式變得豐富多彩，還可以使網(wǎng)頁更為美觀，彰顯頁面風(fēng)格。在網(wǎng)頁中采用標(biāo)志性符號，可以減弱語言的障礙。圖形化的鏈接按鈕更直觀形象，可以為單調(diào)的文字信息增添活力，可以更加明確地表現(xiàn)它所要進(jìn)行的操作。

二、網(wǎng)頁設(shè)計(jì)中圖形圖像的作用

1.強(qiáng)化表現(xiàn)

在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，正確地選擇圖形圖像不但可以更好的突出網(wǎng)站的主題，而且還可以對網(wǎng)站內(nèi)容起到解釋說明的作用。同時(shí)，圖形圖像跟文字藝術(shù)是有區(qū)別的，它可以借助視覺上的形與色把內(nèi)心的情感真實(shí)的表現(xiàn)出來，并通過形象的視覺效果促使瀏覽者產(chǎn)生更多的聯(lián)想，從而進(jìn)一步深化和襯托出網(wǎng)站主題。因此在很多的設(shè)計(jì)中，經(jīng)常會把圖片當(dāng)做一種強(qiáng)而有力的表現(xiàn)元素。

2.美化頁面

在網(wǎng)頁設(shè)計(jì)中，如果僅有文字的排版，會讓瀏覽者感覺到單調(diào)乏味。為了提高瀏覽者的閱讀欲望，吸引他們的好奇心，在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候，必須要保證整個(gè)網(wǎng)頁版面設(shè)計(jì)中圖片的所占比率大約為百分之三十左右。把文字和圖片有效結(jié)合起來，可以促使網(wǎng)頁看起來更具美感。

3.傳達(dá)信息

圖形圖像本身就是一種信息，它參與到深層的語義之中，人們對任務(wù)回憶的時(shí)候，對圖片、文字等信息的記憶和理解是不相同的，相對來說，人們更喜歡記憶圖片信息，這是因?yàn)閳D形圖像所表現(xiàn)的信息量非常大，它可以非常直觀地表達(dá)所要表達(dá)的內(nèi)容。所以在網(wǎng)頁設(shè)計(jì)中使用圖形圖像可以更高效地將信息傳達(dá)給瀏覽者，從而達(dá)到設(shè)計(jì)目的。

4.提高趣味性

提高趣味性主要是在表現(xiàn)的形式上來增強(qiáng)閱讀的趣味性。尤其是當(dāng)網(wǎng)頁存在大量文字信息的情況下插入圖片，可以起到刺激人體大腦的作用，進(jìn)一步吸引瀏覽者的關(guān)注力，促使他們可以因其強(qiáng)烈的好奇心而繼續(xù)閱讀下去，最終達(dá)到傳播信息的本質(zhì)目的。

三、網(wǎng)頁設(shè)計(jì)中圖形圖像使用的原則

即便是一個(gè)內(nèi)容主導(dǎo)的網(wǎng)站，也需要圖形圖像來潤色，因此設(shè)計(jì)網(wǎng)站時(shí)，都需要尋找一些優(yōu)秀圖片，良好圖片的運(yùn)用能成就一個(gè)優(yōu)秀的網(wǎng)站。人都是視覺動物，在瀏覽網(wǎng)頁時(shí)，對于圖像都有一種渴望，因此添加圖片非常重要。而且，一定是要合適的、相關(guān)的圖片。在網(wǎng)頁設(shè)計(jì)中使用圖形圖像時(shí)需要注意的基本原則有以下幾點(diǎn)：

1. 風(fēng)格吻合

網(wǎng)頁設(shè)計(jì)中采用的圖形圖像在風(fēng)格上要與網(wǎng)頁的主題內(nèi)容保持氛圍、情感上的一致。筆者多年教學(xué)中看到，初學(xué)網(wǎng)頁設(shè)計(jì)的同學(xué)往往會犯這種錯(cuò)誤，看到漂亮圖片就往自己的網(wǎng)頁里使用。如果所用圖的內(nèi)容與網(wǎng)頁的主題不相符，就會干擾瀏覽者的注意力。

2. 精練簡潔

在一個(gè)網(wǎng)頁中如果所采用圖形圖像的數(shù)量過多，那么圖片所占的空間就會過大，這樣會影響網(wǎng)頁的下載速度從而影響網(wǎng)站的點(diǎn)擊率。因此網(wǎng)頁中采用的圖形圖像一定要做到少而精。

3. 顏色協(xié)調(diào)

顏色協(xié)調(diào)指所采用的圖形圖像與文字及整個(gè)頁面的主色調(diào)協(xié)調(diào)一致。眾多圖片的色彩應(yīng)融于主色調(diào)這個(gè)整體中去，使整個(gè)網(wǎng)頁的色調(diào)趨向統(tǒng)一，不給人雜亂堆砌之感。

4.對比強(qiáng)烈

網(wǎng)頁設(shè)計(jì)中使用圖片時(shí)要牢牢記住可用性至上的原則！網(wǎng)頁中使用的圖片必須與整體相協(xié)調(diào)，并且與文字產(chǎn)生對比。干讀文字會讓瀏覽者覺得很乏味。要想產(chǎn)生鮮明的上下對比效果，就要學(xué)會觀察；圖片比較亮，那么文字可以使用較深的顏色，反之亦然。

5.采用質(zhì)量好的圖片

一張畫面精致清晰的圖片讓瀏覽者感覺很舒服，更能表現(xiàn)網(wǎng)頁的細(xì)節(jié)，千萬不要用過于模糊的圖片。如果找不到好的質(zhì)量的圖片，可有自己拍攝，實(shí)在還有困難，那么換個(gè)思路，建議采用字體設(shè)計(jì)、布局新穎、極簡主義等風(fēng)格，然后不帶圖像，寧缺毋濫。

6.大圖受歡迎

圖像越大，視覺沖擊力也越大。在網(wǎng)頁設(shè)計(jì)中應(yīng)用大圖或超大圖片，是網(wǎng)頁未來的設(shè)計(jì)和發(fā)展的主要方向，使用大圖可以給網(wǎng)站帶來強(qiáng)烈的視覺沖擊效果。當(dāng)然為了不使圖片影響網(wǎng)頁的下載速度，必然要對大圖進(jìn)行切片處理才行。

四、網(wǎng)頁設(shè)計(jì)中圖形圖像的處理方法

在網(wǎng)頁設(shè)計(jì)中圖形圖像的使用除了符合網(wǎng)站的主題，要有創(chuàng)新的構(gòu)思和強(qiáng)烈的個(gè)性外。圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達(dá)，在使用時(shí)應(yīng)考慮圖片在整體編輯計(jì)劃中的作用，以達(dá)到和諧整齊。那么在網(wǎng)頁設(shè)計(jì)中怎樣處理圖片才能達(dá)到較好效果，本文將從以下幾點(diǎn)進(jìn)行說明：

1.圖像的面積

大圖像能更好地表現(xiàn)細(xì)節(jié)，容易形成視覺焦點(diǎn)，感染力強(qiáng)，傳達(dá)的感情更為強(qiáng)烈，更容易吸引瀏覽者的注意。小圖像顯得簡潔精致，有點(diǎn)綴和呼應(yīng)作用。大小對比強(qiáng)烈，給人跳躍感；大小對比減弱，則頁面穩(wěn)定、安靜。圖像在網(wǎng)頁中占據(jù)的面積大小能直接顯示其重要程度。

在網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)首先確定主要形象與次要形象，把重要的能吸引注意力的圖片放大，從屬的圖縮片小，形成主次分明的層次格局。

2.圖像的位置

在網(wǎng)頁中上下左右及對角線的四個(gè)角都是視覺的焦點(diǎn)，處理好圖像與這些位置的關(guān)系能使網(wǎng)頁表現(xiàn)出豐富的效果。

3.圖像的外形

在網(wǎng)頁設(shè)計(jì)中，通?？梢詫D片處理成不同形狀，而不同形狀的圖片給人的感覺也是不同的，如方形的穩(wěn)定、嚴(yán)肅，三角形的銳利，圓形或曲線外形的柔軟、親切，退底圖及一些不規(guī)則或帶邊框圖像的活潑，都能產(chǎn)生強(qiáng)烈的裝飾感。比如：

（1）方形圖

用直線邊框來規(guī)范，這是一種最常見形狀。方形圖使圖像內(nèi)容更突出且將主題形象與環(huán)境共融，可以完整地傳達(dá)主題思想，有利于氣氛的渲染，富有情節(jié)感、直接感和親和力，但有時(shí)也顯得平淡、呆板。

（2）菱形圖

用直線邊框規(guī)范，使圖像整體表現(xiàn)為菱形，它讓人感覺打破常規(guī)，具有很強(qiáng)烈的個(gè)性和立體感。

（3）圓形圖

圓形圖是指利用曲線邊框?qū)D像進(jìn)行規(guī)范和限制。圓形圖給人以充實(shí)、柔和、圓滿的感覺，給瀏覽者以流暢、隨意、自由的感受。

（4）三角形

圖像用直線邊框規(guī)范，使圖像在網(wǎng)頁呈現(xiàn)三角形顯示。它給瀏覽者動感，使網(wǎng)頁生動、靈活。

（5）退底圖

在網(wǎng)頁設(shè)計(jì)中，有時(shí)會根據(jù)設(shè)計(jì)內(nèi)容所需將圖片精選部分沿邊緣裁剪，而保留輪廓分明的圖形，這樣顯得更靈活自如。配置退底圖的頁面，可以表現(xiàn)得輕松活潑、動態(tài)十足且富于個(gè)性，而且圖文結(jié)合自然，給人以親和感；為了避免可能造成凌亂和不整體的感覺，也可以用加線、線框、色塊或方形圖的方法，使版面取得平衡和穩(wěn)定。

（6）出血圖

出血圖在網(wǎng)頁中表現(xiàn)為：圖形圖像充滿了整個(gè)版面、無邊框、有向外擴(kuò)張、自由舒展的感覺。因其不受邊框限制，便于情感與動感的發(fā)揮，所以一般在需要傳達(dá)抒情或運(yùn)動信息的頁面上采用出血圖。出血圖能拉近瀏覽者距離，有親近感，使情感與動感更能得到發(fā)揮。

4.圖像的虛實(shí)

在網(wǎng)頁設(shè)計(jì)時(shí)利用圖像的虛實(shí)對比能夠使網(wǎng)頁產(chǎn)生空間感，實(shí)的物體感覺近，虛的物體感覺遠(yuǎn)。想讓圖像虛化很簡單，一個(gè)就是對圖像進(jìn)行模糊處理，另一個(gè)則是對圖像色彩進(jìn)行處理，如降低純度、采用單色效果等手法。

5.圖像的合成

在網(wǎng)頁設(shè)計(jì)中使用合成圖是很常用的手段。圖像合成通常是指將幾幅圖片利用圖像處理技術(shù)合成為一個(gè)圖像，合成圖傳達(dá)的信息更為豐富，更能集中地體現(xiàn)設(shè)計(jì)者的創(chuàng)意。如將不同風(fēng)景、建筑、人物合成為一個(gè)圖像，采用統(tǒng)一的色彩和處理手法，這樣能體現(xiàn)出一種特有的風(fēng)格。

6. 圖像的組合

在設(shè)計(jì)網(wǎng)頁時(shí)，為了能傳達(dá)更多信息，我們通常也對圖像進(jìn)行組合，即把多幅圖片以不同方式擺放，形成一個(gè)圖像組。圖像的重要程度可以因面積、擺放位置的不同而有所不同。圖像組合的方式有塊狀和散點(diǎn)兩種：塊狀組合方式有強(qiáng)烈的整體和嚴(yán)謹(jǐn)感，并富于理性和秩序美；散點(diǎn)組合方式則可以形成明快自由的感覺。

7. 圖像的局部與特寫

在網(wǎng)頁設(shè)計(jì)中使用圖像時(shí)往往還要注意圖像的整體與局部特寫。局部的圖像相對與整體而言更能讓視線集中，有一種點(diǎn)到為止、意猶未盡的感覺。特寫就是將局部圖像加以放大，用特殊手法作重點(diǎn)表現(xiàn)。特寫能讓圖像具有獨(dú)特的藝術(shù)魅力，使瀏覽者對圖像產(chǎn)生瞬間的凝視，引發(fā)瀏覽者的興趣點(diǎn)。

五、結(jié)束語

網(wǎng)頁設(shè)計(jì)中圖形圖像的使用對于強(qiáng)化網(wǎng)頁的視覺效果起到非常重要的作用，只有充分了解圖形圖像在網(wǎng)頁中的表現(xiàn)形式、使用原則及其重要作用，并結(jié)合具體切實(shí)可行的處理方法，才能讓圖形圖像在網(wǎng)頁中發(fā)揮更好的作用，達(dá)到美觀實(shí)用的目的。

參考文獻(xiàn)：

網(wǎng)頁設(shè)計(jì)范文第4篇

關(guān)鍵詞： 網(wǎng)頁設(shè)計(jì) 教改 團(tuán)隊(duì)合作 項(xiàng)目實(shí)踐

隨著社會的發(fā)展進(jìn)步，以及計(jì)算機(jī)科學(xué)技術(shù)和互聯(lián)網(wǎng)技術(shù)的不斷創(chuàng)新，計(jì)算機(jī)已經(jīng)廣泛應(yīng)用于各個(gè)行業(yè)中，計(jì)算機(jī)操作技能成了職業(yè)技能的重要組成部分。當(dāng)今社會，無論政府機(jī)關(guān)、企業(yè)還是學(xué)校、個(gè)人都需要一個(gè)自己的網(wǎng)站，通過網(wǎng)站進(jìn)行對外宣傳和交流。精美的網(wǎng)頁可以吸引用戶進(jìn)行瀏覽，增加訪問量，從而提高網(wǎng)站的知名度，這就需要運(yùn)用網(wǎng)頁設(shè)計(jì)和制作技術(shù)?！队?jì)算機(jī)應(yīng)用技術(shù)：網(wǎng)頁設(shè)計(jì)》是高等院校為非計(jì)算機(jī)專業(yè)的學(xué)生開設(shè)的公共基礎(chǔ)課，以《計(jì)算機(jī)基礎(chǔ)》為前導(dǎo)課程，在提高學(xué)生計(jì)算機(jī)操作技能方面發(fā)揮重要作用。我結(jié)合多年實(shí)際教學(xué)經(jīng)驗(yàn)，從網(wǎng)頁設(shè)計(jì)課程的教學(xué)模式、教學(xué)方法和實(shí)踐教學(xué)等方面，對《計(jì)算機(jī)應(yīng)用技術(shù)：網(wǎng)頁設(shè)計(jì)》課程的教學(xué)改革進(jìn)行初步探討。

一

“好的開端是成功的一半”，在課程開始之前，首先應(yīng)最大限度地激發(fā)學(xué)生對網(wǎng)頁設(shè)計(jì)的興趣，進(jìn)而培養(yǎng)學(xué)生的動手操作能力和創(chuàng)新能力[1]。在教學(xué)實(shí)踐中，我這樣設(shè)計(jì)教學(xué)：在講每一個(gè)章節(jié)的理論和具體操作步驟之前，首先演示用本節(jié)理論制作的精美網(wǎng)頁，這樣就能立刻吸引學(xué)生，激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動學(xué)生學(xué)習(xí)的積極性，接下來課程圍繞“這個(gè)網(wǎng)頁用到了哪些知識”、“我如何制作”展開，強(qiáng)化學(xué)生的參與意識，以學(xué)生為主體，以能力培養(yǎng)為中心組織教學(xué)[2]。學(xué)生了解了學(xué)習(xí)的意義所在，就會迫切地想自己嘗試制作網(wǎng)頁。

下面以網(wǎng)頁設(shè)計(jì)中表格一課為例，談?wù)劷虒W(xué)體會。學(xué)習(xí)表格時(shí)不要開始就直接講如何插入表格、嵌套表格，如何設(shè)置單元格寬度、高度、對齊方式等，而是先演示一個(gè)用表格制作的有現(xiàn)實(shí)應(yīng)用的精美網(wǎng)頁，我以兒童攝影工作室的主題網(wǎng)站為例制作了一個(gè)寶貝寫真網(wǎng)頁，里面用到了表格的嵌套、單元格的合并及拆分進(jìn)行頁面布局，網(wǎng)頁頂部由圖片和線條組成，底部是版權(quán)信息和聯(lián)系我們，網(wǎng)頁中部是主題，左側(cè)用嵌套表格制作了欄目導(dǎo)航，右側(cè)將多張寶貝寫真照片分別放入表格拆分后的單元格中。在制作過程中用到了表格和單元格的相關(guān)屬性，通過制作這個(gè)網(wǎng)頁，學(xué)生掌握了表格部分的重要知識點(diǎn)。另外，表格中關(guān)于細(xì)線邊框和圓角表格的介紹，我也采用網(wǎng)頁案例講解，以一張幾米漫畫圖片為內(nèi)容制作一個(gè)一像素表格，學(xué)生看到后的反應(yīng)是，這個(gè)網(wǎng)頁好美，很喜歡，接著就迫切想知道怎么做。在講圓角表格時(shí)，展示了一個(gè)用可愛的動態(tài)圖片配上圓角相框制作的網(wǎng)頁，學(xué)生因?yàn)橛X得好玩，非常樂意自己動手制作。這種教學(xué)方法主要考慮到教育應(yīng)“以培養(yǎng)學(xué)習(xí)興趣和信息素質(zhì)為主”，興趣才具有穩(wěn)定性，是決定學(xué)習(xí)效果的關(guān)鍵因素，培養(yǎng)學(xué)生興趣比講書本上的具體知識更重要。

二

在教學(xué)中積極開展師生交流互動。雖然是計(jì)算機(jī)應(yīng)用技術(shù)類課程，但是課堂互動亦非常重要，只有將老師講和學(xué)生做恰當(dāng)結(jié)合，才能獲得好的教學(xué)效果。課堂上以啟發(fā)、引導(dǎo)為主講重點(diǎn)操作，其他簡單操作讓學(xué)生自主看書，上機(jī)操作，發(fā)揮掌握。教師在課堂教學(xué)過程中，充分利用多媒體[3]，隨機(jī)點(diǎn)名同學(xué)操作電腦，通過多媒體做給全班同學(xué)看，被提問的同學(xué)遇到難題，其他同學(xué)可以出謀獻(xiàn)策，幫助操作的學(xué)生完成這個(gè)網(wǎng)頁的制作。這樣可以營造學(xué)生動手并且相互合作的學(xué)習(xí)氛圍，課堂上，同學(xué)們個(gè)個(gè)聚精會神，都參與其中。

為了彌補(bǔ)課堂教學(xué)的局限性，為學(xué)生提供更廣闊的學(xué)習(xí)環(huán)境和交流平臺，班級建立QQ群，師生都加入其中。為了實(shí)現(xiàn)資源共享，將網(wǎng)頁設(shè)計(jì)課程資料如教學(xué)資源、教學(xué)視頻、課后練習(xí)題目等上傳到QQ群共享中，這樣課余時(shí)間學(xué)生可以利用這些資料自行上機(jī)操作練習(xí)，遇到問題既可以參考教學(xué)資源和教學(xué)視頻進(jìn)行解決，又可以和老師通過QQ交流解決。在通信如此發(fā)達(dá)的環(huán)境下，師生還可以使用手機(jī)微信隨時(shí)保持聯(lián)系，就學(xué)習(xí)生活過程中遇到的問題及時(shí)進(jìn)行溝通交流，及時(shí)解決。應(yīng)用網(wǎng)絡(luò)平臺，不僅能幫助學(xué)生獲取更多知識，提供豐富的信息資源，而且能為師生提供多種交流和對話的方式，增進(jìn)師生之間的感情交流，進(jìn)而及時(shí)幫助學(xué)生答疑解惑。

三

對學(xué)生進(jìn)行綜合量化考核。傳統(tǒng)的期末閉卷考試方式，不適合網(wǎng)頁設(shè)計(jì)課，為了更好地檢驗(yàn)學(xué)生的學(xué)習(xí)成效和計(jì)算機(jī)應(yīng)用能力，采用“平時(shí)成績+設(shè)計(jì)作品成績+期末作品成績=學(xué)生總成績”[4]的綜合量化考核方法。

平時(shí)成績主要參考課堂回答問題情況和課外作業(yè)完成情況，課堂提問能有效地增進(jìn)課堂互動，檢查學(xué)生對授課內(nèi)容的掌握情況；課余對學(xué)生提出擴(kuò)展要求，布置課外作業(yè)，學(xué)生可以利用網(wǎng)絡(luò)查閱相關(guān)資料，完成上機(jī)作業(yè)。另外，每學(xué)完一個(gè)重要章節(jié)，留給學(xué)生一個(gè)大作業(yè)，即制作一個(gè)作品，應(yīng)用到本章學(xué)習(xí)的技術(shù)，設(shè)計(jì)作品成績評定主要依據(jù)這些作品的完成情況，同學(xué)們可以分成小組完成，遇到難題通過各小組成員之間討論、分析進(jìn)行解決，在此過程中同學(xué)們的能力得到提高。下次課上，給每個(gè)小組3～5分鐘時(shí)間，讓代表利用多媒體展示自己小組的作品，詳細(xì)闡述提交的網(wǎng)頁作品的設(shè)計(jì)思路、使用的關(guān)鍵技術(shù)，并分析該網(wǎng)頁的結(jié)構(gòu)、風(fēng)格、創(chuàng)意和特色，最后老師進(jìn)行評價(jià)，酌情給出該小組的設(shè)計(jì)作品成績。學(xué)生分組做項(xiàng)目，既有利于相互之間學(xué)習(xí)交流，培養(yǎng)創(chuàng)新精神，又有利于培養(yǎng)團(tuán)隊(duì)合作能力。期末作品成績是對本學(xué)期所學(xué)的全部內(nèi)容，提出考核要求，安排學(xué)生在規(guī)定的時(shí)間內(nèi)進(jìn)行上機(jī)考試，這種方式要求學(xué)生有熟練的操作技能，重視平時(shí)的操作練習(xí)，提高動手能力。實(shí)踐證明，這種考核方式能夠客觀、公正地檢驗(yàn)學(xué)習(xí)成效，督促學(xué)生積極主動學(xué)習(xí)，增強(qiáng)教學(xué)效果。

四

提高教師業(yè)務(wù)素質(zhì)和水平。計(jì)算機(jī)技術(shù)更新較快，新技術(shù)不斷出現(xiàn)，網(wǎng)頁開發(fā)工具多樣化，而且版本不斷更新，有很多新增功能，這就要求任課教師不斷更新知識，時(shí)刻關(guān)注并學(xué)習(xí)掌握新技術(shù)[5]。高校應(yīng)該根據(jù)計(jì)算機(jī)專業(yè)的特點(diǎn)，為教師提供外出進(jìn)修或者學(xué)習(xí)的機(jī)會，多組織教師參加教育部、其他高校及公司等單位組織的培訓(xùn)。通過學(xué)術(shù)交流，構(gòu)建開放式教學(xué)平臺，并與公司建立友好合作關(guān)系。

五

網(wǎng)頁設(shè)計(jì)課程的最終目的是實(shí)現(xiàn)學(xué)以致用，給學(xué)生提供機(jī)會參與項(xiàng)目實(shí)踐。因?yàn)閷W(xué)生的計(jì)算機(jī)基礎(chǔ)操作能力參差不齊，所以在上機(jī)時(shí)應(yīng)該進(jìn)行分層次教學(xué)指導(dǎo)，對于基礎(chǔ)薄弱、計(jì)算機(jī)操作技能差的學(xué)生，上機(jī)指導(dǎo)要特別關(guān)注，多為他們解答疑問，保證完成教學(xué)任務(wù)，布置教材上要求的網(wǎng)頁項(xiàng)目讓他們完成，確保這部分學(xué)生能完成教材上要求的項(xiàng)目。對于計(jì)算機(jī)操作能力強(qiáng)，前導(dǎo)課計(jì)算機(jī)文化基礎(chǔ)掌握很好的學(xué)生，在完成現(xiàn)有的教學(xué)任務(wù)后，可以分配一些有實(shí)用價(jià)值的項(xiàng)目給這些學(xué)生做[6]。介紹學(xué)生為一些老師制作精品課程網(wǎng)站，也可以為公司設(shè)計(jì)網(wǎng)站，多提供這樣的機(jī)會給學(xué)生，這樣不僅可以使學(xué)生學(xué)以致用，還可以為學(xué)生提供勤工助學(xué)的機(jī)會，增強(qiáng)學(xué)生的工作能力。將教學(xué)與項(xiàng)目相結(jié)合，在完成項(xiàng)目過程中，培養(yǎng)學(xué)生思考問題、解決問題及動手、協(xié)調(diào)的綜合能力，調(diào)動學(xué)生學(xué)習(xí)的積極性與主動性，激發(fā)學(xué)生的自信心，實(shí)現(xiàn)教學(xué)目標(biāo)。

在教學(xué)過程中，通過不斷創(chuàng)新教學(xué)方法，培養(yǎng)學(xué)生自主學(xué)習(xí)的興趣，利用科技進(jìn)步，增進(jìn)師生交流和資源共享，通過分組項(xiàng)目實(shí)踐，培養(yǎng)學(xué)生合作能力和團(tuán)隊(duì)精神，將理論知識應(yīng)用于實(shí)踐。這樣教學(xué)，提高了學(xué)生的動手能力和創(chuàng)新能力，在培養(yǎng)學(xué)生能力方面取得了顯著效果。

參考文獻(xiàn)：

[1]羅春雷.全程結(jié)合工程實(shí)際的工科專業(yè)教改實(shí)踐與思考[J].長沙航空職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2009（2）：15-17.

[2]王東燕，趙鑫，喻革武.關(guān)于信息技術(shù)文化基礎(chǔ)課教改的幾點(diǎn)思考[J].電腦知識與技術(shù)，2010（26）：7426-7427.

[3]趙玉亮.鄭旭東.多媒體技術(shù)在高等數(shù)學(xué)教改中的作用[J].科教文匯，2010（01）：84.

[4]莫學(xué)值.淺談程序設(shè)計(jì)課程教改實(shí)踐[J].廣西輕工業(yè)教育研究，2010（1）：134.

網(wǎng)頁設(shè)計(jì)范文第5篇

關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);元素;美學(xué)

中圖分類號:TP393.092文獻(xiàn)標(biāo)識碼:A文章編號: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)站在我們社會生活中無處不在,網(wǎng)站網(wǎng)頁設(shè)計(jì)是伴隨著計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)、圖像動畫處理制作軟件的產(chǎn)生和發(fā)展而形成的設(shè)計(jì)新課題,他是運(yùn)用相關(guān)的軟件技術(shù)、美學(xué)知識等,依照設(shè)計(jì)目的和要求對網(wǎng)站進(jìn)行功能上的實(shí)現(xiàn)和視覺藝術(shù)的創(chuàng)造性思維活動。下面就網(wǎng)頁設(shè)計(jì)的“美學(xué)”進(jìn)行探討。

一、設(shè)計(jì)元素

網(wǎng)頁設(shè)計(jì)的元素主要是視覺和聽覺元素,主要包括:文字、圖像、動畫等多媒體元素。隨著多媒體技術(shù)的發(fā)展和運(yùn)用使視聽元素在網(wǎng)頁設(shè)計(jì)中的綜合運(yùn)用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。

(一)文字。文字是網(wǎng)頁界面的主體,是用以傳達(dá)信息的主要元素,雖然利用網(wǎng)絡(luò)多媒體也可以達(dá)到同樣的目的,但網(wǎng)頁中文字的優(yōu)勢很難被取代。

(二)圖形。圖形在網(wǎng)頁中有著十分重要的作用。在網(wǎng)上瀏覽時(shí),瀏覽者常常會因看到一幅十分引人注目的圖形而感興趣去了解相關(guān)內(nèi)容。在很多網(wǎng)頁中,圖形占據(jù)著整個(gè)頁面的重要位置,有的甚至占據(jù)了整個(gè)頁面。在視覺順序上,圖形往往能首先吸引人的們注意力,這是由于圖形給人的視覺印象要比文字強(qiáng)烈得多。幾乎所有的網(wǎng)頁都用到了圖形,善用圖形,可以生動、形象、直觀地表達(dá)網(wǎng)頁的主題,增強(qiáng)網(wǎng)頁的宣傳力、感染力和號召力。圖形必須符合網(wǎng)頁的主題,并具有創(chuàng)新的構(gòu)思和強(qiáng)烈的個(gè)性,使主題與表現(xiàn)兩者較好的統(tǒng)一,以有利于信息的傳達(dá)。

(三)多媒體。將多媒體元素引入網(wǎng)頁界面,可以很大程度上增強(qiáng)瀏覽者的吸引力。從網(wǎng)頁界面的發(fā)展來看,由純文字界面到圖文并茂,再到引入新的多媒體元素,這是一個(gè)必然的過程。瀏覽者希望在網(wǎng)上看到更具創(chuàng)造性、更具吸引力和更具情趣的內(nèi)容,多媒體元素正是實(shí)現(xiàn)這一目標(biāo)的重要手段。網(wǎng)頁中所涉及到的多媒體元素主要是音頻、視頻和動畫。

二、設(shè)計(jì)原則

設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中占據(jù)著重要的地位,要求在有限的屏幕空間上運(yùn)用平面設(shè)計(jì)的相關(guān)原理(如色彩、構(gòu)成、版面等藝術(shù)設(shè)計(jì)原理知識)將視聽多媒體元素進(jìn)行藝術(shù)化的表現(xiàn),是一種具有藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí),也產(chǎn)生感官上的美感和精神上的享受。它同平面廣告、報(bào)刊雜志等印刷品平面媒體的設(shè)計(jì)不同,印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,尺寸是由讀者來控制的,這使網(wǎng)頁設(shè)計(jì)者不能精確控制頁面上每個(gè)元素的尺寸和位置,而且網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合,因此網(wǎng)頁的平面設(shè)計(jì)具有更高的難度和挑戰(zhàn)性。網(wǎng)頁設(shè)計(jì)的藝術(shù)性網(wǎng)頁作為傳播信息的一種載體必須要有自己鮮明的藝術(shù)特色,才能在眾多的網(wǎng)絡(luò)信息中脫穎而出,受到關(guān)注。這就要求網(wǎng)頁設(shè)計(jì)要按照視覺心理規(guī)律和形式美等藝術(shù)設(shè)計(jì)的手法將信息主動地傳達(dá)給觀賞者,在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受,以滿足人們的實(shí)用和需求。

網(wǎng)頁設(shè)計(jì)不但要單純、簡練、清晰和精確,而且要強(qiáng)調(diào)藝術(shù)性,通過獨(dú)特的藝術(shù)風(fēng)格和強(qiáng)烈的視覺沖擊力來鮮明地突出設(shè)計(jì)目的。作為視覺設(shè)計(jì)范疇一種的網(wǎng)頁設(shè)計(jì),其最終目的是達(dá)到最佳的主題訴求效果。這種效果的取得其藝術(shù)性的手法是必不可少的,一方面通過對網(wǎng)頁的內(nèi)容運(yùn)用邏輯規(guī)律進(jìn)行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理,更好地營造設(shè)計(jì)目的的視覺環(huán)境,突出主題,增強(qiáng)瀏覽者對網(wǎng)頁的注意力,增進(jìn)對網(wǎng)頁內(nèi)容的理解。

網(wǎng)頁設(shè)計(jì)的技術(shù)性不同于傳統(tǒng)媒體之處,就在于信息的交互性、持續(xù)性、多維性、多種媒體的綜合性、版式的不可控性等特點(diǎn),這些都離不開網(wǎng)頁設(shè)計(jì)技術(shù)方面的因素。網(wǎng)頁設(shè)計(jì)的技術(shù)性是網(wǎng)頁設(shè)計(jì)時(shí)運(yùn)用相關(guān)的軟件技術(shù)、媒體技術(shù)電子技術(shù)等實(shí)現(xiàn)網(wǎng)頁最終表現(xiàn)效果的手段方式。沒有技術(shù)的支撐網(wǎng)頁也就失去了他的媒體特性。

網(wǎng)頁多種媒體的綜合性主要體現(xiàn)在使用的多媒體視聽元素,如文字、圖像、聲音、視頻等,這些都需要相應(yīng)的技術(shù)來實(shí)現(xiàn)。隨著技術(shù)的發(fā)展,網(wǎng)絡(luò)帶寬在增加,芯片處理速度在提高,跨平臺的多媒體文件格式被推廣,這些技術(shù)極大地滿足和豐富了瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量的更高要求。這些技術(shù)的運(yùn)用增強(qiáng)了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力,呈現(xiàn)了前所未有的媒體革新。各種技術(shù)的發(fā)展促進(jìn)了網(wǎng)頁設(shè)計(jì)技術(shù)與藝術(shù)的緊密結(jié)合,網(wǎng)頁設(shè)計(jì)只有掌握各種網(wǎng)絡(luò)技術(shù)的規(guī)律,注重技術(shù)和藝術(shù)的緊密結(jié)合,窮盡技術(shù)之長,實(shí)現(xiàn)藝術(shù)想象,才能滿足未來瀏覽者對網(wǎng)頁信息的更高需求。設(shè)計(jì)是主觀和客觀共同作用的結(jié)果,網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),由純粹的視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù),網(wǎng)頁設(shè)計(jì)藝術(shù)性與技術(shù)性的高度統(tǒng)一把瀏覽者帶入了一個(gè)全新的網(wǎng)絡(luò)數(shù)字時(shí)代。

參考文獻(xiàn):