平面設計的網頁設計

前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇平面設計的網頁設計范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

平面設計的網頁設計范文第1篇

關鍵詞：網頁設計；互聯網絡；信息傳播；平面設計教學

每一個時代都有代表性的發明作為這個時代的象征，像第一次工業革命，蒸汽機的發明，使得那時成為蒸汽時代；愛迪生發明了電燈從那時起進入了電的時代，要說21世紀，我想應該是網絡的時代，自從互聯網的出現使“地球村”的概念更加貼切，可以說網絡拉近了地球上每一個角落的人。互聯網代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產生了質的飛躍。互聯網是由成千上萬的網站組成，而每個網站都是由諸多網頁構成，故網頁是構成互聯網的基本元素。而網頁設計是伴隨著計算機互聯網絡的產生而形成的平面設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發展而發展。表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。設計師如何將網絡與設計、技術與藝術完美地結合，是非常值得我們深思和研討的。

1一騎紅塵妃子笑，誰人知是荔枝來之信息傳播

信息元素可以說是網絡最基本的元素，互聯網自始至終都起著一個信息傳播的做用，也是由此而產生的。自從人類誕生以來，人類社會至少已經經歷了四次意義重大的信息傳播革命，每一次信息傳播革命都把人類文明推向一個新的發展階段。第一次信息傳播革命是語言傳播的誕生。第二次信息傳播革命是文字傳播的誕生。第三次信息傳播革命是印刷傳播的誕生。第四次信息傳播革命是模擬式電子傳播的誕生。

最新的一次信息傳播革命，即正在我們身邊發生的第五次信息傳播革命，是數字式電子——網絡傳播的誕生。網絡媒體的出現，使得傳播者與受眾之間的傳統的相互關系正面臨巨大的變化。人類進入了真正的信息時代。

網頁設計以信息傳達為目的，而傳達的最終表現界面則永遠也脫離不了媒體。媒體與網頁設計之間的關系是互動的，媒體既體現了設計，又給設計帶來了局限性；設計既受制于媒體，又是新媒體產生的動力之一。

我們大家所共知的傳媒方式有報紙、廣播、雜志、電視等等，這些在現代媒體中仍然占主要位置。如果與互聯系網絡比較的話，它們這些傳媒方式就顯的相當單一。因此它們的先天缺陷也越來越明顯，所以像這種單一的傳達方式也使設計師受到了一定程度上的限制。人們接受信息的途徑是多方面的。像視覺、聽覺、觸覺、嗅覺、味覺等一系列感官的綜合使我們更加全面的去了解其他的事物。為了能使信息傳達的更全面一些，一直在追求完美的設計師也在尋找著一個嶄新的媒體來表達完善的設計。因此當今互聯網絡順利的成為新生的、綜合感官的、充滿活力的新媒體，也為設計師創造了前所未有的信息傳達手段與途徑。而且隨著技術的不斷發展，它極有可能成為最完善的媒體。這應該引起每一個平面設計師的關注。網絡的發展速度和力量是驚人的。

2橫看成嶺側成峰之視覺效果

可以說網頁是通過視覺元素來進行信息傳達的，這里說的視覺元素包括文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫，還是視頻，為了使網頁獲得最大的視覺傳達功能，網頁設計者所要考慮的是如何適應人們視覺流向的心理和生理的特點把它們放進頁面這個“大展示窗口”里。由此確定各種視覺構成元素之間的關系和秩序。因此，設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。

從理論說起，視覺流程的形成是由人類的視覺特性所決定的。因為人眼獨特的結構，造成只能產生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。這樣就使得人們在閱讀一種信息時，視覺總有一種自然的流動習慣，先看什么，后看什么，再看什么。視覺流程往往會體現出比較明顯的方向感，它無形中形成一種脈絡，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。心理學的研究表明，在一個平面上，上半部讓人輕松和自在，下半部則讓人穩定和壓抑。同樣，平面的左半部讓人輕松和自在，右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。

所以在網頁設計中，重要的信息和標題欄通常在這個位置出現。只要遵循視覺流程和符合人們認識過程的心理順序和思維發展的邏輯順序就可以更為靈活的運用。在網頁設計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響到傳播者傳達信息的準確與有效性。

