導(dǎo)語：如何才能寫好一篇平面設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)，這就需要搜集整理更多的資料和文獻(xiàn)，歡迎閱讀由公務(wù)員之家整理的十篇范文，供你借鑒。

篇1

關(guān)鍵詞：網(wǎng)頁界面設(shè)計(jì) 平面設(shè)計(jì) 色彩 版式設(shè)計(jì)、字體 圖形 瀏覽方式 信息傳播區(qū)別

中圖分類號(hào)：S611文獻(xiàn)標(biāo)識(shí)碼： A

最近一直在做網(wǎng)頁界面設(shè)計(jì)教學(xué)工作，其中很多學(xué)生問我，網(wǎng)頁界面設(shè)計(jì)就是平面設(shè)計(jì)嗎？當(dāng)時(shí)我告訴他們肯定是不一樣的。但是至于究竟哪些地方不一樣，卻沒有系統(tǒng)準(zhǔn)確的對(duì)學(xué)生解釋清楚。后來我時(shí)常再想這個(gè)問題，既然學(xué)生們都有這個(gè)疑問，那么肯定會(huì)有更多的網(wǎng)頁界面初學(xué)者都會(huì)有這個(gè)疑問，所以在這里，我想談?wù)劸W(wǎng)頁界面設(shè)計(jì)與平面設(shè)計(jì)的異同。

網(wǎng)頁界面設(shè)計(jì)和平面設(shè)計(jì)都是屬于設(shè)計(jì)，但是他們又有著很大的區(qū)別，那不就與大自然界的青蛙和蛤蟆一樣嗎？他們都屬于兩棲生物，但又不是同一種生物，差別那么大。

在網(wǎng)頁出現(xiàn)的早期，網(wǎng)頁設(shè)計(jì)是以功能性為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對(duì)象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用，同時(shí)技術(shù)要求相對(duì)較低，易于實(shí)現(xiàn)，并且有較好的穩(wěn)定性，故而這種形式的界面在很長一段時(shí)間內(nèi)是人機(jī)交流的主要形式。隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)頁界面設(shè)計(jì)是用美和技術(shù)衡量生活的合理性。網(wǎng)頁界面設(shè)計(jì)是將藝術(shù)與技術(shù)融為一體的創(chuàng)造性活動(dòng)。它包含了網(wǎng)頁視覺傳達(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)頁界面設(shè)計(jì)與平面設(shè)計(jì)使用的色彩模式完全不同，平面設(shè)計(jì)因?yàn)楹笃诘膶?shí)現(xiàn)依賴于印刷，所以采用CMYK的色彩模式，而網(wǎng)頁根據(jù)其顯像方式使用RGB的色彩模式。平面設(shè)計(jì)時(shí)的色彩運(yùn)用注重視覺的沖擊力及視覺流的引導(dǎo)(在這點(diǎn)上與網(wǎng)頁設(shè)計(jì)中的BANNER設(shè)計(jì)相類似)，而網(wǎng)頁設(shè)計(jì)(產(chǎn)品類)更注重的是信息結(jié)構(gòu)關(guān)系的梳理，如果將色彩運(yùn)用的過多過強(qiáng)，很容易引起視覺的疲勞感。

二、版式設(shè)計(jì)

網(wǎng)頁界面的版式設(shè)計(jì)中，其比例關(guān)系一般體現(xiàn)在：頁面所限定空間的長寬比，實(shí)體內(nèi)容與虛空間（空白）的面積比，頁面被分割的比例，圖文的關(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)頁設(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)頁設(shè)計(jì)不如平面設(shè)計(jì)，表現(xiàn)方式也相對(duì)少一些，特別是對(duì)于產(chǎn)品類的網(wǎng)頁設(shè)計(jì)，模塊化的設(shè)計(jì)思路尤其明顯，在視覺表現(xiàn)上也是如此，網(wǎng)頁界面的設(shè)計(jì)對(duì)于圖形的表現(xiàn)是需要考慮到后期實(shí)現(xiàn)的，這一點(diǎn)上是有目共睹的。設(shè)計(jì)時(shí)使用的尺寸單位：平面設(shè)計(jì)在使用尺寸標(biāo)注時(shí)都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而網(wǎng)頁使用的像素。

五、瀏覽方式

平面設(shè)計(jì)的屬于漸進(jìn)式的瀏覽方式，無法對(duì)整個(gè)瀏覽的過程進(jìn)行多樣化串聯(lián)，網(wǎng)頁設(shè)計(jì)擁有滾動(dòng)條下拉、按鈕鏈接跳轉(zhuǎn)等多樣化的瀏覽信息方式，在擁有同樣一種信息架構(gòu)的條件下，信息之間的串聯(lián)性更為豐富，用戶選擇信息的自由度更大，但平面設(shè)計(jì)也自然有其優(yōu)勢所在，比如平時(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)頁設(shè)計(jì)的信息傳播能力卻非常的強(qiáng)，但依賴于第三方媒介的支持。在網(wǎng)頁設(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)頁界面設(shè)計(jì)還注重用戶互動(dòng)的功能實(shí)現(xiàn)。網(wǎng)頁界面設(shè)計(jì)不僅能融入絢麗的動(dòng)畫效果，還能插入視頻，這是平面設(shè)計(jì)不能體現(xiàn)的。談了這么多網(wǎng)頁界面設(shè)計(jì)與平面設(shè)計(jì)的區(qū)別，希望能夠幫助大家進(jìn)一步認(rèn)識(shí)這兩種設(shè)計(jì)形式。

最后，我想說得是，設(shè)計(jì)形式?jīng)]有好壞之分，用戶不一樣，他們的選擇也就不一樣。

參考文獻(xiàn)：①蘆影 著 李硯祖 編《平面設(shè)計(jì)藝術(shù)》，[M] 中國人民大學(xué)出版社2005年01月

篇2

網(wǎng)頁排版是網(wǎng)頁設(shè)計(jì)過程中的基礎(chǔ)工作，也是必備的設(shè)計(jì)環(huán)節(jié)。在網(wǎng)頁信息內(nèi)容上，其主要要求在于能夠?qū)⑽淖中畔?nèi)容準(zhǔn)確無誤地傳達(dá)給受眾者，并且文字需要較強(qiáng)的概括性。在選用圖片上，選擇能夠立即吸引受眾者注意力的圖片最佳。但是，從我國的網(wǎng)頁設(shè)計(jì)狀況來看，我國的網(wǎng)頁設(shè)計(jì)人員在設(shè)計(jì)頁面時(shí)，較為注重頁面信息豐富，忽視了頁面排版的重要性，因此導(dǎo)致網(wǎng)頁頁面排版總是過于簡單，在圖片與文字的排版上，總是將文字隨意地安放在一個(gè)位置，將圖片也安放在同一個(gè)區(qū)域，導(dǎo)致網(wǎng)頁頁面的整體毫無布局，給人以雜亂無章的感覺，無法吸引大眾眼球。專業(yè)的網(wǎng)頁設(shè)計(jì)在排版上常常會(huì)將信息內(nèi)容按照等級(jí)進(jìn)行劃分，再根據(jù)等級(jí)進(jìn)行編排，但許多網(wǎng)頁設(shè)計(jì)人員往往沒有關(guān)注到這點(diǎn)關(guān)鍵，將重要性較低的信息內(nèi)容排放至網(wǎng)頁的主頁面中，還有一些設(shè)計(jì)人員會(huì)將信息廣告等安放在網(wǎng)頁的主頁面上，這種排版方式使得用戶在瀏覽此網(wǎng)頁時(shí)無法立即獲取重要信息內(nèi)容。在網(wǎng)頁色彩編排上講究適當(dāng)。當(dāng)用戶在打開該網(wǎng)頁時(shí)，映入眼簾的首先就是該網(wǎng)頁的色彩。色彩不僅與網(wǎng)頁的配色有關(guān)，且與心理學(xué)也有關(guān)，一個(gè)搭配合理的網(wǎng)頁色彩能夠讓人用欣賞的眼光去看待信息內(nèi)容，一個(gè)顏色搭配混亂的網(wǎng)站則會(huì)讓人沒有繼續(xù)看下去的念頭，國內(nèi)許多設(shè)計(jì)師就常用許多沖突的色彩來設(shè)計(jì)頁面，雖然這種頁面能夠立刻抓住人們的目光，但突出的只有色彩，容易讓人無法集中注意力瀏覽信息內(nèi)容。

二、平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用策略

（一）合理安排網(wǎng)頁版面

一個(gè)出彩的版面對(duì)于網(wǎng)頁頁面整體來說非常重要，恰當(dāng)?shù)厝谌肫矫嬉曈X元素能夠?qū)⒕W(wǎng)頁頁面排版變得合理且豐富，使用戶在瀏覽該網(wǎng)頁頁面時(shí)能夠滿足其對(duì)頁面的視覺需求，從而有效地提高網(wǎng)頁的瀏覽率。在網(wǎng)頁頁面的色彩運(yùn)用上，設(shè)計(jì)人員不僅要根據(jù)頁面的風(fēng)格來進(jìn)行制定，還需根據(jù)網(wǎng)頁的信息內(nèi)容來制定適合的色彩。網(wǎng)頁設(shè)計(jì)人員可以在日常生活中多觀察雜志的版面排版方式，對(duì)排版內(nèi)容與排版結(jié)構(gòu)之間的聯(lián)系進(jìn)行詳細(xì)研究，掌握一定的色彩搭配方法，利用日常所學(xué)知識(shí)與研究，能夠有效地改善設(shè)計(jì)人員的網(wǎng)頁排版方式。

（二）使用簡潔的文字形式

網(wǎng)頁設(shè)計(jì)內(nèi)容中，文字的形式設(shè)計(jì)非常關(guān)鍵。一個(gè)網(wǎng)頁頁面整體大部分都是以文字信息為頁面主要信息內(nèi)容，其信息內(nèi)容的呈現(xiàn)方式也是通過文字信息來傳達(dá)給用戶，對(duì)此，在網(wǎng)頁設(shè)計(jì)過程中，簡潔的文字形式能夠有效地吸引用戶瀏覽，引起用戶的閱讀興趣。網(wǎng)頁設(shè)計(jì)工作是建立在平面設(shè)計(jì)的基礎(chǔ)之上，是由平面設(shè)計(jì)所分離出來的設(shè)計(jì)專業(yè)，因此，在網(wǎng)頁設(shè)計(jì)上，平面視覺效果有著不可替代的作用。網(wǎng)頁頁面文字的安排布局要非常合理，因?yàn)樵S多用戶在瀏覽閱讀網(wǎng)頁文字時(shí)會(huì)存在著許多局限性，因此，設(shè)計(jì)人員在設(shè)計(jì)文字時(shí)，不可過于復(fù)雜，盲目地使用藝術(shù)型字體。設(shè)計(jì)者可以采用簡單的黑體或宋體形式作為字體形式，在字體大小上以適中為主，這種字體不僅能夠減少眼花繚亂的現(xiàn)象，也能幫助用戶在下載信息資料時(shí)能夠更快速。

