導語：如何才能寫好一篇平面設計的網頁設計，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

關鍵詞：網頁界面設計 平面設計 色彩 版式設計、字體 圖形 瀏覽方式 信息傳播區別

中圖分類號：S611文獻標識碼： A

最近一直在做網頁界面設計教學工作，其中很多學生問我，網頁界面設計就是平面設計嗎？當時我告訴他們肯定是不一樣的。但是至于究竟哪些地方不一樣，卻沒有系統準確的對學生解釋清楚。后來我時常再想這個問題，既然學生們都有這個疑問，那么肯定會有更多的網頁界面初學者都會有這個疑問，所以在這里，我想談談網頁界面設計與平面設計的異同。

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

在網頁出現的早期，網頁設計是以功能性為第一指導原則，以技術因素為主要考慮對象，以完成或實現必要的功能為目標。以字符組成的界面可以起到基本的信息傳達作用，同時技術要求相對較低，易于實現，并且有較好的穩定性，故而這種形式的界面在很長一段時間內是人機交流的主要形式。隨著互聯網的發展，網頁界面設計是用美和技術衡量生活的合理性。網頁界面設計是將藝術與技術融為一體的創造性活動。它包含了網頁視覺傳達設計和交互設計。

平面設計的過程，是設計者將思想和設計概念轉變為視覺符號形式的過程，即概念視覺化的過程，對信息的接收者來說，則是相反的過程，即視覺概念化的過程，貫穿和聯結兩個過程的是信息。

現在就讓我們來分析一下同樣視覺傳達設計，它們之間的差異性。

一、色彩模式

在色彩方面網頁界面設計與平面設計使用的色彩模式完全不同，平面設計因為后期的實現依賴于印刷，所以采用CMYK的色彩模式，而網頁根據其顯像方式使用RGB的色彩模式。平面設計時的色彩運用注重視覺的沖擊力及視覺流的引導(在這點上與網頁設計中的BANNER設計相類似)，而網頁設計(產品類)更注重的是信息結構關系的梳理，如果將色彩運用的過多過強，很容易引起視覺的疲勞感。

二、版式設計

網頁界面的版式設計中，其比例關系一般體現在：頁面所限定空間的長寬比，實體內容與虛空間（空白）的面積比，頁面被分割的比例，圖文的關系比以及各造型元素內部的比例等形式上的數量關系。平面設計的節奏和韻律來自音樂的概念，節奏較多地強調“節拍”，韻律較多地強調“變化”，如果說韻律感不夠，是指缺少變化，過于呆板；如果說節奏感不強，是指變化缺乏條理規則。

三、字體應用

在設計過程中，平面設計的字體選用更為自由一些，不用擔心后期實現的問題，所有的文字最后都會輸出為圖形進行印刷，而網頁設計就需要考慮的更為全面，并且在字體的選用范圍上也很小，為了讓輸出的成品大小不對服務器造成壓力，基于html的特性，所有字體都是根據用戶操作系統內默認字體而定的，當然近年隨著技術的沿革與發展，這個差距也逐步在縮小，目前通過html5的API可以實現個性化字體的使用而不需要將個性化的字體最終輸出為圖形，在不增加后端壓力的同時，大大提升了用戶體驗，非常不錯。

四、圖形的使用

從圖形使用上，網頁設計不如平面設計，表現方式也相對少一些，特別是對于產品類的網頁設計，模塊化的設計思路尤其明顯，在視覺表現上也是如此，網頁界面的設計對于圖形的表現是需要考慮到后期實現的，這一點上是有目共睹的。設計時使用的尺寸單位：平面設計在使用尺寸標注時都用的是物理尺寸的概念，比如英寸，厘米，毫米等；而網頁使用的像素。

五、瀏覽方式

平面設計的屬于漸進式的瀏覽方式，無法對整個瀏覽的過程進行多樣化串聯，網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯性更為豐富，用戶選擇信息的自由度更大，但平面設計也自然有其優勢所在，比如平時設計相冊這類產品的時候，就很明顯的發現，這一類的產品在電腦顯示器上進行翻閱，不如印刷成為一個真實的書本來翻閱感受好，并且更具有收藏及紀念意義。

六、信息傳播