3進化、發展之必要

網頁設計這門學科是一門后期新興的設計類與網絡方面交叉的學科，在最近的幾年也隨著網絡的發展越來越受人們的重視，它是以網絡為載體，把各種各樣不同的信息以最快捷與最方便的模式傳達給每一位與之相關的人員，但是單單這種標準是不夠的，人們也對在觀看各類信息的同時逐步產生了視視美觀的需求。然而每個人對美的追求是不盡相同的，網頁設計也是同樣的。因為要求了網頁不光是把各類信息與事物放上去能看就行，這些對現在的人們已經是遠遠不夠的了，這時設計師就要考慮如何使受眾能更好更有效率的接收到網頁上的信息。這方面就需要從審美入手了，如何制作出清晰、整體性效果好的頁面。使人們瀏覽起來更方面，心情更舒暢，制作出清晰、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加容易。網頁設計的審美需求是對平面設計美學的一種繼承和延伸。

我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等，對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理統一的方式來排布，使整體感加強同時又有變化。怎樣使它們脈絡清楚又富有清晰的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。

4千里之行始于足下之構成效果

文字作為信息傳達的主要手段目前也是網頁設計的主體，文字是網頁中必不可少的元素，也是網頁中的主要信息描述要素，所以網頁中文字將占據相當大的面積，文字表現的好與壞將影響到整個網頁的質量。網頁文字的

主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清晰的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主題。

網頁文字編排與設計，重要的一點在于要服從信息內容的性質及特點的要求，其風格要與內容特性相吻合，而不是相脫離，更不能相互沖突。如政府網頁其文字具有莊重和規范的特質，字體造型規整而有序，簡潔而大方；休閑旅游類內容網頁，文字編輯應具有歡快輕盈的風格，字體生動活潑，跳躍明快，有鮮明的節奏感，給人以生機盎然的感受；有關歷史文化教育方面的網頁，字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或優美清新的格調；公司網頁可根據行業性質、企業理念或產品特點，追求某種富于活力的字體編排與設計；個人主頁則可結合個人的性格特點及追求，別出心裁，給人一種強烈獨特印象。

在網頁文字的編排與設計中，由于計算機給我們提供了大量可供選擇的字體，導致字體的變化趨于多樣化這既為網頁編輯提供了方便，同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多，但在同一網頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺上的美感，能給人以美好印象，獲得良好的心理反應。

圖片是文字以外最早引入到網絡中的多媒體對象。網絡可以圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。而且圖片的引入也大大美化了網絡頁面。可以說，要使網頁在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。對于一條信息來說，圖片對受眾吸引也遠遠超過單純的文字。

圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在圖片的選擇和優化的同時，應考慮圖片在整體編輯計劃中的作用，達到和諧整齊。要達到這樣的效果，在頁面圖片的合理選用時，一要注意統一，二要注意悅目，三要注意突出重點，特別是在處理和相關文字編排在一起的圖片時。

網頁在一定意義上說也是一種藝術品，因為它既要求文字的優美流暢，又要求頁面的新穎、整潔，使用色彩可以產生強烈的視覺效果，使頁面更加生動。而且，瀏覽者在洲覽網頁時，留下的第一印象就是頁面的色彩設計，它的好壞直接影響閱讀者的觀賞興趣。因此，色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面。

首先是整個頁面的色彩選擇，確定一個主色調，可以有利于體現網站主題。我們現在看到的網頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數人認可和掌握。其他一些次要內容，如背景圖片、線條適宜采用不搶眼的顏色，以免喧賓奪主。只有少量精心選擇的元素，為了突出強調的需要，才采用明亮的色彩，這些彩色亮點就會產生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調的效果。

其次，在背景的色調搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。大面積顏色適宜采用低比度，因為過于豐富的背景色彩會影響前景圖片和文字的取色，嚴重時會使文字溶于背景中，不易辨識。所以，背景一般應以單純為宜。如果需要一定的變化以增加背景的厚度，也應是在盡量統一的前提下的一種變化。例如在制用標題時，為追求醒目的視覺效果，可用比較深的顏色，配上對比鮮明的字體。實際上背景的作用主要在于統一整個網頁的風格和情調，對視覺的主體起到一定的襯托和協調作用，一方面吸引網民的注意力，另一方面有助于體現網站的主題。