（三）根據(jù)整體搭配網(wǎng)頁頁面色彩

色彩是頁面設(shè)計(jì)中不可或缺的視覺藝術(shù)形態(tài)，不同的色彩能夠給人帶來不同的視覺心理感受。根據(jù)人類對(duì)色彩的敏感度來看，暖色容易使人聯(lián)想到陽光、火焰，讓人感到溫暖。而冷色則會(huì)使人聯(lián)想到藍(lán)天、陰雨，讓人有冰冷的感覺。在網(wǎng)頁頁面色彩搭配上，應(yīng)根據(jù)不同的設(shè)計(jì)風(fēng)格和設(shè)計(jì)內(nèi)容合理地運(yùn)用色彩。為了讓網(wǎng)頁能夠有效地突出內(nèi)容重點(diǎn)，可以選擇在重點(diǎn)內(nèi)容區(qū)域采用對(duì)比色彩，通過局部對(duì)比加強(qiáng)網(wǎng)頁頁面的整體風(fēng)格，給人留下深刻的印象。

三、結(jié)束語

篇3

關(guān)鍵詞:網(wǎng)頁；構(gòu)成概念；平面構(gòu)成基本特點(diǎn)；平面構(gòu)成形態(tài)要素；平面構(gòu)成形式

現(xiàn)今,網(wǎng)絡(luò)已經(jīng)成為現(xiàn)代社會(huì)不可或缺的好幫手,人們從網(wǎng)絡(luò)中能夠獲得大量的信息,其中網(wǎng)頁對(duì)于人們的幫助是不容忽視的;如果說網(wǎng)址是互聯(lián)網(wǎng)最基本的組成部分,那么網(wǎng)頁就是網(wǎng)址最基本的元素。他們是通過各種鏈接相互關(guān)聯(lián),從而描述相關(guān)的主題或?qū)崿F(xiàn)相同的目的。網(wǎng)頁是由文本、圖象、Flas、聲音、視頻、超級(jí)鏈接、表格、導(dǎo)航欄、交互式表單等基本元素構(gòu)成,而這些元素從構(gòu)成形式上看就是簡單的點(diǎn)、線、面等基本元素經(jīng)過了藝術(shù)創(chuàng)造,變得更加的有質(zhì)感；就拿文本來說,文本作為網(wǎng)頁中的基本元素，與平面構(gòu)成中的點(diǎn)元素有著相同的作用――點(diǎn)睛之筆。再從構(gòu)成的含義來說，它首先是一種造型的概念。所謂構(gòu)成就是以數(shù)種以上的單元重新組合成為一個(gè)新的單元。然而構(gòu)成它更多的是哲學(xué)和科學(xué)的含義:即“對(duì)象世界諸要素的分解與組合,使新的功能顯現(xiàn)?！睒?gòu)成是創(chuàng)造形態(tài)的方法,研究如何創(chuàng)造形象,形與形之間怎樣組合,以及形象排列的方法,可以說是一種研究形象構(gòu)成的科學(xué)。

一、平面構(gòu)成的發(fā)展及其基本特點(diǎn)對(duì)于網(wǎng)頁設(shè)計(jì)而言所代表的意義

平面構(gòu)成是設(shè)計(jì)中最基本的訓(xùn)練,是在平面上按一定的原理設(shè)計(jì)、策劃多種視覺形式。我們學(xué)習(xí)構(gòu)成不是目的,而是形成目的的手段,是一種思維方式的訓(xùn)練、分析和實(shí)驗(yàn),最后通過這種思維方式的開發(fā),培養(yǎng)一種創(chuàng)造觀念,使我們有更多的想象力和創(chuàng)造性,開拓設(shè)計(jì)思路。那么,對(duì)于平面構(gòu)成的發(fā)展,就要從包豪斯及其風(fēng)格對(duì)現(xiàn)代設(shè)計(jì)的影響開始說,1919年,格羅佩斯在德國創(chuàng)辦了一所名叫包豪斯的設(shè)計(jì)學(xué)府,是需要具備充分的能力,運(yùn)用所有科學(xué)、技術(shù)、知識(shí)和美學(xué)的資源,創(chuàng)造一個(gè)能滿足人類精神與物質(zhì)雙重需要的新環(huán)境,以“提倡藝術(shù)與技術(shù)的統(tǒng)一”作為教學(xué)理念。平面構(gòu)成從包豪斯的教學(xué)理念中衍生而來,他不是以表現(xiàn)具體的物象為特征,但是它反映了自然現(xiàn)象運(yùn)動(dòng)變化的規(guī)律性?？梢詮膬蓚€(gè)方面來談它的基本特點(diǎn):第一是它以直覺為基礎(chǔ);用最簡單的點(diǎn)、線、面進(jìn)行分解、組合、變化,反映出客觀現(xiàn)實(shí)所具有的運(yùn)動(dòng)規(guī)律。第二是它是一種高度強(qiáng)調(diào)理性活動(dòng)的、自覺的、有意識(shí)的再創(chuàng)造過程。

二、平面構(gòu)成的形態(tài)要素在網(wǎng)頁中所起的作用。點(diǎn)、線、面是平面構(gòu)成中的三個(gè)形態(tài)要素

（一）點(diǎn)表示位置,它既無長度,也無寬度,是最小的單位

它在平面構(gòu)成中的概念只是一個(gè)相對(duì)概念,為什么這么說呢?因?yàn)樗窃诒容^中而存在，通過比較而顯現(xiàn);這樣說吧,同一個(gè)圓,在小的框架里圓顯得很大,在大的框架里圓則顯得很小,這就是點(diǎn)的相對(duì)概念。很多人都認(rèn)為點(diǎn)是小的,而且還是圓,實(shí)際上這種認(rèn)知是錯(cuò)誤的,自然界中的任何形態(tài),只要縮小到了一定的程度,就能夠產(chǎn)生不同的點(diǎn),點(diǎn)是視覺中心,所以說,在網(wǎng)頁中的每個(gè)字都可以看作是點(diǎn),由字排列出的文本就形成了構(gòu)成中所說的線及面了。

（二）線是點(diǎn)移動(dòng)的軌跡

從平面構(gòu)成來講,線是可以看的到的,它既有長度,也有一定的寬度和厚度,在設(shè)計(jì)中是不可缺少的元素。只要提到線,大家直接就能夠說出線的分類,既直線和曲線。而直線和曲線對(duì)于人們來說，是有很強(qiáng)的心理暗示作用,看到直線,人們就會(huì)想到靜;看到曲線,大家又能聯(lián)想到動(dòng);直線具有男性的特點(diǎn),而曲線具有女性的特征;在很多網(wǎng)頁頁面設(shè)計(jì)上都運(yùn)用到了線的特性。

（三）面是線的連續(xù)移動(dòng)至終結(jié)而形成的

面是有長度、寬度的,只是沒有厚度而已。比如說直線平行移動(dòng)形成長方形;直線旋轉(zhuǎn)則移動(dòng)而成圓形;自由弧形移動(dòng)就會(huì)構(gòu)成有機(jī)形;如果直線和弧線結(jié)合就形成了不規(guī)則的形。在網(wǎng)頁設(shè)計(jì)中出現(xiàn)的圖像、動(dòng)畫、交互式表單等都是由不同的點(diǎn)、線連續(xù)移動(dòng)形成的面,給網(wǎng)頁一個(gè)完美的效果。像那些企業(yè)網(wǎng)站、購物網(wǎng)站、音樂網(wǎng)站以及游戲網(wǎng)站等,他們的網(wǎng)頁界面設(shè)計(jì)不僅有豐富的色彩吸引大眾,還有不同設(shè)計(jì)風(fēng)格的構(gòu)成形式更讓大家流連忘返。

三、平面構(gòu)成形式在網(wǎng)頁中的具體運(yùn)用

平面構(gòu)成設(shè)計(jì)是有組織的、有秩序地進(jìn)行排列、組合、分解,因此它也是必須遵循一種原則和設(shè)計(jì)形式。平面構(gòu)成中的形式大量被運(yùn)用到網(wǎng)頁界面中。

（一）重復(fù)構(gòu)成在網(wǎng)頁中的藝術(shù)魅力

重復(fù)在構(gòu)成中的概念被人們理解為”相同或相近的形態(tài)連續(xù)地、有規(guī)律地反復(fù)出現(xiàn)”或者是”把視覺形象秩序化、整齊化,在圖形中可以呈現(xiàn)出和諧統(tǒng)一富有整體感的視覺效果”。其實(shí)就象復(fù)印機(jī)復(fù)印東西一樣,就是我們所理解的重復(fù)。在網(wǎng)頁界面中,重復(fù)其實(shí)是被運(yùn)用的最多的一種形式,比如說像購物網(wǎng)站中的購物、收藏等按鈕,就是運(yùn)用了重復(fù),在購物網(wǎng)站中,不可能只有一種物品,如果要向廣大消費(fèi)者推銷更多商品,那么在網(wǎng)頁中出現(xiàn)”購買”和”收藏”按鈕,就要設(shè)計(jì)更多,讓大眾有更多的選擇機(jī)會(huì),才能提升該網(wǎng)頁的點(diǎn)擊率。

（二）對(duì)比構(gòu)成在網(wǎng)頁中的表現(xiàn)對(duì)瀏覽者的心理帶來的影響

對(duì)比是一種很自由的構(gòu)成形式,它并不是以構(gòu)成中的骨骼線為限制,而是依據(jù)形態(tài)自己本身的大小、疏密、虛實(shí)、現(xiàn)隱及形狀、色彩和肌理等方面的對(duì)比而構(gòu)成的。如果說協(xié)調(diào)求的是近似的話,那么對(duì)比則求的就是差異。在自然界中,白天與黑夜、骯臟與干凈、溫暖與寒冷都是對(duì)立的結(jié)合,當(dāng)圖形處于一種相異的狀況時(shí),就會(huì)發(fā)生對(duì)比,像大小、長短、黑白等就是明顯的對(duì)比。在有的被文本占去大面積的網(wǎng)頁界面中，為什么會(huì)出現(xiàn)圖片、flas,甚至還會(huì)出現(xiàn)漂浮圖片,除了豐富界面以外,還有一種影響瀏覽者心理的作用,其實(shí)網(wǎng)頁界面中的文本與圖片、動(dòng)畫、漂浮圖片形成一種對(duì)比,這和瀏覽者心理有關(guān)系嗎?當(dāng)然,而且關(guān)聯(lián)很大,如果在一個(gè)網(wǎng)頁界面中,只有文本的話,那么這樣的網(wǎng)頁會(huì)給人一種什么感覺呢?乏味、枯燥、單調(diào),而瀏覽的人可謂是寥寥無幾,加上圖片、動(dòng)畫,甚至?xí)r不時(shí)的冒出漂浮圖片,不僅僅讓網(wǎng)頁界面內(nèi)容顯得豐富多彩,更讓大眾對(duì)網(wǎng)頁的內(nèi)容產(chǎn)生濃厚的興趣。萬事萬物除了遵循他們本應(yīng)該遵循的規(guī)則外,偶爾的對(duì)立也能起到一定的催化劑,就如對(duì)比構(gòu)成在網(wǎng)頁中給大眾心理所帶來的影響作用。