平面設計屬于比較傳統的信息媒介設計，一般會通過張貼、銷售、郵寄派送等形式進行傳播，這樣傳播的方式范圍小且成本較高，相對而言在這方面網頁設計的信息傳播能力卻非常的強，但依賴于第三方媒介的支持。在網頁設計中，要求信息的發送者和接收者之間必須具備部分相同的信息知識背景，否則在兩者之間就必須存在一個翻譯或解說系統作為中間媒介來進行溝通。平面設計卻擁有更為廣泛的受眾人群，不同的年齡層對于紙張或書本的信息接受能力總是強于網絡媒體的，畢竟網絡信息獲取的將會存在一個學習成本，在今后網絡信息的不斷普及以及終端媒介用戶體驗的不斷提升，在受眾人群方面在我看來差距會越來越小。

此外，這兩種設計形式不但擁有不同的用戶體驗，網頁界面設計還注重用戶互動的功能實現。網頁界面設計不僅能融入絢麗的動畫效果，還能插入視頻，這是平面設計不能體現的。談了這么多網頁界面設計與平面設計的區別，希望能夠幫助大家進一步認識這兩種設計形式。

最后，我想說得是，設計形式沒有好壞之分，用戶不一樣，他們的選擇也就不一樣。

參考文獻：①蘆影 著 李硯祖 編《平面設計藝術》，[M] 中國人民大學出版社2005年01月

篇2

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

二、平面視覺元素在網頁設計中的應用策略

（一）合理安排網頁版面

一個出彩的版面對于網頁頁面整體來說非常重要，恰當地融入平面視覺元素能夠將網頁頁面排版變得合理且豐富，使用戶在瀏覽該網頁頁面時能夠滿足其對頁面的視覺需求，從而有效地提高網頁的瀏覽率。在網頁頁面的色彩運用上，設計人員不僅要根據頁面的風格來進行制定，還需根據網頁的信息內容來制定適合的色彩。網頁設計人員可以在日常生活中多觀察雜志的版面排版方式，對排版內容與排版結構之間的聯系進行詳細研究，掌握一定的色彩搭配方法，利用日常所學知識與研究，能夠有效地改善設計人員的網頁排版方式。

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

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

（三）根據整體搭配網頁頁面色彩

色彩是頁面設計中不可或缺的視覺藝術形態，不同的色彩能夠給人帶來不同的視覺心理感受。根據人類對色彩的敏感度來看，暖色容易使人聯想到陽光、火焰，讓人感到溫暖。而冷色則會使人聯想到藍天、陰雨，讓人有冰冷的感覺。在網頁頁面色彩搭配上，應根據不同的設計風格和設計內容合理地運用色彩。為了讓網頁能夠有效地突出內容重點，可以選擇在重點內容區域采用對比色彩，通過局部對比加強網頁頁面的整體風格，給人留下深刻的印象。

三、結束語

篇3

關鍵詞:網頁；構成概念；平面構成基本特點；平面構成形態要素；平面構成形式

現今,網絡已經成為現代社會不可或缺的好幫手,人們從網絡中能夠獲得大量的信息,其中網頁對于人們的幫助是不容忽視的;如果說網址是互聯網最基本的組成部分,那么網頁就是網址最基本的元素。他們是通過各種鏈接相互關聯,從而描述相關的主題或實現相同的目的。網頁是由文本、圖象、Flas、聲音、視頻、超級鏈接、表格、導航欄、交互式表單等基本元素構成,而這些元素從構成形式上看就是簡單的點、線、面等基本元素經過了藝術創造,變得更加的有質感；就拿文本來說,文本作為網頁中的基本元素，與平面構成中的點元素有著相同的作用――點睛之筆。再從構成的含義來說，它首先是一種造型的概念。所謂構成就是以數種以上的單元重新組合成為一個新的單元。然而構成它更多的是哲學和科學的含義:即“對象世界諸要素的分解與組合,使新的功能顯現?！睒嫵墒莿撛煨螒B的方法,研究如何創造形象,形與形之間怎樣組合,以及形象排列的方法,可以說是一種研究形象構成的科學。

一、平面構成的發展及其基本特點對于網頁設計而言所代表的意義

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

二、平面構成的形態要素在網頁中所起的作用。點、線、面是平面構成中的三個形態要素

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