5技術、設計之兩手都

網絡技術與設計創意的緊密結合，使網頁的設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近干電影或電視的觀賞效果。技術發展促進了技術與設計的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。技術與設計的緊密結合在網頁藝術設計中體現得尤為突出。

平面設計的網頁設計范文第2篇

結合平面視覺元素在網頁設計的應用，網站建設的發展更趨向先進。通過合理運用文字、色彩、圖形圖像等多個平面視覺元素的組合，在此基礎上對整個網頁的版面機構進行設計美化，使得瀏覽網站的用戶們在視覺上獲得全新的體驗以及享受。其次，網頁設計過程中融入了平面視覺元素，為網站贏得了較高的用戶瀏覽量，幫助企業公司實現了網站建設的目標，也在互聯網這一個領域上有效傳遞了企業的詳細信息以及用戶所需的資料，包括企業的產品信息、服務、企業的理念以及品牌歷史等。最后，網頁設計這設計技術激發了大量的平面設計軟件人才的需求，要求網頁設計人員需要熟練掌握包括PS，AI在內等諸如此類的網頁處理美化軟件，一定程度上促進了社會的人才需求。

2存在問題

網頁設計是新時代的一種信息傳播的途徑。一個優秀的網站往往在第一眼就吸引了眾多使用者的眼光。反之，如果一個網站在視覺上沒有達到一個奪人眼球的效果，那么毫無疑問這個網站的建設是失敗的。隨著網頁設計日益被網站建設者所關注，平面視覺元素的運用也漸漸被人們所注重。很多的網頁設計人員由于自身能力的局限以及社會的高度關注的壓力，使得設計出來的網站在平面視覺上遠遠沒有達到使用者所要求的效果。

2.1網頁版式編排過于簡單

頁面的版面編排可以說是網頁設計過程中最為基本的步驟，但也是最為重要的一步。網站的主頁要求是，文字內容上概括性強，圖片的使用則要引起人們注意力為佳。而國內的一些網站設計人員為了一味追求頁面內容的豐富，往往忽略了網頁的版式編排的要求了。總是將所有的圖片以及文字胡亂地堆放在一個地方，使得整個網站的網頁布局雜亂無章，更不用說能夠增強網站的平面視覺效果了。每個網站都會將其包含的內容的重要性劃分為好幾個等級，而一些網頁設計人員未能夠注意到這點，會將一些二級頁面的內容穿插到網站的主頁面，更有的將一些廣告或者是圖片放在首頁，大大影響了使用者瀏覽網站時的信息獲取速度以及效率。

2.2文字排列布局不合理

文字是網頁設計中傳達信息的最為主要的手段之一，通過文字內容，使用者能夠在短時間內迅速獲知自己想要了解的內容。由于中文文字具有結構復雜的特點，因此在網站設計過程中，一些設計人員為了引起用戶的注意力，刻意在一些文字下方添加下劃線，尤其是一些附加鏈接網址的文字，這樣的做法會給用戶瀏覽網站的內容的時候造成不少的視覺阻礙。除此之外，在文字整體的頁面布局上也是差強人意，行距就是一個最典型的情況，字體的行間距離會直接影響到用戶的閱讀速度。試想一下，一大堆密密麻麻的文字，即使被告知其中內容十分精彩，又能保證誰會耐著性子，認認真真地閱讀完？答案毫無疑問是否定的。

2.3色彩搭配不當

通常情況下，紅綠被認為是最難看的色彩搭配。而當用戶打開網站，目光首先都會先被網站的色彩所吸引。人類對色彩十分敏感，一個成功的網頁設計，在很大程度上是和設計人員是否會熟練運用色彩及其搭配有關聯的。因為網頁設計在實質上就是屬于平面效果設計的一個分支內容，因此對于色彩的搭配要求之高可想而知。國內的一些網站為了達到一定的視覺效果沖擊，總是偏向使用大量的暖色調，大紅大紫是很多網站設計人員的色彩搭配習慣。這樣的做法不僅沒有起到沖擊用戶的目光，而是影響了用戶對網頁版式的美感欣賞，更嚴重的是，影響了用戶瀏覽網頁的速度，還干擾了其對信息快速篩選的能力，當然也對網站本身的瀏覽量帶來了一定的消極影響。