四、結(jié)束語

因?yàn)橛辛司W(wǎng)絡(luò),讓人類能夠更加方便、快捷地查詢信息;因?yàn)橛辛司W(wǎng)站,讓人類能夠更加懂得如何去獲取新的信息;因?yàn)橛辛司W(wǎng)頁,讓人類能夠及時(shí)獲得最新信息。網(wǎng)頁界面設(shè)計(jì)的美觀、新穎、時(shí)尚,讓大眾更愿意了解網(wǎng)頁!如今,網(wǎng)頁已經(jīng)成為廣大消費(fèi)者生活中不可或缺的一部分,網(wǎng)頁能夠?yàn)槿藗冏⑷敫嗟男迈r血液。

參考文獻(xiàn)：

[1]洪興宇編著 新編平面構(gòu)成（M）遼寧美術(shù)出版社 1999-12；

篇4

前言

近年來，互聯(lián)網(wǎng)技術(shù)飛速發(fā)展，人們?yōu)g覽信息不再局限于報(bào)紙和電視，信息的交流也突破了地域、文化以及時(shí)間的限制，信息傳達(dá)的速率發(fā)生了質(zhì)的變化。網(wǎng)頁作為互聯(lián)網(wǎng)的基本單元，優(yōu)秀的網(wǎng)頁設(shè)計(jì)是互聯(lián)網(wǎng)用戶舒適瀏覽信息的首要前提，古網(wǎng)頁設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁時(shí)必須綜合考慮各方面因素，做到在信息傳播的同時(shí)，滿足大眾的審美需求。

網(wǎng)頁設(shè)計(jì)的構(gòu)成元素

1.文字的編排

文字是網(wǎng)頁設(shè)計(jì)最基本也是最重要的構(gòu)成元素，相比于其他視覺元素更易于辨識(shí)和理解。文字編排質(zhì)量的好壞直接影響著網(wǎng)頁的整體效果。在網(wǎng)頁中，文字的作用主要是傳達(dá)信息，給人以最直觀的視覺感受，所以在編輯文字時(shí)不應(yīng)過于復(fù)雜，最好簡單易懂，同時(shí)注重頁面的整體效果。最重要的是，文字的編排和設(shè)計(jì)要與主題相契合，如歷史文化方面，字體應(yīng)帶有一種古樸的風(fēng)格；政府教育方面，應(yīng)注重文字的規(guī)范性；旅游娛樂方面，文字編輯可使用輕快的風(fēng)格等等。

2.圖片的運(yùn)用

圖片是網(wǎng)頁設(shè)計(jì)重要的構(gòu)成元素之一，能夠在第一時(shí)間為用戶提供視覺上的信息，具有直觀、形象生動(dòng)的特點(diǎn)。圖片既擁有色彩的艷麗，又擁有文字的銳利，能夠起到比文字更深刻、形象的作用。在網(wǎng)頁設(shè)計(jì)中，圖片往往是網(wǎng)頁風(fēng)格表現(xiàn)最具決定性的元素，優(yōu)美的圖片是吸引用戶點(diǎn)擊的主要因素之一。因此，網(wǎng)頁設(shè)計(jì)者在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)根據(jù)具體的要求合理的選擇圖片的大小、分辨率以及對(duì)圖片進(jìn)行適當(dāng)?shù)膬?yōu)化，以符合主題內(nèi)容。

網(wǎng)頁設(shè)計(jì)中的審美原則

隨著人們生活節(jié)奏的加快，人們對(duì)于事物的欣賞觀念處于不斷的變化之中，但對(duì)美的追求的本質(zhì)是不變的。作為網(wǎng)頁設(shè)計(jì)重要的一部分，優(yōu)美的頁面會(huì)給用戶營造視覺上的盛宴，故網(wǎng)頁設(shè)計(jì)有一定的審美原則。

1.總體協(xié)調(diào)，局部對(duì)比

網(wǎng)頁設(shè)計(jì)中，圖片、文字以及色彩之間講究平衡，在視覺上看起來自然合理，最好用簡潔的頁面凸顯出內(nèi)容的質(zhì)感，設(shè)計(jì)者根據(jù)題材風(fēng)格選取合適的色彩填充，達(dá)到靜態(tài)和動(dòng)態(tài)間的平衡。此外，局部內(nèi)容互成對(duì)比，凸顯出中心主題，讓瀏覽者在視覺上找到平衡。

2.富有節(jié)奏感

在音樂領(lǐng)域，音符講究節(jié)奏和韻律，在網(wǎng)頁設(shè)計(jì)中同樣如此?；ヂ?lián)網(wǎng)用戶在瀏覽網(wǎng)頁時(shí)，如果網(wǎng)頁像音樂符號(hào)那樣跳躍出來，會(huì)帶給觀眾更加美好的體驗(yàn)。

網(wǎng)頁設(shè)計(jì)中平面視覺傳達(dá)的局限性

1.被動(dòng)選擇

人們?cè)跒g覽網(wǎng)頁時(shí)，會(huì)根據(jù)自己的愛好選擇相應(yīng)的網(wǎng)頁，很多信息很容易被瀏覽者忽略，這就是所謂的信息被動(dòng)性。在這種情況下，網(wǎng)頁的設(shè)計(jì)是挽留住人們視線的一個(gè)重要因素，這就要求網(wǎng)頁設(shè)計(jì)者具有較高的技術(shù)。

2.版面的局限性

網(wǎng)頁設(shè)計(jì)由于受限于計(jì)算機(jī)本身的容量，設(shè)計(jì)者在進(jìn)行版面設(shè)計(jì)時(shí)往往由于空間的限制而使得平面設(shè)計(jì)的優(yōu)勢得不到充分發(fā)揮，導(dǎo)致在視覺上無法給人帶來強(qiáng)烈的沖擊力。

3.技術(shù)要求較高

優(yōu)秀的網(wǎng)頁設(shè)計(jì)者，不僅需要熟練掌握計(jì)算機(jī)技術(shù)，還必須對(duì)平面設(shè)計(jì)方面的知識(shí)有深刻的了解。對(duì)于平面設(shè)計(jì)者而言，全面掌握計(jì)算機(jī)語言是一件相對(duì)困難的事，而對(duì)于計(jì)算機(jī)人員，在平面設(shè)計(jì)和創(chuàng)新方面又不夠?qū)I(yè)。因此，由于這些因素的影響，優(yōu)秀網(wǎng)頁設(shè)計(jì)人才相對(duì)匱乏。

提高網(wǎng)頁設(shè)計(jì)中視覺信息傳達(dá)有效性的方法

1.高效運(yùn)用多媒體技術(shù)

隨著科技的迅速發(fā)展，多媒體技術(shù)也越來越先進(jìn)和多樣化。在網(wǎng)頁設(shè)計(jì)中高效的利用現(xiàn)代先進(jìn)的多媒體技術(shù)，可以促使頁面版式更加美觀，音頻效果更加逼真，整體色彩更加協(xié)調(diào)。除此之外，綜合運(yùn)用多媒體技術(shù)，還可以幫助瀏覽者更加便利了解網(wǎng)頁的基本信息，在各方面提升用戶的瀏覽網(wǎng)頁的舒適感。

2.增加互動(dòng)性

提高人們的參與性，使用戶在互聯(lián)網(wǎng)的引導(dǎo)下變被動(dòng)為主動(dòng)，從而滿足用戶個(gè)性化需求，促進(jìn)用戶更深層次的了解網(wǎng)頁。例如：運(yùn)用三維動(dòng)畫技術(shù)，讓用戶在觀看虛擬產(chǎn)品時(shí)產(chǎn)生逼真的感覺，增強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)識(shí)，使頁面更具視覺感染力。

結(jié)束語

網(wǎng)頁作為信息的載體，綜合運(yùn)用文字、圖片、色彩等元素，給互聯(lián)網(wǎng)用戶提供了一個(gè)豐富多彩的信息平臺(tái)，同時(shí)網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)在網(wǎng)絡(luò)平臺(tái)的延伸和發(fā)展，，在視覺傳達(dá)方面的應(yīng)用兩者存在很多相似之處，帶來人們美的感受。因此，將平面設(shè)計(jì)傳達(dá)與網(wǎng)頁設(shè)計(jì)相結(jié)合，既有利于更好網(wǎng)頁的產(chǎn)生，也有利于平面設(shè)計(jì)傳達(dá)得到充分發(fā)揮。

篇5

一、提高網(wǎng)頁設(shè)計(jì)的工作效率

提高網(wǎng)頁設(shè)計(jì)的工作效率，當(dāng)然要從更好的協(xié)調(diào)網(wǎng)頁設(shè)計(jì)各部門之間的工作入手。這就要求平面設(shè)計(jì)部門的平面設(shè)計(jì)師熟悉程序設(shè)計(jì)部門程序員的工作，好比一名好的建筑設(shè)計(jì)師，不但要知道如何設(shè)計(jì)出有內(nèi)涵有文化的建筑，同時(shí)還要了解建筑的造價(jià)、人機(jī)工程學(xué)以及建筑力學(xué)等方面的知識(shí)，否則他的設(shè)計(jì)作品就沒有任何價(jià)值。所以我們培養(yǎng)網(wǎng)頁設(shè)計(jì)師的目標(biāo)是，不但在藝術(shù)設(shè)計(jì)方面優(yōu)秀，還要在程序設(shè)計(jì)方面優(yōu)秀。這也正是我這次出去學(xué)習(xí)的目的，只有做到這一點(diǎn)才能很好的完成網(wǎng)頁設(shè)計(jì)工作，才能解決前面提出的平面設(shè)計(jì)師與程序員之間的工作斷層問題。也只有這樣才能培養(yǎng)出適應(yīng)時(shí)展要求的高素質(zhì)的網(wǎng)頁設(shè)計(jì)師來。

設(shè)計(jì)總監(jiān)，可以說是網(wǎng)頁設(shè)計(jì)工程中必不可少的角色?？墒裁礃拥娜擞锌赡艹蔀樵O(shè)計(jì)總監(jiān)呢？當(dāng)然，首先要有很豐富的工作經(jīng)驗(yàn)，很高的個(gè)人能力，其次要精通網(wǎng)頁設(shè)計(jì)的所有環(huán)節(jié)，也就是說無論是策劃部門、平面設(shè)計(jì)部門還是程序設(shè)計(jì)部門的工作都能應(yīng)對(duì)自如。如果能做到這一點(diǎn)，再加上良好的統(tǒng)籌能力和團(tuán)隊(duì)合作精神就有可以成為設(shè)計(jì)總監(jiān)了。我們培養(yǎng)學(xué)生，不但要讓學(xué)生就業(yè)，解決基本的生活問題。還要讓他們?cè)陂L久的工作生活中逐漸的成長，越來越強(qiáng)大。使他們無論在小公司還是大公司都能通過自己的工作表現(xiàn)成為行業(yè)中的精英人才。