它在平面構成中的概念只是一個相對概念,為什么這么說呢?因為它是在比較中而存在，通過比較而顯現;這樣說吧,同一個圓,在小的框架里圓顯得很大,在大的框架里圓則顯得很小,這就是點的相對概念。很多人都認為點是小的,而且還是圓,實際上這種認知是錯誤的,自然界中的任何形態,只要縮小到了一定的程度,就能夠產生不同的點,點是視覺中心,所以說,在網頁中的每個字都可以看作是點,由字排列出的文本就形成了構成中所說的線及面了。

（二）線是點移動的軌跡

從平面構成來講,線是可以看的到的,它既有長度,也有一定的寬度和厚度,在設計中是不可缺少的元素。只要提到線,大家直接就能夠說出線的分類,既直線和曲線。而直線和曲線對于人們來說，是有很強的心理暗示作用,看到直線,人們就會想到靜;看到曲線,大家又能聯想到動;直線具有男性的特點,而曲線具有女性的特征;在很多網頁頁面設計上都運用到了線的特性。

（三）面是線的連續移動至終結而形成的

面是有長度、寬度的,只是沒有厚度而已。比如說直線平行移動形成長方形;直線旋轉則移動而成圓形;自由弧形移動就會構成有機形;如果直線和弧線結合就形成了不規則的形。在網頁設計中出現的圖像、動畫、交互式表單等都是由不同的點、線連續移動形成的面,給網頁一個完美的效果。像那些企業網站、購物網站、音樂網站以及游戲網站等,他們的網頁界面設計不僅有豐富的色彩吸引大眾,還有不同設計風格的構成形式更讓大家流連忘返。

三、平面構成形式在網頁中的具體運用

平面構成設計是有組織的、有秩序地進行排列、組合、分解,因此它也是必須遵循一種原則和設計形式。平面構成中的形式大量被運用到網頁界面中。

（一）重復構成在網頁中的藝術魅力

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

（二）對比構成在網頁中的表現對瀏覽者的心理帶來的影響

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

四、結束語

因為有了網絡,讓人類能夠更加方便、快捷地查詢信息;因為有了網站,讓人類能夠更加懂得如何去獲取新的信息;因為有了網頁,讓人類能夠及時獲得最新信息。網頁界面設計的美觀、新穎、時尚,讓大眾更愿意了解網頁!如今,網頁已經成為廣大消費者生活中不可或缺的一部分,網頁能夠為人們注入更多的新鮮血液。

參考文獻：

[1]洪興宇編著 新編平面構成（M）遼寧美術出版社 1999-12；

篇4

前言

近年來，互聯網技術飛速發展，人們瀏覽信息不再局限于報紙和電視，信息的交流也突破了地域、文化以及時間的限制，信息傳達的速率發生了質的變化。網頁作為互聯網的基本單元，優秀的網頁設計是互聯網用戶舒適瀏覽信息的首要前提，古網頁設計者在設計網頁時必須綜合考慮各方面因素，做到在信息傳播的同時，滿足大眾的審美需求。

網頁設計的構成元素

1.文字的編排

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

2.圖片的運用

圖片是網頁設計重要的構成元素之一，能夠在第一時間為用戶提供視覺上的信息，具有直觀、形象生動的特點。圖片既擁有色彩的艷麗，又擁有文字的銳利，能夠起到比文字更深刻、形象的作用。在網頁設計中，圖片往往是網頁風格表現最具決定性的元素，優美的圖片是吸引用戶點擊的主要因素之一。因此，網頁設計者在進行網頁設計時，應根據具體的要求合理的選擇圖片的大小、分辨率以及對圖片進行適當的優化，以符合主題內容。

網頁設計中的審美原則

隨著人們生活節奏的加快，人們對于事物的欣賞觀念處于不斷的變化之中，但對美的追求的本質是不變的。作為網頁設計重要的一部分，優美的頁面會給用戶營造視覺上的盛宴，故網頁設計有一定的審美原則。

1.總體協調，局部對比

網頁設計中，圖片、文字以及色彩之間講究平衡，在視覺上看起來自然合理，最好用簡潔的頁面凸顯出內容的質感，設計者根據題材風格選取合適的色彩填充，達到靜態和動態間的平衡。此外，局部內容互成對比，凸顯出中心主題，讓瀏覽者在視覺上找到平衡。

2.富有節奏感

在音樂領域，音符講究節奏和韻律，在網頁設計中同樣如此?；ヂ摼W用戶在瀏覽網頁時，如果網頁像音樂符號那樣跳躍出來，會帶給觀眾更加美好的體驗。

網頁設計中平面視覺傳達的局限性

1.被動選擇