3相應的對策及建議

3.1構建合理版面結構

一般的網頁用戶界面在版面上融入了多種的平面視覺元素。這些元素可以通過合理的組合構成，來達到用戶對網站瀏覽的視覺效果需求，因此一個合理的版面結構對于提高網站的瀏覽量是十分有利的。打個比方，在文字信息上，相關的網頁設計人員可以選擇多種的字體結合，或者是單一的藝術字體，來營造出一種豐富的字體效果，在圖形圖像上的排放也要遵循一定的空間結構。用戶的眼光一般都會被主頁面的畫面感較強的圖像所吸引。因此可以考慮將這類的圖像放在主要頁面的中央，以此達到一個最佳的視覺沖擊效果。另外，在色彩上的運用要考慮到版面的整體風格。網頁設計人員可以結合圖形來一起實行版面分割。這樣一來，整個網站的版面就能夠既有效傳達出了用戶所需的信息，又遵循了網頁設計本身的視覺效果的表現方式。如果一些網頁設計經驗尚為欠缺的新手，可以瀏覽一下日常生活中雜志或報紙的版面分布結構。借鑒其版面在比例尺度、文字內容的安排、圖像的穿插以及色彩的運用搭配等方面，綜合考慮這些要素，做到熟練運用，營造出一個合理良好的版面布局。

3.2采用直觀的文字表達

和其他的平面視覺元素相比起來，文字內容的設計較為關鍵，因為它是最直觀且容易辨認的信息傳達媒介。因此，在網頁設計中，直觀的文字表達能夠促進瀏覽者的閱讀興趣。網頁設計又屬于平面設計中的一個分支，所以要充分考慮平面視覺效果的體現。一般情況下，字體的采用以默認的為標準，這樣很多的當地的用戶就可以使用本地的系統字庫來進行閱讀了，省去了不少下載字體的麻煩步驟。還需要注意的一點是，整個文字安排的布局要合理并且直觀。很多瀏覽者在閱讀網頁文字內容的時候存在很多的局限性，文字作為網頁設計中最為重要的信息傳遞手段之一，為了達到更好的視覺效果，可以考慮使用比較常見的字體結構，例如黑體和宋體等，大小的安排也是以適中為主，千萬不能因為貪圖一時的藝術效果而盲目使用一些繁體字或者是比較少見的字體。更為重要的是，比較常見的字體能夠保證用戶在瀏覽網站的時候，可以快速又準確地下載自己所需的網站信息以及資料。

3.3色彩運用兼顧總體協調和局部

對比不同的色彩搭配方案可以組成多種不同的美麗畫面。按照人類對于色彩的感知規律，一般情況下認為暖色調的色彩比較吸引人的注意力，也就是說，想要用戶能夠在短時間內記住這個網站，那么使用暖色調是比較明智的選擇。為瀏覽者營造一個良好的網頁環境，一定程度上是取決于色彩給人們帶來的視覺沖擊，每一種色彩給瀏覽者帶來心靈上的感受也不盡相同。如果在應用上注重總體協調，局部對比這么一個原則，那么對網頁設計人員創造出一個固定的色彩應用模式起到很大的幫助，同時也有利于促進網頁的總體布局風格的形成。

4結語

平面設計的網頁設計范文第3篇

關鍵詞：網頁設計 平面視覺元素 運用

中圖分類號：TP393.0 文獻標識碼：A 文章編號：1674-098X（2014）07（b）-0209-01

隨著計算機技術的發展，全球逐漸縮小成為了一個地球村。在信息化時代，計算機技術對于人們的生活，工作和學習也發揮著越來越重要的作用。網站作為因特網提供服務的門戶和基礎，已經成為個人，企業及政府機關和獲取信息的主要渠道。網頁設計不僅是一門技術，也是一門藝術，其涵蓋了版式元素和視聽元素兩方面內容，與藝術有著同樣的基本設計形式――點，線，面。點是所有構圖最基本的元素，能夠形成一定的空間視覺效果。線由點引伸而來，構成完整的畫面。