二、培養(yǎng)更有競爭力的綜合性人才

1.根據(jù)市場的需要培養(yǎng)人才

在談下面這個(gè)問題之前，我想先讓大家先來了解一下我找到的一份很有代表性的招聘網(wǎng)頁設(shè)計(jì)師的廣告。

網(wǎng)站設(shè)計(jì)師具體要求：大專以上學(xué)歷、美術(shù)、藝術(shù)、廣告類畢業(yè)；在互聯(lián)網(wǎng)行業(yè)從業(yè)經(jīng)驗(yàn)兩年以上；熟練操作各相關(guān)設(shè)計(jì)軟件；并且有自身優(yōu)勢和特點(diǎn)；優(yōu)秀的設(shè)計(jì)創(chuàng)意能力，能組織團(tuán)隊(duì)完成大型網(wǎng)站項(xiàng)目的設(shè)計(jì)開發(fā)工作；邏輯思維清晰，做事認(rèn)真、細(xì)致，表達(dá)能力強(qiáng)；有豐富的企業(yè)建站經(jīng)驗(yàn)，從事過組織策劃大型網(wǎng)站項(xiàng)目的工作；注重儀表，有很強(qiáng)的學(xué)習(xí)能力和敬業(yè)精神，較好的溝通能力，有良好的團(tuán)隊(duì)合作精神及獨(dú)立的工作能力。

待遇：試個(gè)人能力而定，公資標(biāo)準(zhǔn)在4000（另有項(xiàng)目提成）。

根據(jù)市場的需要定向培養(yǎng)人才的提法似乎有些過時(shí)了，我所指出的是除了讓學(xué)生掌握招聘廣告中的內(nèi)容，還要讓他們掌握更多的程序設(shè)計(jì)方面的知識(shí)，比如Html、Css、Dhtml、JavaScript、Asp、Php等。讓學(xué)生可以不用程序和策劃部門的協(xié)同就能獨(dú)立完成網(wǎng)頁的設(shè)計(jì)。而且完成的效果還要很好，這樣的人才一但推向市場，其受歡迎的程度可想而知。

2.快速掌握行業(yè)里最新、最尖端的網(wǎng)絡(luò)技術(shù)

網(wǎng)絡(luò)媒體同時(shí)屬于IT行業(yè)的范疇，既然和IT靠上了親戚，自然也就繼承了IT的某些特征：高薪職業(yè)。不受工作地點(diǎn)的限制。新技術(shù)出現(xiàn)的快淘汰的也快。

要想在網(wǎng)頁設(shè)計(jì)行業(yè)有所成就，當(dāng)然要不斷的學(xué)習(xí)掌握新技術(shù)，可網(wǎng)絡(luò)上的新技術(shù)淘汰的太快，經(jīng)常是沒等我們弄懂就已經(jīng)過時(shí)了。作為專業(yè)教師，我會(huì)經(jīng)常調(diào)整授課內(nèi)容，把最新的最實(shí)用的技術(shù)和思想傳授給學(xué)生。時(shí)刻關(guān)注網(wǎng)絡(luò)上的新動(dòng)向，出現(xiàn)的新技術(shù)，保持旺盛的學(xué)習(xí)熱情，讓自己時(shí)刻處于行業(yè)的前沿。只有這樣才能培養(yǎng)出適應(yīng)當(dāng)今日趨激烈的市場競爭的人才。

篇6

1網(wǎng)站建設(shè)的主要知識(shí)內(nèi)容

從網(wǎng)站建設(shè)的功能方面來講，它主要可以分為兩種網(wǎng)頁的制作，一種屬于靜態(tài)網(wǎng)頁，另一種是動(dòng)態(tài)網(wǎng)頁。這二者之間的主要差別就在于程序在網(wǎng)絡(luò)服務(wù)器中的運(yùn)行情況。一般情況下，靜態(tài)網(wǎng)頁在網(wǎng)站中是對(duì)一種產(chǎn)品的說明以及產(chǎn)品的效果，而動(dòng)態(tài)網(wǎng)頁在網(wǎng)站中主要是對(duì)一種產(chǎn)品的使用功能和操作數(shù)據(jù)進(jìn)行說明。在網(wǎng)站建設(shè)中，靜態(tài)網(wǎng)頁在平面設(shè)計(jì)中比較簡單，如果想要使得網(wǎng)站的網(wǎng)頁具備一些特有的功能，這就需要相應(yīng)技術(shù)的使用，使網(wǎng)站的網(wǎng)頁更具有一定的實(shí)用性。網(wǎng)站在建設(shè)的過程中，AdobeDreamWeaver在平面設(shè)計(jì)中，可以把一定的數(shù)據(jù)訪問庫進(jìn)行自動(dòng)生成，把程序和數(shù)據(jù)庫聯(lián)接到一起，平面設(shè)計(jì)與技術(shù)進(jìn)行結(jié)合，完成對(duì)網(wǎng)站的建設(shè)。這樣網(wǎng)站建設(shè)具有廣泛的功能性，同時(shí)也會(huì)使網(wǎng)站在外形看起來更加美觀適用。

2當(dāng)前網(wǎng)站建設(shè)平面設(shè)計(jì)中存在的一些問題

2.1在網(wǎng)站外觀設(shè)計(jì)方面

近些年，由于電子商務(wù)的發(fā)展比較迅速，一些網(wǎng)站在外觀設(shè)計(jì)方面與網(wǎng)站的自身性質(zhì)條件不相符合。網(wǎng)站在建設(shè)的過程中，客戶對(duì)網(wǎng)站的外觀設(shè)計(jì)方面的想法都有所不同，平面設(shè)計(jì)工作者應(yīng)該按照不同客戶的相關(guān)要求來對(duì)網(wǎng)站進(jìn)行設(shè)計(jì)。但是有一些網(wǎng)站的平面設(shè)計(jì)者為了節(jié)省時(shí)間，對(duì)其他網(wǎng)站上的外觀設(shè)計(jì)進(jìn)行模仿或抄襲，這就會(huì)給一些相關(guān)的電子商務(wù)網(wǎng)站造成不利影響，影響網(wǎng)站建設(shè)的發(fā)展，給相關(guān)產(chǎn)業(yè)得來麻煩。

2.2在網(wǎng)站的圖片效果方面

網(wǎng)站建設(shè)中，圖片是平面設(shè)計(jì)中的重要部分之一。從當(dāng)前網(wǎng)站建設(shè)的情況來看，一些具有宣傳性質(zhì)的網(wǎng)站，圖片對(duì)企業(yè)產(chǎn)品資料宣傳的重要途徑，對(duì)于一些企業(yè)網(wǎng)站的發(fā)展有重要影響。但是，部分網(wǎng)站在圖片設(shè)計(jì)方面缺乏技術(shù)水準(zhǔn)，相關(guān)產(chǎn)品的清晰度不高，而且圖片效果根本達(dá)不到企業(yè)產(chǎn)品的要求。圖片效果在平面設(shè)計(jì)中，需要設(shè)計(jì)者掌握一定的技術(shù)水準(zhǔn)，只有這樣才能保障圖片的效果質(zhì)量，從而推動(dòng)網(wǎng)站建設(shè)的良好發(fā)展。

3在網(wǎng)站建設(shè)中如何把平面設(shè)計(jì)與技術(shù)良好結(jié)合

網(wǎng)站在建設(shè)的過程中，平面設(shè)計(jì)可以利用人們的視覺效果把網(wǎng)站進(jìn)行良好表現(xiàn)。隨著IT產(chǎn)業(yè)的快速發(fā)展，平面設(shè)計(jì)可以為相關(guān)企業(yè)的產(chǎn)品創(chuàng)造更多的價(jià)值，以此來滿足現(xiàn)代社會(huì)中人類的需求?？茖W(xué)技術(shù)的不斷發(fā)展為平面設(shè)計(jì)提供了良好的技術(shù)支持，現(xiàn)代的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)正在逐步取代傳統(tǒng)的靜態(tài)網(wǎng)頁。一些新興的程序語言編程的出現(xiàn)，例如，JSP、RUBY以及PHP等等，它們使得網(wǎng)站建設(shè)中的平面設(shè)計(jì)更具有技術(shù)含量。因此，下面會(huì)給出平面設(shè)計(jì)與網(wǎng)頁技術(shù)相結(jié)合的相關(guān)措施：

3.1做好平面設(shè)計(jì)的交流工作

在網(wǎng)站建設(shè)的過程中，需要工作者操作的程序較為復(fù)雜，因此需要網(wǎng)站的相關(guān)設(shè)計(jì)人員做好平面設(shè)計(jì)的交流工作。只有這樣，網(wǎng)站工作者才能集思廣益，把平面設(shè)計(jì)與技術(shù)進(jìn)行完美結(jié)合，最終為網(wǎng)站用戶提供便捷而又高效的服務(wù)。平面設(shè)計(jì)之前，網(wǎng)站中的不同設(shè)計(jì)人員應(yīng)該進(jìn)行溝通，把網(wǎng)站用戶的要求放在首位，然后結(jié)合當(dāng)今的網(wǎng)絡(luò)技術(shù)，例如利用AdobeDreamWeaver和Flas技術(shù)，做好網(wǎng)站建設(shè)的工作。

3.2按照客戶需求做好平面設(shè)計(jì)工作

網(wǎng)站的建設(shè)的過程中，相關(guān)客戶會(huì)對(duì)網(wǎng)頁設(shè)計(jì)提出特別的要求，因此平面實(shí)際工作者應(yīng)該按照客戶的要求進(jìn)行網(wǎng)頁設(shè)計(jì)。當(dāng)代的網(wǎng)站建設(shè)需要具有美化的外觀設(shè)計(jì)，這樣才能達(dá)到客戶對(duì)網(wǎng)站的視覺效果。例如，一些客戶要求網(wǎng)站具備圖文并茂，這時(shí)平面設(shè)計(jì)工作者就需要結(jié)合客戶企業(yè)的自身特點(diǎn)進(jìn)行設(shè)計(jì)，把圖片、音樂、文字有機(jī)的結(jié)合在一起，讓網(wǎng)站的外觀設(shè)計(jì)進(jìn)行優(yōu)化。相關(guān)網(wǎng)站的平面設(shè)計(jì)工作者應(yīng)該為客戶設(shè)計(jì)出不同的藍(lán)本，然后在提供給客戶，通過客戶的意見和建議對(duì)平面設(shè)計(jì)藍(lán)本進(jìn)行修改和調(diào)整，把新型技術(shù)結(jié)合到平面設(shè)計(jì)中，直到滿意網(wǎng)站客戶的需求為止。