人們在瀏覽網頁時，會根據自己的愛好選擇相應的網頁，很多信息很容易被瀏覽者忽略，這就是所謂的信息被動性。在這種情況下，網頁的設計是挽留住人們視線的一個重要因素，這就要求網頁設計者具有較高的技術。

2.版面的局限性

網頁設計由于受限于計算機本身的容量，設計者在進行版面設計時往往由于空間的限制而使得平面設計的優勢得不到充分發揮，導致在視覺上無法給人帶來強烈的沖擊力。

3.技術要求較高

優秀的網頁設計者，不僅需要熟練掌握計算機技術，還必須對平面設計方面的知識有深刻的了解。對于平面設計者而言，全面掌握計算機語言是一件相對困難的事，而對于計算機人員，在平面設計和創新方面又不夠專業。因此，由于這些因素的影響，優秀網頁設計人才相對匱乏。

提高網頁設計中視覺信息傳達有效性的方法

1.高效運用多媒體技術

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

2.增加互動性

提高人們的參與性，使用戶在互聯網的引導下變被動為主動，從而滿足用戶個性化需求，促進用戶更深層次的了解網頁。例如：運用三維動畫技術，讓用戶在觀看虛擬產品時產生逼真的感覺，增強用戶對產品的認識，使頁面更具視覺感染力。

結束語

網頁作為信息的載體，綜合運用文字、圖片、色彩等元素，給互聯網用戶提供了一個豐富多彩的信息平臺，同時網頁設計是平面設計在網絡平臺的延伸和發展，，在視覺傳達方面的應用兩者存在很多相似之處，帶來人們美的感受。因此，將平面設計傳達與網頁設計相結合，既有利于更好網頁的產生，也有利于平面設計傳達得到充分發揮。

篇5

一、提高網頁設計的工作效率

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

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

二、培養更有競爭力的綜合性人才

1.根據市場的需要培養人才

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

網站設計師具體要求：大專以上學歷、美術、藝術、廣告類畢業；在互聯網行業從業經驗兩年以上；熟練操作各相關設計軟件；并且有自身優勢和特點；優秀的設計創意能力，能組織團隊完成大型網站項目的設計開發工作；邏輯思維清晰，做事認真、細致，表達能力強；有豐富的企業建站經驗，從事過組織策劃大型網站項目的工作；注重儀表，有很強的學習能力和敬業精神，較好的溝通能力，有良好的團隊合作精神及獨立的工作能力。

待遇：試個人能力而定，公資標準在4000（另有項目提成）。

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

2.快速掌握行業里最新、最尖端的網絡技術

網絡媒體同時屬于IT行業的范疇，既然和IT靠上了親戚，自然也就繼承了IT的某些特征：高薪職業。不受工作地點的限制。新技術出現的快淘汰的也快。

要想在網頁設計行業有所成就，當然要不斷的學習掌握新技術，可網絡上的新技術淘汰的太快，經常是沒等我們弄懂就已經過時了。作為專業教師，我會經常調整授課內容，把最新的最實用的技術和思想傳授給學生。時刻關注網絡上的新動向，出現的新技術，保持旺盛的學習熱情，讓自己時刻處于行業的前沿。只有這樣才能培養出適應當今日趨激烈的市場競爭的人才。

篇6

1網站建設的主要知識內容

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

2當前網站建設平面設計中存在的一些問題

2.1在網站外觀設計方面

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

2.2在網站的圖片效果方面

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

3在網站建設中如何把平面設計與技術良好結合

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

3.1做好平面設計的交流工作

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

3.2按照客戶需求做好平面設計工作

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

3.3把視覺元素融入到網站建設中

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

4結束語

篇7

為了適應社會的發展對計算機技術的要求，高校應該結合本校廣告制作專業學生的特色，將《網頁設計》課程從教學模式、教學內容、考核方式等方面來闡述怎樣改革提高教學效果，并探討在教學中如何培養學生的實踐能力。

1 計算機廣告制作專業的網頁設計課程的教學現狀

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

2 教學改革的目的

計算機廣告制作專業依托信息技術的不斷進步逐漸發展起來，新的發展需要新的教學模式來與之相適應，因此促進計算機廣告制作專業的網頁設計課程的教學改革的主要目的是適應社會發展對于計算機教學的要求。廣告專業學生可以結合所學的字體版式設計、動畫設計、色彩設計、界面設計等課程，適應時代變化對專業發展的需求，拓寬設計類學生的應用能力。原有的教學模式已經不適應新時期教育事業發展的新要求，因此實行教學改革、改變傳統的教學方式是發展計算機教育事業的重中之重。