1 文字和圖形圖像中的運用

1.1 文字設計在網頁設計中的運用

文字是全面系統介紹該網頁必不可少的因素，首先，制作網頁者需要全面了解制作該網頁的各方面信息，包括企業的發展史，企業的文化，產品的特色以及產品受眾等，并根據這些信息，對產品進行全面徹底地分析，以確定網頁的文字風格，畫面風格，版面形式，使瀏覽網頁的受眾認可。比如說，設計一個古典文學網頁的時候，整體的畫面應當偏向于古風，可以是寫意的山水，持著團扇撲流瑩的美人，詩意的田園風光，楊柳依依的春季，風荷飄香的夏季，楓橋夜泊的秋季，白雪紛飛的冬季等。還可以鏈接一些古典的音樂，例如平遠的《冬雪》，子雷的《千年風雅》或者是林海的《琵琶語》等，然后在畫面中添加富有詩意的句子，例如“紅顏彈指老，天下若微塵”，“長相思兮長相憶，短相思兮無窮極”等，以渲染畫面整體的古典感。在做介紹的時候，可以運用富有內涵的語句，進一步加深該網站的文學氣息，當熱愛文學的受眾瀏覽該網站的時候，便可以升起一種共鳴感，愿意繼續深入了解該網站。隨著科技的發展，圖片，動畫，音樂等元素在網頁設計中的作用越來越大，但是文字仍舊是一種不可替代的元素，尤其是在新聞，信息，科技類的網站中，文字對信息的傳播具有重要的意義。其次，在網頁設計中的文字不僅有傳遞信息的基本功能，還具有一定的美學功能，就中國文字本身而言，不論是遒勁有力的草書，還是飄逸雋秀的小楷，都能夠成為藝術品供人觀賞。再者，普通的文字還能夠進行藝術加工，變成富有美感的藝術字，提高畫面整體的藝術感。

1.2 圖形圖像在網頁設計中的運用

圖形圖像對網頁整體畫面氣氛的渲染具有重要的作用，能夠最直白生動地向瀏覽網站的人傳達信息。比如說一個有關科技的網站，需要添加許多新興科技研究成果的資料圖片，以使人對其所描述的物質有所了解。而一個文學網站，需要依賴于一些唯美，傷感，古典的圖片來吸引文藝青年的眼球，顯示出整個網站的風格底蘊。在視覺表達效果上，圖片要力求使人有愉悅的感覺，在人們瀏覽網頁的時候，不僅僅需要從中獲取知識，還需要得到審美的享受。因此設計者要充分考慮畫面的整體布局，色彩的搭配，繪畫的風格以及畫面的內涵。科學嚴謹的網站應當以簡約風為主，而講求藝術的網站應該追求耳目一新的感覺，有關文學的網站畫面則需要含蓄唯美。不同的網頁設計要求不同，但是目的是一致的，即取悅目標受眾，提高受眾對該網頁的認可度。

2 色彩與版式設計中的運用

2.1 色彩在網頁設計中的運用

色彩能夠確定圖片的風格，因此色彩搭配是網頁設計中較為重要的環節之一。冷暖色調不能隨意混搭，否則容易產生強烈的視覺沖擊，造成不悅感。一般情況下，紅色象征著熱情，奔放與活力，但是紅色與黑色交叉或者漸變，將紅色整體的明亮格調降低了，畫面就會變得陰郁可怖，猶如人喋血一般。天藍色與明媚的天空顏色相似，能夠給人一種充滿希望的感覺，而深藍色與大海，陰沉的天空顏色相近，能給人一種深邃，陰暗的感覺。紅色與黃色交織，與曙光朝陽一樣熠熠生輝，藍色與紫色共舞，和暗夜跳動的精靈一樣魅惑妖冶，不同的色彩呈現出不同的視覺效果，搭配好了，方能夠渲染出圖片所需表達的氛圍。或者是田園清新的風格，或者是愁云慘霧，大雪紛飛的傷感風格，或者是大漠孤煙，長河落日的悲壯風格，總而言之，選用合適的色彩，方能夠很好地表現出網頁的主題。

2.2 版式設計在網頁設計中的運用