3.3把視覺元素融入到網(wǎng)站建設(shè)中

一些網(wǎng)站在使用的過程中，通常是通過人們的視覺感應(yīng)來傳達(dá)相關(guān)的信息和內(nèi)容，這主要是通過文字、色彩、圖像來表達(dá)的。隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和進(jìn)步，在網(wǎng)站的平面設(shè)計(jì)中，多媒體網(wǎng)頁經(jīng)常會(huì)被使用。一些網(wǎng)站在建設(shè)的過程中，網(wǎng)頁設(shè)計(jì)經(jīng)常會(huì)運(yùn)用到二維平面元素和三維平面元素，這樣網(wǎng)站的外觀設(shè)計(jì)就會(huì)更加直觀立體，從而凸顯出網(wǎng)站建設(shè)中平面設(shè)計(jì)與技術(shù)的完美結(jié)合。除此之外，網(wǎng)站建設(shè)中平面設(shè)計(jì)要結(jié)合動(dòng)態(tài)網(wǎng)頁制作技術(shù)，使用現(xiàn)代數(shù)字科學(xué)技術(shù)然后在結(jié)合當(dāng)代的人文美學(xué)，設(shè)計(jì)出更多的網(wǎng)站精品元素，以此來滿足現(xiàn)代不同客戶的需求。

4結(jié)束語

篇7

為了適應(yīng)社會(huì)的發(fā)展對(duì)計(jì)算機(jī)技術(shù)的要求，高校應(yīng)該結(jié)合本校廣告制作專業(yè)學(xué)生的特色，將《網(wǎng)頁設(shè)計(jì)》課程從教學(xué)模式、教學(xué)內(nèi)容、考核方式等方面來闡述怎樣改革提高教學(xué)效果，并探討在教學(xué)中如何培養(yǎng)學(xué)生的實(shí)踐能力。

1 計(jì)算機(jī)廣告制作專業(yè)的網(wǎng)頁設(shè)計(jì)課程的教學(xué)現(xiàn)狀

目前，隨著我國經(jīng)濟(jì)的發(fā)展和社會(huì)的進(jìn)步，計(jì)算機(jī)網(wǎng)頁制作越來越成為社會(huì)發(fā)展中一個(gè)重要的組成部分。信息時(shí)代的到來和高新技術(shù)的快速發(fā)展對(duì)計(jì)算機(jī)廣告制作專業(yè)提出了新的要求。而且網(wǎng)頁設(shè)計(jì)項(xiàng)目已成為世界技能大賽的競賽項(xiàng)目，因此對(duì)網(wǎng)頁設(shè)計(jì)上要求不僅信息傳達(dá)合乎頁面要求，而且網(wǎng)頁的藝術(shù)美感以及高新軟件的整合應(yīng)用也是不容忽視的。學(xué)生的藝術(shù)感也應(yīng)體現(xiàn)在網(wǎng)頁設(shè)計(jì)課程之中，這也是計(jì)算機(jī)廣告制作專業(yè)的重要組成部分，但是現(xiàn)階段課程的教學(xué)存在設(shè)計(jì)和制作的整合問題，降低了網(wǎng)頁設(shè)計(jì)課程教學(xué)的整體水平。新的要求促使網(wǎng)頁設(shè)計(jì)教程進(jìn)行教學(xué)改革，以適應(yīng)時(shí)代的發(fā)展。

2 教學(xué)改革的目的

計(jì)算機(jī)廣告制作專業(yè)依托信息技術(shù)的不斷進(jìn)步逐漸發(fā)展起來，新的發(fā)展需要新的教學(xué)模式來與之相適應(yīng)，因此促進(jìn)計(jì)算機(jī)廣告制作專業(yè)的網(wǎng)頁設(shè)計(jì)課程的教學(xué)改革的主要目的是適應(yīng)社會(huì)發(fā)展對(duì)于計(jì)算機(jī)教學(xué)的要求。廣告專業(yè)學(xué)生可以結(jié)合所學(xué)的字體版式設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、色彩設(shè)計(jì)、界面設(shè)計(jì)等課程，適應(yīng)時(shí)代變化對(duì)專業(yè)發(fā)展的需求，拓寬設(shè)計(jì)類學(xué)生的應(yīng)用能力。原有的教學(xué)模式已經(jīng)不適應(yīng)新時(shí)期教育事業(yè)發(fā)展的新要求，因此實(shí)行教學(xué)改革、改變傳統(tǒng)的教學(xué)方式是發(fā)展計(jì)算機(jī)教育事業(yè)的重中之重。

（一）改變傳統(tǒng)的教學(xué)模式，適應(yīng)時(shí)展

隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，傳統(tǒng)的教學(xué)模式已經(jīng)不適應(yīng)時(shí)代的發(fā)展和社會(huì)的進(jìn)步，促進(jìn)教學(xué)改革，在原有的基礎(chǔ)上進(jìn)行教學(xué)模式的改革和創(chuàng)新已經(jīng)成為計(jì)算機(jī)廣告制作專業(yè)的必然要求。現(xiàn)階段網(wǎng)頁設(shè)計(jì)教程中的知識(shí)結(jié)構(gòu)和授課方式仍然屬于傳統(tǒng)層面，對(duì)于教學(xué)效率的提高產(chǎn)生了不利的影響。促進(jìn)教學(xué)改革的主要目的是為了改變傳統(tǒng)的教學(xué)模式，適應(yīng)時(shí)代的發(fā)展。例如引入行為導(dǎo)向教學(xué)法，模擬現(xiàn)實(shí)情境，將學(xué)生工作的崗位特性搬入課堂，讓學(xué)生體會(huì)真實(shí)場景的操作。

（二）強(qiáng)化教學(xué)目的，提高教學(xué)效率

教育事業(yè)的發(fā)展強(qiáng)調(diào)的是教學(xué)效率的提高以及學(xué)生學(xué)習(xí)能力的增強(qiáng)，傳統(tǒng)的教育方式和教學(xué)方法單純的重視教學(xué)成績，忽視了學(xué)生綜合能力的發(fā)展。計(jì)算機(jī)廣告設(shè)計(jì)專業(yè)的學(xué)生在學(xué)習(xí)時(shí)更需要全面發(fā)展，掌握更多的計(jì)算機(jī)技術(shù)，提高他們的專業(yè)素質(zhì)和能力。網(wǎng)頁設(shè)計(jì)課程是一門復(fù)雜、知識(shí)點(diǎn)繁瑣的課程，不僅僅需要靈活的授課方式，也需要學(xué)生靈活接受各種網(wǎng)頁設(shè)計(jì)的知識(shí)和技術(shù)。進(jìn)行教學(xué)改革在傳統(tǒng)教學(xué)模式和方法的基礎(chǔ)上進(jìn)行創(chuàng)新，不僅僅能夠提高學(xué)生的學(xué)習(xí)能力和效率，也能促進(jìn)教學(xué)效率和教學(xué)水平的提高，為計(jì)算機(jī)廣告制作專業(yè)的發(fā)展提供了新的動(dòng)力。

（三）培養(yǎng)學(xué)生實(shí)踐能力和技術(shù)水平

網(wǎng)頁設(shè)計(jì)課程是新時(shí)期計(jì)算機(jī)教育事業(yè)發(fā)展中一個(gè)重要課程，對(duì)于廣告設(shè)計(jì)專業(yè)的進(jìn)步一發(fā)展有關(guān)鍵作用。廣告設(shè)計(jì)專業(yè)的學(xué)生在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程時(shí)需要大量的實(shí)踐活動(dòng)，只學(xué)習(xí)書本上的文字知識(shí)是不能將網(wǎng)頁設(shè)計(jì)技術(shù)熟練運(yùn)用的。傳統(tǒng)的網(wǎng)頁設(shè)計(jì)教程大部分都是教師“填鴨式”授課，學(xué)生聽一節(jié)課能真正學(xué)到或者是熟練運(yùn)用的技術(shù)很少，使得教學(xué)效率大大降低，也不利于學(xué)生學(xué)習(xí)學(xué)習(xí)效率的提高。進(jìn)行教學(xué)改革，加大實(shí)踐課程所占的比重，讓學(xué)生在學(xué)習(xí)的過程中多進(jìn)行實(shí)踐訓(xùn)練。促進(jìn)教學(xué)改革，有利于培養(yǎng)學(xué)生的實(shí)踐能力和技術(shù)水平，使其能夠熟練運(yùn)用網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)和技術(shù)。

3 教學(xué)改革的創(chuàng)新點(diǎn)

改革的實(shí)質(zhì)是在傳統(tǒng)的基礎(chǔ)上揚(yáng)長避短，進(jìn)行繼承和發(fā)展創(chuàng)新。計(jì)算機(jī)廣告制作專業(yè)關(guān)于網(wǎng)頁設(shè)計(jì)教程的改革創(chuàng)新也是在原有的基礎(chǔ)上進(jìn)行創(chuàng)新發(fā)展，并不是完全摒棄傳統(tǒng)的教學(xué)方式，而是在繼承中發(fā)展、創(chuàng)新。因此改革的前提是尋找創(chuàng)新點(diǎn)，逐步進(jìn)行創(chuàng)新點(diǎn)的改革，從而對(duì)網(wǎng)頁設(shè)計(jì)教程開展全方面的改革。

（一）如何在平面設(shè)計(jì)與技術(shù)之間找平衡點(diǎn)

平面設(shè)計(jì)是溝通傳播、風(fēng)格化和通過文字和圖像解決問題的藝術(shù)，廣告制作過程中經(jīng)常會(huì)運(yùn)用到平面設(shè)計(jì)的技術(shù)和方法，因此促進(jìn)網(wǎng)頁設(shè)計(jì)教學(xué)課程的改革其中一大突破點(diǎn)就是在平面設(shè)計(jì)的技術(shù)之間尋找平衡點(diǎn)。平面設(shè)計(jì)中有很多繁瑣復(fù)雜的內(nèi)容需要計(jì)算機(jī)技術(shù)輔助設(shè)計(jì)，在教學(xué)改革的過程中，應(yīng)該使其能夠適應(yīng)平面設(shè)計(jì)發(fā)展的需要，促進(jìn)二者發(fā)展的平衡。

（二）合理構(gòu)建教學(xué)內(nèi)容，采用多媒體教學(xué)網(wǎng)絡(luò)系統(tǒng)示范教學(xué)

教學(xué)內(nèi)容的構(gòu)建和改革是網(wǎng)頁設(shè)計(jì)教程改革的重點(diǎn)，傳統(tǒng)的教學(xué)方式只是教師講解或者簡單示范網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)，這種方法沒有讓學(xué)生在學(xué)習(xí)過程中留下深刻的印象，更無法讓其熟練運(yùn)用相關(guān)技術(shù)。因此在教學(xué)改革的過程中，要合理構(gòu)建教學(xué)內(nèi)容，適當(dāng)增加實(shí)踐訓(xùn)練課的比重，做到理論和上機(jī)相結(jié)合，老師可以現(xiàn)場示范教學(xué)、答疑，解決理論和實(shí)踐脫節(jié)的問題。采用多媒體網(wǎng)絡(luò)示范教學(xué)，以提高教學(xué)效率和學(xué)生的實(shí)踐能力以及技術(shù)水平。