（一）改變傳統的教學模式，適應時展

隨著計算機技術的不斷發展，傳統的教學模式已經不適應時代的發展和社會的進步，促進教學改革，在原有的基礎上進行教學模式的改革和創新已經成為計算機廣告制作專業的必然要求。現階段網頁設計教程中的知識結構和授課方式仍然屬于傳統層面，對于教學效率的提高產生了不利的影響。促進教學改革的主要目的是為了改變傳統的教學模式，適應時代的發展。例如引入行為導向教學法，模擬現實情境，將學生工作的崗位特性搬入課堂，讓學生體會真實場景的操作。

（二）強化教學目的，提高教學效率

教育事業的發展強調的是教學效率的提高以及學生學習能力的增強，傳統的教育方式和教學方法單純的重視教學成績，忽視了學生綜合能力的發展。計算機廣告設計專業的學生在學習時更需要全面發展，掌握更多的計算機技術，提高他們的專業素質和能力。網頁設計課程是一門復雜、知識點繁瑣的課程，不僅僅需要靈活的授課方式，也需要學生靈活接受各種網頁設計的知識和技術。進行教學改革在傳統教學模式和方法的基礎上進行創新，不僅僅能夠提高學生的學習能力和效率，也能促進教學效率和教學水平的提高，為計算機廣告制作專業的發展提供了新的動力。

（三）培養學生實踐能力和技術水平

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

3 教學改革的創新點

改革的實質是在傳統的基礎上揚長避短，進行繼承和發展創新。計算機廣告制作專業關于網頁設計教程的改革創新也是在原有的基礎上進行創新發展，并不是完全摒棄傳統的教學方式，而是在繼承中發展、創新。因此改革的前提是尋找創新點，逐步進行創新點的改革，從而對網頁設計教程開展全方面的改革。

（一）如何在平面設計與技術之間找平衡點

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

（二）合理構建教學內容，采用多媒體教學網絡系統示范教學

教學內容的構建和改革是網頁設計教程改革的重點，傳統的教學方式只是教師講解或者簡單示范網頁設計的相關知識，這種方法沒有讓學生在學習過程中留下深刻的印象，更無法讓其熟練運用相關技術。因此在教學改革的過程中，要合理構建教學內容，適當增加實踐訓練課的比重，做到理論和上機相結合，老師可以現場示范教學、答疑，解決理論和實踐脫節的問題。采用多媒體網絡示范教學，以提高教學效率和學生的實踐能力以及技術水平。

4 如何進行教學改革和實踐

針對計算機廣告制作專業的現狀，進行教育改革已經是必然要進行的了，如何進行教學改革和實踐也成為了計算機教育事業需要關心的重要問題。網頁設計教程的改革主要應該從以下幾個方面進行：教學模式應該從原有的基礎上進行創新發展，選擇一種合適網頁設計的教學模式；教學內容要改變原來單一枯燥的知識灌輸方式，轉變為師生互動的交流模式，同時也要加強實踐訓練，鞏固課堂上學到的知識；考核方式上，原有的方式主要是以考察為主，改革的過程中可以適當加大考試考核的比重，以督促學生更好的掌握網頁設計的相關技術。

（一）教學模式改革

針對現階段計算機技術的發展和網頁設計教程教育模式的現狀，教師在授課的過程中應該多與學生互動，采用知識講解和實踐訓練相結合的方式來促進學生對于網頁設計技術的理解和運用。

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

（二）教學內容改革

教學內容的改革涉及的是網頁設計課程的一些相關技術，在教學過程中，以基礎操作為主，實際應用加入其中不應該將全部的知識和技術都灌輸給學生，而應該是有選擇的講解。比如網頁設計中有關平面設計的知識和技術是整個課程的重點內容，著重講解的同時應該加強實踐訓練，加深學生的記憶和理解程度。對于那些不重要或者是理解難度較小的知識，可以使當的減少課時，這種詳略得當的教學方式可以促進教學內容具體化，并且可以提高學生學習的效率。教學內容的改革是整個改革中較為重要的一部分，需要師生互動才能取得更好的效果，在提高教學效率的同時鞏固學生所學到的知識。