版式設計影響整體畫面的效果，一般情況下，網頁設計的版式主要有三種類型，分別是骨骼型，滿版型，分割型。骨骼型類似于一般報紙的排版，分欄目，分板塊，或橫或豎。骨骼型版面條理清晰，內容板塊劃分清楚，適宜設計科學，信息，新聞類型的網頁。滿版型則是圖片幾乎覆蓋整個版面的版型，圖片大，能夠比較直觀地傳達出信息，達到很好的渲染氣氛的效果。比如說一般的文學網頁，網站的首頁以巨大的古風壁紙為背景，或者渲染出一種蕭瑟蒼涼的古意，或者渲染出一種溫婉嫵媚的江南風情，使人剛點擊進入便被其唯美的畫面所震撼。分割型比較簡單，即分為上下兩個板塊，再分別安置圖片和文字。隨著科技的不斷發展，人們更青睞于使用具有較大視覺沖擊力的滿版型。在設計版面的時候，需要格外留心標題的設計，因為標題通常會成為整個版面的點睛之筆。一般情況下，標題將被安放在頂端或者右側，并加粗加大，醒目突出。如果標題設計出了問題，將會成為整個版面的敗筆，破壞整體的效果。因此設計標題時，需要考慮其與整體風格的搭配，比如說有關科技類的網頁，標題不宜過于花哨，而文學類的網頁則需要考究標題的字體，因為遒勁有力的行草或者清逸雋秀的小楷顯示出的風格是完全不同的。如果整體畫面比較蒼涼蕭索，則應該選擇較為凌亂的字體，如果整體畫面比較清新明麗，則應該選擇比較工整的字體，以搭配整個畫面的風格。

3 結語

網頁設計中的視覺元素體系較為龐大繁瑣，但是其不僅具有強大的應用功能，還具有強大的審美功能。設計者應該站在藝術家和技術師的角度考慮問題，以網頁的主題為設計依據，設計出符合目標受眾口味的網頁。

參考文獻

[1] 公茂蘭.平面視覺元素在網頁設計中的運用[J].網絡導報，在線教育，2012（41）：163-164.

平面設計的網頁設計范文第4篇

關鍵詞： 網頁與平面設計 色彩 心理學

一、網頁的平面設計

每個網站都是由諸多網頁構成，故網頁是構成互聯網的基本元素。我國這兩年的網絡發展非常快，網站數量也以倍率增長，然而網頁的設計卻不容樂觀。除了一些大的專業網站在版面的編排上比較講究之外，其他很少見到界面設計考究、美術創意優秀的中文網站，這是因為沒有和平面設計緊密結合。網頁本身就是無數個“頁面”的平面，平面設計規則也適用網頁設計，網頁設計的審美需求是對平面視覺傳達設計美學的一種繼承和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，才能設計出符合審美規則的網頁。故設計者應該巧妙利用平面設計的設計規則，結合網絡媒體的特點，認識網絡，了解平面的特征，才能使網頁更加適合于網絡上的傳播。

平面設計中如變化和統一、條理與反復、對比和調和、均齊與平衡等，對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強的同時又要有變化，怎樣使它們脈絡清楚又富有清晰的視覺效果等等。例如哈爾濱商業大學設計藝術學院網頁設計之歡迎界面，在黃色的背景襯托下，各種線條貫穿其中，運用平面設計中的圖形設計加以修飾，增加網頁設計的美感和大眾的視覺審美需求。符合設計學院的設計的理念，又有學術機構的沉穩。內容與形式的表現達到了高度的統一。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。哈爾濱商業大學設計藝術學院網頁設計之主頁設計作為設計的主體，如果沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。主頁設計中各構成要素在組合時，要注意其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。再次，網頁版式的新意，網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化地表現出來，是一種具有個人風格和藝術特色的視聽傳達方式，它在傳達信息的同時，也產生感官上的美感和精神上的享受。哈爾濱商業大學設計藝術學院網頁設計的版式設計賦予了很多心意，版面運用歡快輕盈的風格進行設計，打破常理設計規范，有鮮明的節奏感，給人以生機盎然的感受，版面中的文字和圖片利用線條隔開，主題突出，追求某種富于活力的圖文編排與設計。