4 如何進(jìn)行教學(xué)改革和實(shí)踐

針對(duì)計(jì)算機(jī)廣告制作專業(yè)的現(xiàn)狀，進(jìn)行教育改革已經(jīng)是必然要進(jìn)行的了，如何進(jìn)行教學(xué)改革和實(shí)踐也成為了計(jì)算機(jī)教育事業(yè)需要關(guān)心的重要問題。網(wǎng)頁設(shè)計(jì)教程的改革主要應(yīng)該從以下幾個(gè)方面進(jìn)行：教學(xué)模式應(yīng)該從原有的基礎(chǔ)上進(jìn)行創(chuàng)新發(fā)展，選擇一種合適網(wǎng)頁設(shè)計(jì)的教學(xué)模式；教學(xué)內(nèi)容要改變?cè)瓉韱我豢菰锏闹R(shí)灌輸方式，轉(zhuǎn)變?yōu)閹熒?dòng)的交流模式，同時(shí)也要加強(qiáng)實(shí)踐訓(xùn)練，鞏固課堂上學(xué)到的知識(shí)；考核方式上，原有的方式主要是以考察為主，改革的過程中可以適當(dāng)加大考試考核的比重，以督促學(xué)生更好的掌握網(wǎng)頁設(shè)計(jì)的相關(guān)技術(shù)。

（一）教學(xué)模式改革

針對(duì)現(xiàn)階段計(jì)算機(jī)技術(shù)的發(fā)展和網(wǎng)頁設(shè)計(jì)教程教育模式的現(xiàn)狀，教師在授課的過程中應(yīng)該多與學(xué)生互動(dòng)，采用知識(shí)講解和實(shí)踐訓(xùn)練相結(jié)合的方式來促進(jìn)學(xué)生對(duì)于網(wǎng)頁設(shè)計(jì)技術(shù)的理解和運(yùn)用。

引進(jìn)項(xiàng)目教學(xué)法，讓學(xué)生直接參與到項(xiàng)目中，既可以提升學(xué)生的整體操控能力，又讓學(xué)生在項(xiàng)目要求中得到鍛煉。在引進(jìn)項(xiàng)目中讓學(xué)生親身參與，了解從設(shè)計(jì)初稿到中期客戶要求修改反饋意見到后期制作完成的全過程，做到課堂書本與實(shí)踐相結(jié)合。如我們自己編制的校本教材在案例《熊出沒》中，網(wǎng)頁首頁的效果圖如下：

（二）教學(xué)內(nèi)容改革

教學(xué)內(nèi)容的改革涉及的是網(wǎng)頁設(shè)計(jì)課程的一些相關(guān)技術(shù)，在教學(xué)過程中，以基礎(chǔ)操作為主，實(shí)際應(yīng)用加入其中不應(yīng)該將全部的知識(shí)和技術(shù)都灌輸給學(xué)生，而應(yīng)該是有選擇的講解。比如網(wǎng)頁設(shè)計(jì)中有關(guān)平面設(shè)計(jì)的知識(shí)和技術(shù)是整個(gè)課程的重點(diǎn)內(nèi)容，著重講解的同時(shí)應(yīng)該加強(qiáng)實(shí)踐訓(xùn)練，加深學(xué)生的記憶和理解程度。對(duì)于那些不重要或者是理解難度較小的知識(shí)，可以使當(dāng)?shù)臏p少課時(shí)，這種詳略得當(dāng)?shù)慕虒W(xué)方式可以促進(jìn)教學(xué)內(nèi)容具體化，并且可以提高學(xué)生學(xué)習(xí)的效率。教學(xué)內(nèi)容的改革是整個(gè)改革中較為重要的一部分，需要師生互動(dòng)才能取得更好的效果，在提高教學(xué)效率的同時(shí)鞏固學(xué)生所學(xué)到的知識(shí)。

（三）考核方式改革

考核方式一直是教育事業(yè)中的一個(gè)重要環(huán)節(jié)，關(guān)系著學(xué)生學(xué)習(xí)成績和學(xué)習(xí)能力的評(píng)價(jià)。大部分關(guān)于計(jì)算機(jī)技術(shù)的考核都是以考察為主，不能準(zhǔn)確地反映學(xué)生學(xué)習(xí)的真實(shí)水平和能力。在網(wǎng)頁設(shè)計(jì)與制作中，可以以真題假作的形式考核，讓學(xué)生發(fā)揮自己的審美能力和軟件操作能力，以整體效果、版面設(shè)計(jì)、色彩搭配、內(nèi)容主次分明等方面作為現(xiàn)場考核的標(biāo)準(zhǔn)，然而現(xiàn)階段針對(duì)考核方式的改革應(yīng)該增加考試考核的比重，根據(jù)學(xué)生的考試成績來判斷他們的學(xué)習(xí)能力和知識(shí)的接受程度，進(jìn)一步改進(jìn)教學(xué)過程中遇到的問題，促進(jìn)教學(xué)水平的提高。

篇8

從技術(shù)手法來講，網(wǎng)頁設(shè)計(jì)遵循HTML標(biāo)準(zhǔn)規(guī)范。其標(biāo)記式代碼構(gòu)成正是針對(duì)網(wǎng)頁視覺元素組織編排的描述語言。如規(guī)定文字、圖片的位置、大小、透明度、色彩等。通過這種標(biāo)記語言，清楚的表達(dá)了設(shè)計(jì)者的創(chuàng)作意圖，使人能夠一目了然。這是一種易于借鑒、重用、修訂的設(shè)計(jì)手法。從觀者體驗(yàn)來講，網(wǎng)頁相對(duì)與其他媒體更能吸引人的眼球。人們每日頻繁打開網(wǎng)站，瀏覽大量網(wǎng)頁，將其作為獲取信息的主要渠道。報(bào)紙、廣播、電視只是單向的提供信息內(nèi)容給受眾，而網(wǎng)絡(luò)卻提供了對(duì)信息進(jìn)行篩選、拓展、深化的手段。網(wǎng)頁必將遠(yuǎn)超報(bào)紙、廣播、電視在社交媒體中的作用。優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該能以簡潔的布局、明確的導(dǎo)航、統(tǒng)一的風(fēng)格、便捷的交互帶給人們流暢的瀏覽體驗(yàn)。網(wǎng)頁文件大小、分辨率、瀏覽器等因素都可能影響人們的瀏覽體驗(yàn)，而傳統(tǒng)的平面設(shè)計(jì)卻無需考慮媒介載體問題。

2平面構(gòu)成在網(wǎng)頁設(shè)計(jì)中的應(yīng)用

平面構(gòu)成用于網(wǎng)頁設(shè)計(jì)應(yīng)為信息內(nèi)容的流暢傳遞服務(wù)。“不要把信息隨意的擺放在屏幕上。要把信息放在由窗口和面板構(gòu)成的背景中，窗口、面板和基本的網(wǎng)格應(yīng)有一致、清晰的聯(lián)系”。遵循傳統(tǒng)平面構(gòu)成的認(rèn)知，網(wǎng)頁中的信息仍可歸結(jié)為點(diǎn)線面的視覺元素。諸如重復(fù)、對(duì)比、漸變等構(gòu)成形式，是將視覺信息元素有序化、藝術(shù)化的必要手段。

2.1網(wǎng)頁設(shè)計(jì)中的點(diǎn)線面應(yīng)用

點(diǎn)是網(wǎng)頁設(shè)計(jì)的基本構(gòu)件，是不可分割的信息元素和視覺元素，即人們?yōu)g覽網(wǎng)頁的著眼點(diǎn)所在。譬如超鏈接、按鈕、logo、表單輸入項(xiàng)、標(biāo)題、列表項(xiàng)。依筆者所見，網(wǎng)頁中的點(diǎn)可以是圖片，也可以是文字；可以體現(xiàn)內(nèi)容，也可以提供交互功能。線是點(diǎn)的移動(dòng)軌跡，是面的邊際，是不同信息內(nèi)容的板塊劃分。在網(wǎng)頁中，線具有分割、聯(lián)結(jié)、牽引、裝飾、組織等作用。在網(wǎng)頁設(shè)計(jì)中，線的作用弱于傳統(tǒng)媒介。因?yàn)榫W(wǎng)頁處理的多是有規(guī)則輪廓的線，有虛實(shí)之分。實(shí)線如：圖片、表格的邊框，網(wǎng)頁中專門有一個(gè)標(biāo)記<hr>用來畫出橫線，以示區(qū)域間隔。虛線如：無邊框網(wǎng)頁元素的內(nèi)外間距（magin和padding），將為信息視覺元素繪制無形的邊線，將其與內(nèi)外層的元素區(qū)分開來。網(wǎng)頁并不支持無規(guī)則的線獨(dú)立完整的存在。網(wǎng)頁的結(jié)構(gòu)布局本質(zhì)上是由矩形容器，按從上到下的瀑布式排列、嵌套組合而成。橫線、豎線之外的斜線、不規(guī)則線條最終都是切割、分解到不同行列的矩形容器中拼接而成的。從瀏覽器看到的完整效果只是假象。即使通過<map>標(biāo)記創(chuàng)建形狀（shap）為多變不規(guī)則形（polygon）的熱點(diǎn)鏈接，其所指向的圖片本身仍是處于矩形容器中。所謂的不規(guī)則鏈接區(qū)域，只是為了表征如地圖定地點(diǎn)之類的信息內(nèi)容，卻與網(wǎng)頁的布局和視覺元素實(shí)體無關(guān)。面在網(wǎng)頁中的表征，即大大小小的矩形容器。和不存在不規(guī)則的線條一樣，網(wǎng)頁結(jié)構(gòu)中也不存在不規(guī)則的面。這似乎是一個(gè)束縛平面設(shè)計(jì)師手腳的枷鎖。實(shí)際上，網(wǎng)頁設(shè)計(jì)并不排斥任何的線面形式呈現(xiàn)。瀑布式排列、嵌套組成網(wǎng)頁的虛擬矩形容器，可視為組成報(bào)紙、電子屏幕的點(diǎn)陣系統(tǒng)。包括線、面，甚至色彩等視覺元素都可以無礙的呈現(xiàn)在人們面前，只是其實(shí)質(zhì)的結(jié)構(gòu)受到了精密的分解和組織而已。這種組織本身就是平面構(gòu)成設(shè)計(jì)最基礎(chǔ)的重復(fù)構(gòu)成的應(yīng)用。對(duì)此，火狐瀏覽器提供了三維視圖的查看工具，可以讓人更加形象的了解網(wǎng)頁中各視覺元素的層次關(guān)系。

2.2網(wǎng)頁設(shè)計(jì)中的平面構(gòu)成基本形式應(yīng)用