（三）考核方式改革

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

篇8

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

2平面構成在網頁設計中的應用

平面構成用于網頁設計應為信息內容的流暢傳遞服務。“不要把信息隨意的擺放在屏幕上。要把信息放在由窗口和面板構成的背景中，窗口、面板和基本的網格應有一致、清晰的聯系”。遵循傳統平面構成的認知，網頁中的信息仍可歸結為點線面的視覺元素。諸如重復、對比、漸變等構成形式，是將視覺信息元素有序化、藝術化的必要手段。

2.1網頁設計中的點線面應用

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

2.2網頁設計中的平面構成基本形式應用

2.2.1重復構成

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

2.2.2漸變構成

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

2.2.3對比構成

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

3結語

篇9

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

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

(2) 在介紹計算機應用過程中還較詳細介紹藝術設計的專業知識，使讀者可以了解藝術設計的原理和設計藝術規律，并運用于計算機輔助設計之中，不但可以學會計算機應用，更重要的是學會了藝術設計與制作。

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

該系列教材主要包括以下計算機輔助設計教材：

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

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

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

篇10

關鍵詞：網頁設計；形式美法則；構成要素

中圖分類號：G71 文獻標識碼：A 文章編號：1009-0118（2012）-03-0-02

如今，互聯網已經融入我們日常學習生活的各個環節，并在全球范圍內飛速發展。其打破了國界、地域、文化的限制，使信息傳達的范圍、速率都產生了質的飛躍。互聯網中數以萬計的網站中，每個網站都擁有自己不同的網頁，一個個變換的網頁構成我們互相交流的媒介。因此，網站制作過程中，特別是網頁頁面編排設計時，要展示出自己獨特的設計風格。如何設計出視覺效果好，色彩搭配和諧，結構合理的網頁版面是網頁設計中的一個重要問題。

一、網頁設計中的視覺流程

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

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

二、網頁設計的審美需求

網頁設計是近些年才發展起來的一門設計類學科，這些年隨著網絡的發展，人們越來越重視網頁版面的設計和網站風格的整體設計。網頁不僅是將各種想要傳達的要素簡單的羅列在頁面上，而是要考慮如何使瀏覽者能更感興趣的和更有效率的接收網頁上的信息內容。這就要求我們從審美的方面入手，設計制作出美觀、完整、新穎、合理的頁面。使瀏覽者觀看閱讀起來心情愉悅，更好的接受網頁所傳達給我們的信息。我們可以把傳統平面設計中的形式沒的法則和現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁版面的設計中去，增加網頁設計的美感和瀏覽者的視覺審美需求。

（一）版面的規范化

頁面編輯的規范化要求是網頁設計的重要方面。比如使用Dreamweaver設計網頁時，是選擇左右型結構、左中右型結構、左右型結構框架，還是用表格系統來定位網頁中版面的規劃。要遵循一定的規范。在網頁編排中應正確使用文字、標點符號、計量單位、規范使用術語、圖片和Flas等。對網頁版面中的文字、圖形、色彩的設計，都要遵循形式美的視覺規律。網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種對象之間要分清主次，突出重點，有一定的整體感。

（二）版面的均衡性

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

（三）版面的裝飾性

“圖”與“地”的對比中版面的裝飾性中和重點?？梢允褂每瞻走M行裝飾，力求在平面中達到不平的效果。要注意立體的裝飾效果，比如在文字大小、顏色的處理上要有對比，圖片的擺放也要有大小、顏色的對比，包括和背景顏色的對比，從而使版面在整體上體現出層次感。給瀏覽者以賞心悅目之感。

（四）版面的統一性

網頁版面設計中的統一，就是指在版面的整體感上要達到一致，風格上一致，色彩上統一協調，比如文字字體要統一，不能有的嚴肅，有的活躍，有的時尚，有的古板，同時色彩感受上也要達到風格統一。

三、學會分析網頁中各構成要素

網頁設計就是通過各種要素向瀏覽者傳達信息，以實現宣傳的目的。其構成要素包括文字、圖形、圖像、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素，如何在網頁版面中合理的設計安排這些要素是我們要細心研究的問題。

（一）文字的編排與設計

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

（二）圖片的編排與設計

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

（三）色彩的設計

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

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

參考文獻：

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

[2]謝成開,孫丹麗編著.網站規劃與網頁設計[M].西南師范大學出版社,2009,(8).