二、網頁視覺設計中色彩的設計

網頁的色彩，是最先也是最持久地給瀏覽者以網站形象的因素，瀏覽者在瀏覽網頁時，留下的第一印象就是頁面的色彩設計。色彩本身是無任何含義的，有的只是人賦予它的。但色彩確實可以在不知不覺間影響人的心理，左右人的情緒，所以就有人給各種色彩都加上特定的含義：紅色：強有力、喜慶的色彩，很容易使人有興奮感覺，是一種雄壯的精神體現；黃色：亮度最高的色，給人感覺就是很有溫暖感；綠色：美麗、優雅，給人感覺大度、寬容；藍色：永恒、博大，給人感覺平靜、理智；紫色：神秘、女性、溫柔、冒險；黑色：有時給人沉默、虛空的感覺，但有時也給人一種莊嚴肅穆的感覺；白色：有時給人無盡的希望感覺，但有時也給人一種恐懼和悲哀的感受；灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺。網頁的色彩使用得當可以產生強烈的視覺效果，使頁面更加生動。巧妙使用色彩可以直接影響閱讀者的觀賞興趣，因此，色彩設計在網頁設計中居于十分重要的地位。網頁的色彩設計應把握以下幾個方面：

2.1確定主體色。確定一個主色調，可以有利于體現網站主題，遵循主從關系，這是最穩定的處理色彩原則，在網頁設計頁面上，除白色為背景外大量使用的顏色，就是這個網頁的主體顏色。如果在同一個頁面內運用了多種顏色，把握不好的話，就無法確定哪個是主體色。因為其他的顏色面積不能過大，要遵循主從關系。我們現在看到的網頁，一般以淺顏色為背景的居多，如淺灰色、淺黃色、淺藍色、淺綠色。以淺顏色為底，哈爾濱商業大學設計藝術學院網頁的主體色就是以淺黃色、淺藍色為主色調，整體感覺柔和、素淡，配上深顏色的字，如黑色，讀來自然、流暢，也有利于突出頁面的重點，有利于整個頁面的配色，更容易為大多數人認可和掌握。

平面設計的網頁設計范文第5篇

網頁設計是網絡技術與設計藝術的交叉學科，需要網頁設計者既要懂得熟練的計算機專業技術，還要具有較高的平面設計藝術特征。在互聯網高速發展的時代背景下，網頁成為直接吸引瀏覽者的因素，如何在美觀程度、視覺沖擊以及版面構成等方面滿足網民的審美需求是網頁設計應用美學的最大價值所在。

1 網頁設計的特征

網頁設計作為一種特殊的信息媒介設計，要求網頁界面的設計要滿足多元化發展的需要，具體表現在：

1）交互性。網絡時代背景下的網頁優勢在于實現了信息的動態變化與即時交互性，因此在網頁設計時也必須要緊緊把握即時交互性原則，不僅要保證信息需求者可以第一時間掌握最新發生的信息，而且還要滿足視界效果的更新性，讓信息瀏覽者以一個主動者的角色加入到信息處理中。比如某網站的界面設計內容會隨著某種信息宣傳的需求而不定期的更改版面，以此滿足瀏覽者的信息需求要求。

2）特定的設計風格。網頁設計是由特定的主體決定的，也就是不同的網站主題決定了網頁設計風格，而網站的主題則是需要通過網站的色彩與視覺符號直接體現出來的，一般在進行網頁設計時需要確定網站的主題，然后在根據網站主題內容進行相應顏色的選擇。以紅色教育網站為例，一般紅色教育網站的頁面都以紅色或者黑色為主，這主要是與“紅色革命”教育有關。另外其還具有版面編排的不可控性。在進行網頁設計時不能對版面大小進行控制，這主要是根據用戶端的媒介工具有關。

3）技術與藝術的有序結合。網頁設計屬于一門新興的學科，其需要應用到大量的專業學科知識，尤其是藝術與計算機技術的融合是網頁設計的最大特點，網頁設計不能以技術為中心，而是強調技術與藝術的融合，通過藝術反映網頁內容，以技術支撐藝術設計。尤其是要注意的是網頁技術的 應用要適合網絡環境，不能單獨的強調藝術效應而忽視技術的應用。