2.2.1重復(fù)構(gòu)成

網(wǎng)頁中同質(zhì)內(nèi)容的視覺表達(dá)，一般通過重復(fù)構(gòu)成來實(shí)現(xiàn)。如搜索引擎的檢索結(jié)果、導(dǎo)航、菜單、背景圖片、表格內(nèi)容等。重復(fù)是規(guī)律性、整齊性、秩序性的體現(xiàn)。重復(fù)出現(xiàn)的視覺元素，能夠形成一種趨勢引導(dǎo)，使得信息點(diǎn)的集合延展成面。不同的面便具備了不同的功能效用。如搜索引擎的檢索結(jié)果列表，它引導(dǎo)人們的視線從上到下的移動(dòng)，進(jìn)而對(duì)檢索結(jié)果的實(shí)用價(jià)值進(jìn)行迅速的判斷；視線行至底部，分頁鏈接按鈕又是從左到右排列，提示人們還有更多的檢索結(jié)果，也許所尋找的信息內(nèi)容正在其中。這是絕對(duì)重復(fù)的應(yīng)用，且符合視覺流動(dòng)習(xí)慣。而同一個(gè)新聞文章列表各個(gè)鏈接，在點(diǎn)擊進(jìn)入后，顯示布局排版重復(fù)而信息內(nèi)容迥異的新聞文章頁面，又是相對(duì)重復(fù)的效用。

2.2.2漸變構(gòu)成

漸變能夠體現(xiàn)基本形的有規(guī)律變動(dòng)，具有韻律感、節(jié)奏感。在網(wǎng)頁設(shè)計(jì)中，漸變的應(yīng)用也很普遍，如很多網(wǎng)站的背景色采用從上到下的漸變過程。漸變不能過快，否則缺少連貫性，也不能過慢，重復(fù)累贅，應(yīng)以能夠體現(xiàn)空間透視的韻律感為準(zhǔn)。除了背景色，網(wǎng)頁中的漸變還可用來表現(xiàn)視覺元素如圖片、文字的大小、位置、疏密、方向等。與靜態(tài)媒介的漸變不同，網(wǎng)頁可以通過編程的方式動(dòng)態(tài)的呈現(xiàn)漸變過程。如在某種情境觸發(fā)下，使網(wǎng)頁視覺元素位置、透明度、色彩、大小、粗細(xì)等屬性發(fā)生變化。此時(shí)的網(wǎng)頁鮮活生動(dòng)，運(yùn)動(dòng)感十足又兼具靈性的。人們的操作體驗(yàn)也會(huì)增分不少。

2.2.3對(duì)比構(gòu)成

對(duì)比作為一種自由的構(gòu)成方式，利用特定的參照體系，突出顯示視覺對(duì)象之間或模糊或明確、或簡單或復(fù)雜的差異性。利用對(duì)比，形成層次感和視覺沖擊力。通常，網(wǎng)站logo的用色與整體頁面的用色產(chǎn)生強(qiáng)烈的對(duì)比，才能夠使其不至于迷失在網(wǎng)頁的具體內(nèi)容中。又如在網(wǎng)上購物網(wǎng)站中，正在低價(jià)熱銷的產(chǎn)品會(huì)突出顯示，和普通產(chǎn)品會(huì)形成鮮明對(duì)比，緊緊抓住顧客的眼球，充分吸引了人們注意力的焦點(diǎn)。以google首頁為例，大量的留白使得處于中央?yún)^(qū)域的檢索詞輸入框和Logo等主要信息異常突出。且搜索按鈕是頁面中最大的可點(diǎn)擊元素，正說明了用戶對(duì)它的使用率遠(yuǎn)遠(yuǎn)超出了其他鏈接或按鈕。

3結(jié)語

篇9

這套藝術(shù)設(shè)計(jì)教材都是由有多年藝術(shù)設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)和教學(xué)經(jīng)驗(yàn)的設(shè)計(jì)師撰寫，具有豐富的平面設(shè)計(jì)和制作工作經(jīng)驗(yàn)，并長期從事這方面的教學(xué)工作，能夠熟練把握本課程的教學(xué)規(guī)律。通過把藝術(shù)設(shè)計(jì)的設(shè)計(jì)知識(shí)與內(nèi)容與計(jì)算機(jī)應(yīng)用緊密地結(jié)合起來，在教計(jì)算機(jī)軟件操作技術(shù)的同時(shí)，對(duì)藝術(shù)設(shè)計(jì)的技能也同時(shí)進(jìn)行介紹，使學(xué)生不但學(xué)會(huì)了操作，還懂得了藝術(shù)設(shè)計(jì)的設(shè)計(jì)原理。這套教材具有以下特點(diǎn)：

(1) 內(nèi)容全面翔實(shí)，例題豐富多樣，操作講解詳細(xì)，步驟完整，突出重點(diǎn)，根據(jù)藝術(shù)設(shè)計(jì)的技巧內(nèi)容較詳細(xì)地介紹了計(jì)算機(jī)軟件的藝術(shù)設(shè)計(jì)應(yīng)用。每章后面都列有思考與練習(xí)題，可供讀者復(fù)習(xí)鞏固所學(xué)知識(shí)和上機(jī)練習(xí)使用。

(2) 在介紹計(jì)算機(jī)應(yīng)用過程中還較詳細(xì)介紹藝術(shù)設(shè)計(jì)的專業(yè)知識(shí)，使讀者可以了解藝術(shù)設(shè)計(jì)的原理和設(shè)計(jì)藝術(shù)規(guī)律，并運(yùn)用于計(jì)算機(jī)輔助設(shè)計(jì)之中，不但可以學(xué)會(huì)計(jì)算機(jī)應(yīng)用，更重要的是學(xué)會(huì)了藝術(shù)設(shè)計(jì)與制作。

(3) 注重可讀性、實(shí)用性與可操作性，大部分內(nèi)容是以作者自身的設(shè)計(jì)經(jīng)驗(yàn)撰寫，目的就是使讀者能夠?qū)W會(huì)最實(shí)用的計(jì)算機(jī)輔助平面設(shè)計(jì)的方法，本書所涉及的案例為計(jì)算機(jī)軟件操作中比較實(shí)用而又有代表性的藝術(shù)設(shè)計(jì)與制作，更多的是實(shí)際藝術(shù)設(shè)計(jì)工作的經(jīng)驗(yàn)之談。

該系列教材主要包括以下計(jì)算機(jī)輔助設(shè)計(jì)教材：

《計(jì)算機(jī)輔助平面設(shè)計(jì)》一書主要內(nèi)容包括計(jì)算機(jī)平面設(shè)計(jì)概述、基本知識(shí)；平面設(shè)計(jì)圖像處理軟件Photoshop繪制圖形、圖像處理和文字編輯的方法；矢量繪圖軟件CorelDRAW繪制圖形、高級(jí)繪圖、編輯位圖、編排版式的方法，等。采用基礎(chǔ)知識(shí)與實(shí)際操作相結(jié)合的教學(xué)方式，可幫助讀者在較短的時(shí)間內(nèi)掌握運(yùn)用Photoshop圖像處理軟件和CorelDRAW矢量繪圖軟件進(jìn)行平面設(shè)計(jì)與制作的技能。

《計(jì)算機(jī)輔助環(huán)境藝術(shù)設(shè)計(jì)》一書主要內(nèi)容包括計(jì)算機(jī)環(huán)境藝術(shù)設(shè)計(jì)知識(shí)和三個(gè)常用于計(jì)算機(jī)環(huán)境藝術(shù)設(shè)計(jì)的軟件：工程制圖軟件AutoCAD的主要功能和使用、三維動(dòng)畫設(shè)計(jì)軟件3ds Max的主要功能和使用、效果圖渲染軟件Lightscape的主要功能和使用以及環(huán)境藝術(shù)設(shè)計(jì)制作實(shí)踐，等。使讀者能夠在較短的時(shí)間內(nèi)掌握工程制圖以及環(huán)境藝術(shù)效果圖設(shè)計(jì)與制作技能。

《計(jì)算機(jī)輔助插圖設(shè)計(jì)》一書主要內(nèi)容包括插圖原理、創(chuàng)作方法和計(jì)算機(jī)繪圖技術(shù)，介紹了Photoshop、Painter、Illustrator繪圖軟件，以及三維建模軟件3ds max在商業(yè)插圖設(shè)計(jì)中的應(yīng)用技術(shù)。依據(jù)循序漸進(jìn)的原則由淺入深地展開，且各章內(nèi)容相對(duì)獨(dú)立，巧妙地將計(jì)算機(jī)技能訓(xùn)練與繪畫、設(shè)計(jì)、圖形創(chuàng)意以及商業(yè)應(yīng)用的理論知識(shí)融合在一起。

篇10

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；形式美法則；構(gòu)成要素

中圖分類號(hào)：G71 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-0118（2012）-03-0-02

如今，互聯(lián)網(wǎng)已經(jīng)融入我們?nèi)粘W(xué)習(xí)生活的各個(gè)環(huán)節(jié)，并在全球范圍內(nèi)飛速發(fā)展。其打破了國界、地域、文化的限制，使信息傳達(dá)的范圍、速率都產(chǎn)生了質(zhì)的飛躍?；ヂ?lián)網(wǎng)中數(shù)以萬計(jì)的網(wǎng)站中，每個(gè)網(wǎng)站都擁有自己不同的網(wǎng)頁，一個(gè)個(gè)變換的網(wǎng)頁構(gòu)成我們互相交流的媒介。因此，網(wǎng)站制作過程中，特別是網(wǎng)頁頁面編排設(shè)計(jì)時(shí)，要展示出自己獨(dú)特的設(shè)計(jì)風(fēng)格。如何設(shè)計(jì)出視覺效果好，色彩搭配和諧，結(jié)構(gòu)合理的網(wǎng)頁版面是網(wǎng)頁設(shè)計(jì)中的一個(gè)重要問題。

一、網(wǎng)頁設(shè)計(jì)中的視覺流程

網(wǎng)站的宣傳內(nèi)容、整體風(fēng)格、設(shè)計(jì)理念都要通過視覺感官被瀏覽者所欣賞、接受和感受。設(shè)計(jì)精美的網(wǎng)頁版面能夠讓瀏覽者增加瀏覽興趣，擁有美好心情，從而增加網(wǎng)站點(diǎn)擊率。反之，網(wǎng)頁頁面凌亂不堪會(huì)嚴(yán)重影響瀏覽者觀看閱讀的情緒，離開網(wǎng)頁。網(wǎng)頁視覺元素能否引人注目會(huì)直接影響到網(wǎng)站的信息傳達(dá)，若想想通過網(wǎng)頁更好地傳達(dá)信息，網(wǎng)頁視覺效果良好是其基本條件，讓網(wǎng)絡(luò)真正意義上成為可讀強(qiáng)性、新穎的媒體，為此網(wǎng)頁設(shè)計(jì)者設(shè)計(jì)網(wǎng)頁時(shí)，必須適應(yīng)人們閱讀習(xí)慣和滿足人們的審美需求。對(duì)每個(gè)視覺造型元素之間的距離、位置、面積以及視覺流程等都要精心設(shè)計(jì)。

人們閱讀文章時(shí)，視覺總會(huì)有一種先后順序習(xí)慣，有一定的方向，整個(gè)版面的走勢有一個(gè)主旋律。網(wǎng)頁設(shè)計(jì)中的主標(biāo)題、重要廣告、更新的重要信息等突出信息通常選擇放于此位置。但視覺流程與學(xué)習(xí)數(shù)學(xué)公式不同，屬感性范疇，其只要符合人們認(rèn)識(shí)過程的心理順序和邏輯順序，就可以根據(jù)感受靈活運(yùn)用。網(wǎng)頁設(shè)計(jì)時(shí)，合理的運(yùn)用網(wǎng)頁的視覺流程，能夠引導(dǎo)瀏覽者按照一定的順序閱讀網(wǎng)頁，組織好整個(gè)網(wǎng)頁版面的視覺導(dǎo)向，從而影響到整個(gè)網(wǎng)站的信息傳達(dá)和功能實(shí)現(xiàn)。因此網(wǎng)頁的編輯設(shè)計(jì)，視覺導(dǎo)向是一個(gè)重要問題，信息傳達(dá)是網(wǎng)頁設(shè)計(jì)的一種功能性的體現(xiàn)，這種傳達(dá)要符合人們普遍的思維習(xí)慣，做到視覺流程合理、順暢、自如。好的視覺流程布置，能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。一個(gè)網(wǎng)站主要說明的東西必須通過網(wǎng)站首頁醒目位置加以體現(xiàn)和展示，以方便瀏覽者閱讀和理解。

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

網(wǎng)頁設(shè)計(jì)是近些年才發(fā)展起來的一門設(shè)計(jì)類學(xué)科，這些年隨著網(wǎng)絡(luò)的發(fā)展，人們?cè)絹碓街匾暰W(wǎng)頁版面的設(shè)計(jì)和網(wǎng)站風(fēng)格的整體設(shè)計(jì)。網(wǎng)頁不僅是將各種想要傳達(dá)的要素簡單的羅列在頁面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網(wǎng)頁上的信息內(nèi)容。這就要求我們從審美的方面入手，設(shè)計(jì)制作出美觀、完整、新穎、合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網(wǎng)頁所傳達(dá)給我們的信息。我們可以把傳統(tǒng)平面設(shè)計(jì)中的形式?jīng)]的法則和現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來，運(yùn)用一些平面設(shè)計(jì)中美的基本形式到網(wǎng)頁版面的設(shè)計(jì)中去，增加網(wǎng)頁設(shè)計(jì)的美感和瀏覽者的視覺審美需求。

（一）版面的規(guī)范化

頁面編輯的規(guī)范化要求是網(wǎng)頁設(shè)計(jì)的重要方面。比如使用Dreamweaver設(shè)計(jì)網(wǎng)頁時(shí)，是選擇左右型結(jié)構(gòu)、左中右型結(jié)構(gòu)、左右型結(jié)構(gòu)框架，還是用表格系統(tǒng)來定位網(wǎng)頁中版面的規(guī)劃。要遵循一定的規(guī)范。在網(wǎng)頁編排中應(yīng)正確使用文字、標(biāo)點(diǎn)符號(hào)、計(jì)量單位、規(guī)范使用術(shù)語、圖片和Flas等。對(duì)網(wǎng)頁版面中的文字、圖形、色彩的設(shè)計(jì)，都要遵循形式美的視覺規(guī)律。網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序，形式表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種對(duì)象之間要分清主次，突出重點(diǎn)，有一定的整體感。

（二）版面的均衡性

網(wǎng)頁的版面雖然有限，但在瀏覽者的眼里和平面設(shè)計(jì)要求一樣同樣要有視覺的均衡性。版面構(gòu)圖的基本元素是點(diǎn)、線、面，其中單個(gè)的字符是點(diǎn)，由字符組成的行是線，由行組成的段落是面。線和面的運(yùn)動(dòng)方向可以歸納為水平、垂直和傾斜三種形式。水平和垂直給人以安靜和固定的感覺，傾斜則具有運(yùn)動(dòng)感。水平、垂直和傾斜組合起來使用會(huì)給版面帶來豐富和生動(dòng)的效果，從而使版面在整體上保持平衡的前提下具有動(dòng)感和變化。

（三）版面的裝飾性

“圖”與“地”的對(duì)比中版面的裝飾性中和重點(diǎn)。可以使用空白進(jìn)行裝飾，力求在平面中達(dá)到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對(duì)比，圖片的擺放也要有大小、顏色的對(duì)比，包括和背景顏色的對(duì)比，從而使版面在整體上體現(xiàn)出層次感。給瀏覽者以賞心悅目之感。

（四）版面的統(tǒng)一性

網(wǎng)頁版面設(shè)計(jì)中的統(tǒng)一，就是指在版面的整體感上要達(dá)到一致，風(fēng)格上一致，色彩上統(tǒng)一協(xié)調(diào)，比如文字字體要統(tǒng)一，不能有的嚴(yán)肅，有的活躍，有的時(shí)尚，有的古板，同時(shí)色彩感受上也要達(dá)到風(fēng)格統(tǒng)一。

三、學(xué)會(huì)分析網(wǎng)頁中各構(gòu)成要素

網(wǎng)頁設(shè)計(jì)就是通過各種要素向?yàn)g覽者傳達(dá)信息，以實(shí)現(xiàn)宣傳的目的。其構(gòu)成要素包括文字、圖形、圖像、標(biāo)志、色彩等造型要素及標(biāo)題、信息菜單、信息正文、標(biāo)語、單位名稱等內(nèi)容要素，如何在網(wǎng)頁版面中合理的設(shè)計(jì)安排這些要素是我們要細(xì)心研究的問題。

（一）文字的編排與設(shè)計(jì)

文字作為信息傳達(dá)的主要手段是網(wǎng)頁設(shè)計(jì)的主體，是所有宣傳物中不可缺少的元素，也是網(wǎng)頁中必不可少的元素，因此網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積，文字表現(xiàn)的好與壞會(huì)影響到整個(gè)網(wǎng)頁的質(zhì)量。必須考慮文字編輯的整體效果，給人以清晰的視覺印象，切記不要使頁面中的文字看起來凌亂、繁雜，過多的裝飾會(huì)讓人不容易辨認(rèn)和理解。不可只為美觀而創(chuàng)意文字，忽略了文字本身的傳達(dá)信息功能。版面設(shè)計(jì)時(shí)要注意文字的大小變化，色彩變化，明暗變化，用這些變化使字體版面活躍，達(dá)到視覺上的美感，注意變化中的統(tǒng)一，以獲得良好的心理反應(yīng)，達(dá)到完美的文字編排效果。

（二）圖片的編排與設(shè)計(jì)

圖片是網(wǎng)頁版面中文字以外的又一主要元素，是傳達(dá)信息的有力途徑，圖片的參與可以加大網(wǎng)頁提供的信息量，而且圖片的引入也大大美化了網(wǎng)絡(luò)頁面?？梢哉f，要使網(wǎng)頁在純文本基礎(chǔ)上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對(duì)于一條信息來說，圖片對(duì)瀏覽者的吸引力遠(yuǎn)超單純的文字。圖片的位置、面積、數(shù)量、形式、方向等直接關(guān)系到網(wǎng)頁的視覺傳達(dá)。在頁面圖片的合理選用時(shí)，一要注意統(tǒng)一，二要注意悅目，三要注意突出重點(diǎn)。

（三）色彩的設(shè)計(jì)

色彩是美麗而豐富的，不同的色彩會(huì)給我們帶來不同的心靈感受，現(xiàn)在一些大的企業(yè)已經(jīng)將色彩融入到公司的整體企業(yè)識(shí)別中，因?yàn)樯誓苁谷水a(chǎn)生聯(lián)想和感情，例如紅色是火的顏色，熱情、奔放，也是血的顏色，代表危險(xiǎn)，綠色是自然、生命的顏色，象征安寧與和平，紫色高貴、神秘，白色代表純潔等等。一個(gè)網(wǎng)站格調(diào)的設(shè)定，往往取決于網(wǎng)站顏色的選擇。色彩是人們?yōu)g覽網(wǎng)頁的第一印象，它帶給我們不同的感受，它的好壞直接影響瀏覽者的觀賞興趣。因此，色彩設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中居于十分重要的地位。網(wǎng)頁的色彩設(shè)計(jì)具體應(yīng)把握以下兩個(gè)方面：一是是整個(gè)頁面的色彩選擇，確定一個(gè)有利于體現(xiàn)網(wǎng)站主題的主色調(diào)。網(wǎng)頁的設(shè)計(jì)一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍(lán)色、淺綠色。大型的商業(yè)網(wǎng)站，你會(huì)發(fā)現(xiàn)他們更多運(yùn)用的是白色、藍(lán)色、黃色等，使得網(wǎng)頁顯得典雅，大方和溫馨。更重要的是，這樣可以大大加快瀏覽者打開網(wǎng)頁的速度。二是在背景的色調(diào)搭配上一定要注意不能有強(qiáng)烈的對(duì)比，大面積顏色適宜采用低比度，因?yàn)檫^于豐富的背景色彩會(huì)影響前景圖片和文字的取色，嚴(yán)重時(shí)會(huì)使文字溶于背景中，不易辨識(shí)。所以，背景一般應(yīng)以單純?yōu)橐?。如果需要一定的變化以增加背景的厚度，也?yīng)是在盡量統(tǒng)一的前提下的一種變化。

網(wǎng)頁作為作為一種新生事物，以它特有的方式飛速發(fā)展，它涵蓋了平面設(shè)計(jì)、廣告設(shè)計(jì)、版式設(shè)計(jì)、色彩設(shè)計(jì)等等知識(shí)。網(wǎng)頁設(shè)計(jì)是一種綜合性的設(shè)計(jì)，它所涉及的范圍非常廣泛。形式美的法則是任何事物所必需具備的基本因素，網(wǎng)頁信息不僅是為了滿足使用者的需求，更重要的是創(chuàng)造一種視覺上的愉悅，符合形式美的法則，使瀏覽者在閱讀瀏覽的時(shí)候產(chǎn)生共鳴。未來的互聯(lián)網(wǎng)究竟會(huì)發(fā)展到什么程度我們不得而知，就讓我們?cè)谶@個(gè)互聯(lián)網(wǎng)的大世界里去不段的探索和追尋吧。

參考文獻(xiàn)：

[1]田中一光著,朱鍔譯.設(shè)計(jì)的覺醒[M].廣西師范大學(xué)出版社,2009,(11).

[2]謝成開,孫丹麗編著.網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)[M].西南師范大學(xué)出版社,2009,(8).