2 網頁設計中應用美學的具體體現

從網頁設計的發展歷程來看，網頁設計經歷了三個發展階段：一是簡單的靜態網頁階段；二是圖文并茂的網頁設計階段；三是動態互動式的網頁設計階段。隨著網民對網頁視覺需求的日益提高以及網站競爭的日益嚴峻，如何吸引瀏覽者的注意力是網頁設計者需要考慮的問題。美學不是抽象的概念，而是融合多種藝術表現手段的系統，通過運用美學可以提升網頁設計的內涵，完善網頁設計的功能，達到網頁在內容、功能以及形式上的完善。具體美學在網頁設計中的應用主要體現在：

1）美術設計在網頁設計中的應用

在網頁設計中，美術設計屬于重要的應用部分，完善的美術設計可以豐富網頁的內容，給瀏覽者以獨特的視覺沖擊。美術設計的應用主要包括：一是文字語言的應用設計。文字是信息傳遞的重要載體，不同的文字設計效果會帶來不同的視覺效果。另外在文字的編排上要側重藝術性與實用性，具體就是網頁界面文字設計編排一定要與網站的整體界面內容相符合，實現傳遞信息的同時要實現視覺美感；二是圖形圖像的設計。圖形圖像是網頁的重要組成部分，優美的圖形圖像可以足夠信息網民的眼球，圖形圖像可以直接將設計者的理念反映出來，圖形圖像可以通過點、線、面融合的方式達到，通過各種藝術表現形式達到優化網頁設計的目的。當然在網頁設計中使用大膽、個性化的圖形可以增加沖擊效果。圖形圖像應用到網頁設計中需要設計者根據設計要求選擇相應的設計元素，直線圖形會給人一種簡單明確的效果，而粗直線圖形則顯得畫面的厚度，給人以穩定。

2）色彩在網頁設計中的應用

色彩是網頁設計中的視知覺感受因素，色彩在網頁設計中的效果是巨大的，其主要具有劃分視覺分區、重點標記主題以及引起更多關注的特點。色彩在網頁設計中的應用為：一是色彩的對比。不同的色彩在一起會形成不同的視覺感受，因此通過色彩對比可以確定設計的主題，達到視覺效果。在網頁設計時背景面積大的時候可以采取明度高、純度低的配色，以此實現視覺效應；二是色彩的應用處理。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁內容的需要，分別采用不同的主色調。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業的標志色。不同的職業有著固定的顏色，例如綠色一般代表軍人，白色代表醫生等。

3）平面設計在網頁設計中的應用

平面設計是相對網頁結構而言的，平面設計強度的是各種網頁組成部分的形態比例、對比等效果：一是比例。注重比例關系是處理整體與局部的重要手段，在網頁設計中需要融合文字、圖形圖像以及動畫等，因此需要對不同的部位進行整體的比例設計，以此實現結構合理化。一般用于平面設計的方法是水平分割、垂直分割以及比例分割等等；二是重復與漸變。平面設計需要對圖形等進行科學的設計，以此達到柔和和含蓄的力量。比如在我們登入某些網頁時存在登入就自動彈出一些窗口的現象，此種現象影響瀏覽心情，所有這就需要網頁設計時認識到此種問題，降低使用懸浮界面，并且對網頁中的內容結構等進行優化設計，定期進行更新，防止網頁內容過于陳舊，而導致信息瀏覽者出現審美疲勞。

4）網頁的合理布局

網頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、封面型、FLASH型、綜合框架型等。在以上布局中，對于不同的形狀，代表著不同的意義。比如：矩形代表著正式、規則，很多ICP和政府網頁都是以矩形為整體造型；圓形代表著柔和、團結、溫暖、安全等，許多時尚站點喜歡以圓形為頁面整體造型，三角型代表著力量、權威、牢固、侵略等，許多大型的商業站點為了顯示它的權威性常以三角形為頁面的整體造型；菱形代表著平衡、協調、公平，一些交友站點常運用菱形作為頁面整體造型。目前的網頁制作多數是結合多個圖形加以設計，在這其中某種圖形的構圖比例可能占的多一些。

3 網頁設計應用美學的發展趨勢