網頁設計特點范文

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

篇1

關鍵詞：網頁藝術設計；審美視角；研究

互聯網技術的發展，使各行業領域面臨新的機遇和挑戰。網頁設計作為信息技術的產物，目前已無法滿足現代人的審美標準，因此，突出設計的藝術性，是設計者亟需解決的重要問題。例如，堅持網頁藝術設計的原則和特點，積極探討網頁藝術設計的設計技巧，以符合現代審美的藝術型網頁，進而提高網頁瀏覽量，達到網頁信息傳播的目的。

1網頁藝術設計的原則

1.1突出設計主題

“突出主題”是網頁藝術設計的根本原則和核心宗旨，無論設計師如何創新頁面色彩、布局、文字等，都必須以突出主題為原則，以保障網頁傳播信息的目的。首先，確定網頁主題，當有了明確的主題后，一切的設計都應圍繞主題展開，在此基礎上進行網頁視覺的創新。其次，頁面藝術創造要有度，切不可夸張的采用所謂的“后現代”色彩，保障網頁符合大眾審美，而不是為了迎合某一部分非主流網民，應以高端大氣的藝術設計強調網頁的視覺沖擊，進而使主題突出?？傊?，在保障頁面清晰、美觀、藝術、簡練的視覺效果之外，也要突出頁面或欄目的重點、熱點信息和主題。

1.2統一設計風格

網頁設計的風格決定著網頁內容、布局、色彩的運用，不僅是設計師設計水平及設計理念的重要體現，同時不同風格的網頁設計也會給網民不一樣的視覺審美效果。與書籍、雜志的版面設計類似，網頁藝術設計同樣忌諱同一頁面運用多種不同設計風格，這會使網民在瀏覽網頁時感覺到眼花繚亂，根本無法掌握頁面主題，也與網頁藝術設計中“突出主題”的原則相背離。一般同一頁面設計風格不超過三種，而且這三種風格需設計者嚴格把控，以保障頁面的審美效果以及主題突出。

1.3豐富網頁色彩

網頁色彩影響著網民對網頁的第一感覺，若設計時將網頁的色調統一設計，雖給人以舒服、流暢的感覺，但若長時間瀏覽單一網頁時，統一的色調又會給人乏味之感，降低瀏覽質量。因此，把握網頁設計時的色彩對設計者的設計功底具有很大挑戰。設計時，不僅要綜合考慮頁面的整體色彩布局對內容的影響，也要求設計者在創新頁面色彩時，保障主題突出的初始原則，同時也要注重多數網民的主觀感受，保障網民瀏覽視覺美好，達到網頁藝術設計審美效果。

2網頁藝術設計的特點

2.1即時性

網頁藝術設計的即時性特點與傳統紙質媒體最大的不同就是可以隨著熱點話題或事件的進程實時更新。作為網頁藝術設計最突出的特點，其在網絡端口更新、推送時要求設計師根據當前網頁瀏覽實際數量進行微調整或修改，以保障網頁信息的即時性，吸引更多瀏覽量。其次，網頁藝術設計時的互動性是最大的優勢，設計師可將網頁反饋的信息作為再設計的基礎或參考，更新網頁信息時體現網頁的互動性、親民性，進而體現網頁的影響力。

2.2交互性

信息技術、網絡技術的發展，使全球網絡化發展迅速，使人們的交流溝通更加順暢，尤其是以手機為代表的移動終端的應用?，F代網絡平臺交互方式多種多樣，如：視頻、語音、文字等，且近年來隨著各直播平臺的推出，使人們獲取信息、信息的渠道再上一個臺階。網頁新聞受到嚴重沖擊，因此，如何創新網頁藝術設計、保持或增加網頁瀏覽量是各大網站面臨的重大發展問題，其中最重要的一點就是積極探索網頁設計時多媒體式的交互性。

2.3不可操控性

設計的不可操控性主要體現在網頁版式方面，即在規定的頁面內應用不同的視覺或聽覺技術將頁面元素進行構建，以體現設計師的設計風格和設計理念，并注重以視覺傾向表達視覺效果。雖然網頁版式在網頁設計中只占據一部分，但其是網頁表達審美的直接體現。與傳統平面設計不同，網頁設計脫離固定的設計尺寸，完全由網民自行調整網頁尺寸，這就使網頁在設計時要兼顧不同尺寸的頁面顯示。其網頁版式的不可操控性，對設計師的設計精準度是一項極大的考驗，也是網頁藝術設計獨特之處。

2.4融合性

網頁藝術設計有網頁和藝術兩個基礎。其中網頁考驗的是設計師的網絡技術水平，也是設計的客觀因素；藝術考驗的是設計師的藝術創造能力和審美能力，也是設計的主觀因素。因此，成功的網頁藝術設計必須同時融合設計師的主客觀兩方面的思維，利用現代化的網絡技能結合自身的設計理念和設計主題，完美地設計出符合大眾審美意識和取向的優秀作品。

3網頁藝術設計的設計技巧

3.1文字的設計技巧

文字是網頁藝術設計的靈魂，也是設計的主體。文字的大小、顏色要遵循易看、易認、易讀、易懂的設計原則，其技巧主要為：（1）合理安排字體，同一頁面字體樣式不可多于三種，否則繁雜的字體只會使網民產生雜亂感，沒有任何網頁審美視覺，同時也要避免使用對于某些顯示器無法顯示的字體。字體選擇時應以易看、易認為原則。（2）確保文字的可讀性，也就是文字的易讀、易懂原則。設計網頁文字時切不可過多的文字裝飾，保持文字清晰可辯，給網民創造良好的視覺印象。（3）科學利用字號差，即大標題配小內文，但這個差異一定要控制好，以突出網頁藝術設計的主題。

3.2圖片的設計技巧

網頁藝術設計時，圖片的位置、數量、尺寸、形式等都直接影響著網頁的視覺傳達效果。在設計時網頁圖片應遵循的設計技巧為：（1）圖片精準定位，突出網頁設計主題，符合主題要求和約定。（2）圖片設計的獨特性作為網頁的一部分，創造性圖片更能吸引眼球，帶動網頁瀏覽量。設計師在創造圖片時，應打破傳統思想壁壘，以全新的視角設計出具有強烈視覺沖擊的圖片。（3）堅持圖片審美標準，在網頁藝術設計方面，圖片被賦予特殊的情感表達。不同圖片的視覺效果可以直抵人的內心情感世界，這也是圖片最大的魅力所在。因此，圖片不僅給人視覺上的享受，更要表達更深層的情感。

3.3版式的設計技巧

篇2

前言：

得益于計算機與智能手機的普及，我國網民數量已達7億，而這一龐大的網民人口則標志著網絡與我國民眾生活之間聯系的日漸緊密。我國當下數字媒體的發展速度不斷提升，其本身也開始真正融入我國各行各業之中，但數字媒體本身在發展中也暴露出了一些問題，而本文就數字媒體中網頁設計原則與制作技巧展開的研究目的，正是為了解決其中一部分問題。

1.數字媒體概述

為了能夠較好的完成本文就數字媒體中網頁設計原則與制作技巧展開的研究，我們首先就需要對數字媒體進行深入了解。結合相關文獻資料與筆者自身對數字媒體的認知，本文將數字媒體定義為利用二進制數據處理和記錄，采取數字通信的原理，收集、存儲、傳輸各種矢量數字文本的過程，簡單的說數字媒體就是一種圖形、圖像、視頻、聲音、動畫等信息的載體與平臺。對于數字媒體來說，其本身具備著高效相互性、靈活多變性以及強大融合性等三方面的特點，這些特點也是其能夠較好發揮自身功能的原因所在。具體來說，高效相互性指的是數字媒體能夠通過自身的載體與平臺特性，使信息變為可感、可知、可管、可交互的狀態，這就使得信息的傳播的過程中能夠較好的實現作者與受眾的交流網絡影視、網絡游戲等都屬于這一特點的具體表現；而在靈活多變性這一特點中，這一特點使得數字媒體能夠將聲音、圖片、視頻、音頻、文字等創作要素進行較好的改變，這樣相關信息就能夠實現更好的創造；而在強大融合性這一特點中，這一特點使得數字媒體本身能夠與各類藝術方式實現較好的融合，這種融合由于往往能夠發揮“1+1＞2”的作用，就使得數字媒體能夠更好的滿足各類受眾的需求[1]。

2.數字媒體中網頁設計原則

上文中我們深入了解了各類數字媒體，而在下文中筆者將結合自身實際工作經驗與相關文獻資料，就數字媒體中網頁設計原則進行詳細論述，希望這一論述能夠在一定程度上為我國數字媒體的進一步發展帶來一定幫助。

2.1明確網頁主題

在數字媒體的網頁設計中，為了保證這一網頁設計能夠較好的為受眾提供服務，我們首先就需要結合網頁內容確認網頁主題，而為了實現這一目標，網頁設計人員需要進行充分的市場調查，最大程度上了解網頁受眾的情況，這樣才能夠較好的確定整個網頁的風格與主題。而在確定了網頁的主題后，設計人員還需要在設計的過程中保證網頁本身的鮮明突出、要點明確，最終實現通過簡單的網頁頁面傳達不簡單的信息這一追求。值得注意的是，網頁還需要最大程度上保證自身的即時性，這樣才能夠更好的實現信息的傳達[2]。

2.2結合受眾需求

除了明確網頁主題外，網頁設計人員在進行數字媒體的網頁設計過程中，還需要細致了解網頁受眾人群的性別、年齡、職業以及受教育程度、生活習俗等方面的分布，并以此更好的結合網頁向受眾傳達某種情感，這樣就能夠更好的提高數字媒體中網頁信息的傳播效率。例如，對網頁受眾年齡的把握，使得設計人員能夠更好的抓住網頁設計的側重點，這樣就能夠保證該網頁設計傳達的信息更具備針對性，這自然就大大提高了網頁本身信息的傳達效率。值得注意的是，我們還需要在網頁設計中參考受眾的接受與理解信息的態度、愿望、需求以及情感等心理因素，這樣才能夠更好的為其提供服務[3]。

2.3保證風格統一

除了上述兩方面的原則外，設計人員還必須保證數字媒體中網頁設計的風格統一。具體來說，據筆者調查發現，我國當下很多數字媒體中的網頁設計存在著文字設計影響網頁質量、色彩運用與搭配影響網頁主題風格、圖片選用不合理等一系列問題，這些問題歸根結底屬于網頁設計中風格出現的問題，而這一問題也對數字媒體中網頁設計帶來了種種負面影響，為此設計人員必須在文字選擇、色彩搭配、圖片選用等方面注意保持整個網頁的風格統一，這樣才能夠更好的保證數字媒體中網頁設計的整體質量[4]。

3.數字媒體中網頁制作技巧

3.1首頁設計技巧

在數字媒體中的網頁設計中，網站的首頁一般存在形象展示型與信息羅列型兩種，一般來說信息羅列型較為適用于大、中型網站，也是我國當下最為主流的網站首頁設計選擇。在形象展示型的網站首頁設計中，設計人員需要在突出網站本身形象的同時向受眾傳達相關形象與氣氛；而在信息羅列型的網站首頁設計中，設計人員需要結合自身信息傳播特點，合理選擇“國”字、拐角、標題正文、左右框架、上下框架、封面、變化等型號的版面布局方式，這樣才能夠實現相關信息的較好傳達。

3.2風格統一技巧

上文中筆者提到了數字媒體中網頁設計必須遵循風格統一這一原則，而為了真正實現這一風格的統一，設計人員就需要從網頁設計的結構、色彩、導航欄等三個方面實現這一風格統一。具體來說，在網頁設計的結構統一中，設計人員需要保證整個網站除特殊網頁外，在網站布局、文字排版、裝飾性元素出現的位置、圖片的位置等方面呈現較高的統一性；而在色彩的統一中，設計人員需要盡量保證網站的主體色彩一致，并只在有需求的時候改變網站的部分色塊；而在導航欄的統一中，導航欄的位置與背景必須在大小、明暗、位置等方面實現統一，這樣才能夠較好的提高網站本身的特點，使更多的受眾對該網站產生深刻印象。

結論：

在本文就數字媒體中網頁設計原則與制作技巧展開的研究中，筆者詳細論述了數字媒體的概念、網頁設計的原則以及網頁的制作技巧，雖然受限于篇幅原因本文并未對數字媒體中網頁設計進行較為深入的研究，但還是希望本文論述的內容能夠在一定程度上推動我國數字媒體的相關發展。

引用：

[1]楊旭蘭.色彩在網頁設計中的應用研究[D].南京林業大學,2009.

[2]張燕.多媒體素材的無障礙設計研究[D].浙江師范大學,2009.

[3]黃曉乾,陳超.網頁設計原則與制作技巧[J].中國科技信息,2010,07:95-96.

篇3

簡約主義源于20世紀初期的西方現代主義?！昂啞辈⒉皇呛唵蔚姆爆崗碗s的設計直接簡化如此簡單，而是精簡，取其精華，去其糟粕，在精簡的同時又不失作品本身復雜的深度。我們國家古代最偉大的哲學家老子也說過“少則得，多則惑”。簡約主義的前身實際上是減少主義，減少主義的風格特點是：按照“減少、減少、再減少”的原則進行藝術創作。簡約主義風格理念的基礎仍然強調對空間功能的需求。簡約的空間設計通常非常含蓄，往往能達到以少勝多、以簡勝繁的效果。簡約主義設計風格由于延續了現代主義追求簡潔、強調功能的設計精神。

二、網頁設計現狀

1.隨著網絡時代的不斷發展，網絡設計的重要性逐漸受到人們的關注

人們上網搜集有效信息的時候，不再單單滿足于信息能看就行，是在最求信息實用性的同時，對美的追求不斷深入。為了促進網站更好的運營，網頁設計者不光是把各種信息簡單的放到網站上，就算完成網頁設計。冷冰冰的文字的摞放，毫無生氣。網頁設計還要從審美方面入手，結合使用方便的要求，設計出美觀、合理的頁面，運用一些平面設計中美的基本形式就能使網頁更加富有美感，給初次瀏覽者一個良好的第一印象，大大提升網站的自身形象。平面設計是傳統美術輸出行業但不是立體的美術構成網頁設計則是非傳統美術行業,肉眼能看見但非實物的美術構成.網頁設計中，設計師將平面設計的節奏與韻律融入到網頁設計中，是網頁設計頁面更加有條理。網頁的設計原則，既要注意網頁設計滿足使用者基本功能需求，也要注意給使用者帶來視覺上美的享受。設計者從審美的角度入手，突出自己的特色和優勢。網頁設計只有真正表現美的時候,才能發展,才具有生命力。

2.網絡設計從業者個人素質和業務水平還有待加強

網頁設計在我國出現的歷史并不長?！八麄儽绕矫嬖O計師多懂點代碼，比程序員多懂點設計，有時候他們還會搞點動畫”。這應該是對網頁設計的職業特點概括。造成這一現象的一部分原因與網頁設計招聘公司的招聘原則有關。為節約成本，提高經濟效益，網頁招聘公司多希望招聘到多能型人才，希望以一頂十，招聘一個設計師，即會網頁技術設計，又有藝術修養，原因是網頁設計師而招聘原則造成的，很多單位在招聘網站方面的員工時往往希望應聘人員什么技術都會。認為一個設計師就可以什么都做，網頁制作與網頁設計兩個方向的技術想都不想就交給同一個設計師去做。還有一部分原因是網絡設計師本人濫竽充數造成的，我們應該要注意的是，并不是高學歷就代表高能力。高材生并不是設計行業的最佳選擇。有自己獨特見解的設計人才才是精品。目前的網頁設計師，投機取巧，用以往的教條式設計模式，偷盜他人的設計形式，缺乏責任心和敬業精神，安于現狀，不認真專研業務。許多網頁設計人員注重網頁技術設計，忽視網頁藝術要求，使得表面上五光十色的網頁設計實際上沒有藝術的內涵。提高網頁設計者的業務技術水平，注重網頁藝術設計和技術的結合，這樣才能窮盡技術之長，實現藝術想象，滿足瀏覽者對網絡信息的高質量要求，也是促進我國網絡業及網絡文化發展的重要環節。

3.網絡管理立法機制不夠完善，道德體系尚未建立

網絡文化建設在創建和諧社會中發揮著重要作用。近幾年我國出臺了上百條有關互聯網的管理制度，網絡管理涉及部門多，但是沒有一部適用于互聯網領域的基本性法律，網絡文化管理技術監管水平低，網絡處于一種無法可依，無法可管的狀態。使我國的網絡文化出現了許多亟待解決的問題。網絡的匿名性使網絡道德體系尚未建立。網民們可以忽視一切規矩和約束，自由表達自己對事物的觀點和立場。在吸收多種世界文化精髓的同時，也為種種不良文化，垃圾文化提供了棲身之地。虛假，暴力，低俗等信息充斥著網絡。

三、網頁設計中的簡約主義的意義

1.簡約主義設計給用戶帶來的情感體驗相比復雜的頁面而言，是一種簡單的快樂更肉易被用戶接受和掌握。簡約更符合現代人快節奏的生活

狀態對自然簡單的需求，巨大的學習、工作壓力,使得許多人每天像上緊了發條的鐘，有的甚至連吃飯的時間都是擠出來的，這就使得網頁中大部分為了裝飾頁面的無用信息在瀏覽過程中被忽略，成了無用設計。設計師費心費力的“用心”設計，在用戶那里成了畫蛇添足。用戶根本不領情，不買賬。簡約的頁面設計更容易讓用戶抓住重點，更易于使用，更容易讓用戶滿足。

2.簡約主義設計絕不是為了簡約刪減必要信息，而是通過簡單明了的視覺流設計，在視覺上通過精簡設計元素，來是信息主次分明，重點突出

簡約主義網頁設計在設計中注意信息密度的合理刪減，通過盡量減少主頁的信息密度，曾強網站的可持續性，緩解大量圖文所帶來的視覺負擔。清新明了的網頁設計更符合中國人的審美情趣。中華民族是一個以樸素為美德的民族，質樸，清新，簡約，淡雅的網頁設計符合中華民族的審美標準。真摯自然簡約的網頁設計，更能激發網頁使用者在使用網頁過程中的情感共鳴。在中國人眼里，任何過分矯揉造作的藝術設計都會損傷藝術本身的美感。簡約主義的網頁設計也潤喊著以清淡為美的特點。通常利用線條，文字，色彩的簡介運用，給人們帶來清秀端莊的審美感受。

3.網頁簡約主義設計也符合網絡信息呈現特點

網頁信息表達與傳統的紙質印刷信息不同。網頁信息內容的數量和圖像尺寸的大小，受計算機屏幕尺寸的限制，過大的圖片會影響網絡傳輸速度。所以說網頁圖片在保障圖片清晰度的前提下，盡量要小一些。

篇4

【關鍵詞】網頁　設計　人性化

近些年來，國家開展的各項事業大都以人性化為追求的目標，這主要是對人的地位進行了充分的肯定。在網頁設計中也是如此，在網頁中的導航、文字、圖像、按鈕等等方面的設計，都應該遵循人性化的設計理念，這不僅能夠給網頁瀏覽者帶來方便，還能體現出“以人為本”的核心思想。因此，在網頁設計中應該不斷追求人性化的設計效果。

一、網頁設計中人性化設計的內在含義

所謂的人性化設計，是指將以人為本作為網頁設計的核心思想，并且按照這一方向和目標來進行設計。實現網頁設計的人性化，不僅能夠給網頁瀏覽者帶來最大程度的便捷，還能夠在很大程度上建立起人與網絡產品之間的關系，在得到便捷的網頁服務的同時，使人產生心理上的舒適，并且提高生活的質量[1]。

二、網頁設計中人性化設計的必要性

在當今物質文明極其發達的網絡時代，計算機信息技術的發展可謂是突飛猛進，給人們帶來便捷的服務的同時，也在不斷進行改變和創新。網頁是人們了解計算機信息技術本身，以及對網絡產品和網絡信息進行了解的首要接觸點，只有在保證了網頁設計在聲音、圖像、鏈接、按鈕等方面具有強烈的人性化特點的前提之下，對網頁進行文字、圖像、色彩等視覺元素的優化設計，使網頁設計具有整體性、選擇性、審美性和便捷性，才能使網頁設計的整體水平得到提高，并且將人性化的設計理念在網頁設計中完整的體現出來。所以說，網頁設計中體現人性化的設計理念是具有必要性的。

三、網頁設計中人性化設計的體現

（一）導航設置中人性化設計的體現

在網頁的構成中，導航是最基本的設置，也是一種必要的設置，導航具有引導人們進行網頁瀏覽的信息功能，是網頁設計中人性化追求的基本要求。因為人們在進行網頁的瀏覽時，需要有一定的標志性信息，來指引人們搜索想要得到的信息，這時就需要導航來輔助人們進行網頁瀏覽，為人們提供清晰的、明確的指導，瀏覽者可以通過細致的指導來進行瀏覽，為用戶提供便捷的服務，這是網頁設計中體現人性化理念最基本的要求。

（二）鏈接設置中人性化設計的體現

鏈接是網頁設計中的樞紐，是各個網頁之間進行連接的紐帶。在用戶瀏覽網頁時，可以在導航的指引下，靈活的進行網頁之間的跳轉，隨時訪問自己想要瀏覽的網頁，并且不論是處于哪一界面之下，都能夠隨時回到網頁的主界面中。鏈接作為整個網頁設計中的神經系統，將網站中的各個部分和各個環節進行了緊密的聯系，每一部分都各自成頁，并且這些部分又同時統一于網站之中，用戶可以便捷的進行網頁瀏覽，以最簡單、最直接的方式進入自己想瀏覽的網頁之中。這種網頁設計的便捷性，是人性化設計的重要表現形式。

（三）按鈕設置中人性化設計的體現

若鏈接是網頁設計中的神經系統，那么按鈕就是作為神經元而存在的，是鏈接中的關節部位[2]。按鈕的設置在很大程度上決定了鏈接能否快速、簡單的為用戶提供網頁跳轉的服務，由此可見，按鈕在網頁人性化設計中的重要性。而實現按鈕人性化主要有以下兩個方面的要求：首先，按鈕必須要具備一定的識別性，通過采用清晰醒目的色彩，或者是調整按鈕的大小等方式，使按鈕能夠引起人們的注意，搶占人們的眼球，并且將按鈕放置在顯眼的位置上。其次，按鈕的設置還應該具有一定的固定性特點，將按鈕設置在網頁的上部已經成為網頁設計中一種約定俗成的規定，更加促使按鈕為人們提供便捷的瀏覽服務，實現網頁中按鈕設計的人性化。

（四）圖像設置中人性化設計的體現

在網頁中，圖像是主要的視覺元素組成部分，在網頁中占據了大量的篇幅。近年來，網頁中的圖像設計變得越來越花哨，令人產生一種雜亂的感覺。而圖像主要是為了實現傳遞信息的目的，而是不作為一種藝術表現形式而存在的，這就需要網頁設計者明確圖像設計的意義，在進行設計時更加注重圖像的清晰明了，讓瀏覽者能夠準確及時的抓住圖像中表達的信息，減少瀏覽網頁的時間，提高瀏覽網頁的速度，優化圖像的設計，實現圖像設計的人性化。

（五）動畫設置中人性化設計的體現

在網頁設計中增加動畫設計，主要的目的就是為了減少網頁的單調性，改變網頁設計中只有靜態設計而無動態設計的狀態[3]。但是，在進行動畫的設置時，不能使動畫過多、過長。若設置的動畫過多，很可能造成網速的下降，影響用戶瀏覽網頁的速度，而動畫過長又會使用戶產生一定的厭倦心理，難以達到最佳的動畫設置效果和目的。因此，在網頁設計中對動畫的設置要合理，不論是在數量還是在長短方面都應該以人性化的理念來進行設計。

通過上文的闡述，我們能夠總結出，網頁設計是計算機信息技術重要的組成部分，在網頁設計中體現人性化的設計理念也是當今社會網頁設計的目標和發展方向。實現網頁設計的便捷性、協調性、整體性、清晰性，并且對網頁中的各個視覺元素進行合理的優化配置，是網頁設計中人性化設計理念的體現和追求。因此，網頁設計人員在進行網頁的設計時，要時刻秉承著“以人為本”人性化的設計理念，以滿足用戶的實際需求為目標，逐漸改變原有網頁設計中的不合理的現象，對鏈接、按鈕、導航、圖像和動畫等重要的網頁構成部分做進一步的優化設計，并且將人性化的設計理念貫穿于網頁設計的始終。

參考文獻：

[1]李湘媛.淺談網頁設計中的色彩語言表達[D].紀念中國流行色協會成立三十周年：2012中國流行色協會學術年會學術論文集，2012，11(30).

篇5

【關鍵詞】網頁設計；計算機圖像處理技術；應用解析

在計算機技術和網絡技術飛速發展的背景下，網頁設計呈現出蓬勃發展的趨勢。網頁設計的最終目標是借助于文本、圖形、圖像、聲音、視頻等多種媒體表現形式，將所要表達的思想、內容展示給網頁瀏覽者。在激烈的市場競爭中，商業性的網頁越來越多，對于網頁設計的要求也越來越高。網頁既要客觀呈現事物，又要精彩美觀。圖像在網頁設計中起著至關重要的作用。在網頁設計中應用計算機圖像處理技術，可以提高網頁設計的自身效果，也是市場需求的必然選擇。

1網頁設計中的使用圖像的意義

在網頁設計中引入適當的圖像，可以增強網頁的藝術感染力和視覺沖擊力，更好的傳遞出網頁設計的主題思想，吸引瀏覽者的注意，也可以體現出網頁的設計風格?？偟膩碚f，圖像具有信息傳達和視覺吸引的功能，在網頁設計中起著非常重要的作用[1]。

1.1信息傳達功能

圖像本身就是一種傳達信息的重要手段。在文字敘述的區域，引入適當的圖片，能夠更快、更形象、更直觀的突出文字的主題，傳遞出網頁的主要內容。圖像與文字相比更容易引起瀏覽者的關注。采用文字和圖像結合的方式，可以幫助瀏覽者快速找到所需要的信息。圖像能夠美化網頁，將相關的內容、理念等信息直觀、高效、形象的傳達給瀏覽者。

1.2視覺吸引功能

在網頁設計中，包含許多的媒體類型，比如文字、圖像、聲音和視頻等。只有文字的版面會顯得過于單調。圖像更容易吸引瀏覽者的目光，增強網頁的視覺吸引效果。圖像與文字的有機結合，對網頁設計的協調性和美觀性非常重要，可以刺激人的大腦，提高瀏覽者閱讀的興趣，從而達到網頁設計的目的。

2計算機圖像處理技術闡述

計算機圖像處理技術起源于20世紀末，它是以圖像為基礎，利用計算機技術對圖像進行加工和處理的。計算機圖像處理技術結合了多媒體技術、數字化技術等，主要包括圖像的平移、旋轉、裁剪、去噪等前期預處理技術，圖像的增強、復原、分割、重建等中期處理技術以及識別、分析、編碼、壓縮等圖像后期處理技術。早期，計算機圖像處理技術主要應用于航天事業，但隨著計算機和網絡技術的迅速發展，計算機圖像處理技術被廣泛的應用到網頁設計中，得到了眾多網頁設計者的認可。利用計算機圖像處理軟件可以對圖像放大、縮小、合成、色彩調整、創意設計和制作特效等，使圖像與網頁的主題相一致，進一步達到美化網頁的功能。計算機圖像處理技術在快速的發展進步，功能也在不斷的完善。如今計算機圖像處理技術在網頁設計中具有非常重要的地位。

3計算機圖像處理技術在網頁設計中的應用

3.1網頁設計中常用的圖像格式和選擇技巧

計算機圖像格式種類繁多，選擇適合的圖片格式可以提高網頁設計的效果、節約下載時間以及較少服務器的負擔。在網頁設計中應用較多的圖片格式有GIF格式、JPEG格式和PNG格式[2]。1)GIF格式。GIF格式英文名稱為GraphicsInterchangeFor-mat，可以翻譯為圖形交換格式。GIF格式的圖像分為靜態和動態兩種類型，采用無損壓縮存儲方式，但是限制了色彩的表現能力，只支持256色以內的圖像。在不影響圖像質量的情況下，可以生成很小的文件。它支持透明色，圖像可以浮現在背景上面，也可以制作動畫，這是它最突出的一個特點。GIF文件的特點順應了互聯網的需求，幾乎所有的瀏覽器都支持這種格式，于是它成了互聯網上最流行的圖像格式。2)JPEG格式。JPEG格式是一種支持8位和24位色彩的壓縮位圖格式，是一種有損壓縮，文件較小。JPEG的壓縮技術十分先進，它具有調節圖像質量的功能，可以設置壓縮比例，壓縮比越大，圖像品質就越低，壓縮比越小，圖像品質就越好，同時，色彩的信息保留非常好。JPEG非常適合儲存色彩豐富的圖片，例如照片等，圖片有輕微失真肉眼也很難辨別出來，但是它不適合存儲線條、圖標或文字等邊緣非常清晰的圖片，特別適合在網頁和網絡中使用。3)PNG格式。PNG格式英文名稱為PortableNetworkGraphicFormat具有文件小、無損壓縮、支持透明效果的特點。PNG格式存儲灰度圖像時，灰度圖像的深度可多到16位，存儲彩色圖像時，彩色圖像的深度可多到48位，還可存儲多到16位的α通道數據。雖然PNG采用的是無損壓縮，但是PNG格式圖片還是會有不同程度的失真。PNG8最多只能索引256種顏色，如果圖像的顏色較多的話不能真實還原；PNG24則最多可以保存1600多萬種顏色，基本能夠真實還原我們肉眼所見的所有顏色。PNG格式廣泛應用于JAVA程序、網頁或S60程序中。設計師需要根據實際需求來選擇不同的圖像格式。存儲圖像時選擇JPG還是PNG的主要依據是圖像上的色彩層次和顏色數量。當圖像的色彩豐富,并且邊緣線條沒有銳利反差時,選擇JPEG格式可以得到最好的輸出結果；當圖像是有明顯邊緣的線條圖、沒有太多色彩或者需要制作透明背景時，GIF格式是最好的選擇；而PNG-24格式雖然看起來非常完美，但是需要考慮瀏覽器的支持問題，雖然現在大多數的瀏覽器都支持它，可是IE6是不支持透明的PNG圖像的。現在IE6或更早的版本使用者不會太多，但是設計師也要將這個因素考慮在內的。另外頁面結構的基本視覺元素，如Banner、商品圖片等對質量要求不是特別高的，可以使用JPG進行存儲降低文件大小。

3.2網頁設計中常見的圖像形式

圖像的形式多種多樣，網頁設計中應用較多的有攝影、截圖、簡單圖形、連接圖片等。為了讓網頁內容豐富且有藝術感染力，設計師需要將多種圖像形式應用到設計中。攝影是網頁設計中圖像素材的重要來源，攝影配圖是最簡單，也是最常見的配圖方式。攝影圖像屬于寫實性的，有較強的直觀感，可以將瀏覽者帶進特定的情境中。攝影圖像經過計算機圖像處理技術加工處理后，結合相應的文字描述，很容易被人們所接受和喜愛。另一種應用較多的是插圖。在網頁中，插圖經常用在描述性的文字的四周，既能增強直觀感，又能起到延伸文字和拓展信息的功能。插圖可以表現寫實性的圖片，也可以表現抽象類的圖片，具體根據實際需要設計。此外，還可以在網頁中插入一些有特色的圖形符號等圖像形式，以增強網頁的藝術魅力和視覺沖擊力。

3.3網頁設計中圖像的角色和職責

在網頁中圖像有多種角色，比如網站的LOGO、背景圖、網頁關鍵圖和導航等，角色不同，職責自然也不同。下面對其中較為重要的3種角色類型做介紹：1)網站的LOGO。LOGO是網站的標志，也是網站的名片。它是互聯網絡上各個網站之間鏈接的圖形標志，是網站提供給瀏覽者進入網站的一個門戶。圖形的LOGO比文字鏈接更吸引人的眼球。從某種程度來講，LOGO決定著一個網站的點擊率，可以說是一個網站的“點睛”之處。對于一個高品質的網站，一個好的LOGO能夠反映網站的某些信息，比如網站類型、內容和風格等。提起LOGO，我們很容易想到一些熟悉的網站，比如百度、搜狐、新浪等，這就是品牌的效應。LOGO大多是網頁設計師切合網站的理念、文化特色精心設計的，兼備功能性和藝術性，給瀏覽者帶來藝術美感的視覺享受和高度的信賴感。2)網頁的背景圖。近年來，一些網站使用背景圖像作為背景，給瀏覽者一種視覺沖擊感。背景是網站的主要組成部分。對于一個網站來說，背景圖一定要簡單，效果不能太過強烈，只要提供一點質感就可以，否則就搶了頁面內容的風頭。如果背景圖的設計與網站融為一體，并且富有特色，色彩視覺效果處理得當，就會對瀏覽者產生很大的吸引力，瀏覽者有興趣進一步瀏覽網站。那么這個網站在同行業中便會出類拔萃，在網絡營銷上也會占據優勢。3)網頁的關鍵圖。網頁上通常都有一些很醒目的圖像，用來吸引瀏覽者的注意力。在網頁中插入圖像的主要目的是用來宣傳一些主題，一般在頁面最顯眼的位置，不需要過多的文字描述信息，瀏覽者看到圖像就能知曉其所表達的含義，表達內容非常直觀，視覺沖擊感非常強。

3.4網頁設計中圖像的處理技巧

3.4.1圖像的尺寸網頁要達到理想的效果，圖像的合理布局就顯得尤為重要。設計師就需要靈活運用計算機圖像處理技術，熟練掌握圖像處理技巧[3]。圖像的尺寸直接影響網頁的直觀效果。尺寸大的圖像包含的內容豐富，能夠更好的表達出設計意圖。尺寸較小的圖像，一般個性感強，具有襯托主題的作用。使用矢量創作工具制作的圖像通常保存為PNG格式，尺寸需要在矢量繪圖工具中確定，轉換為位圖后一般不再對其進行縮放操作。特別需要注意的是，Fireworks創建的PNG文件中包含圖層等一些可編輯信息，其中直線、文字、形狀都屬于矢量圖。將此類圖像應用于網頁設計中應先進行輸出以便壓縮文件大小，而輸出的PNG圖像會丟掉可編輯信息而轉為位圖。因此，圖像尺寸的調節應在輸出操作之前完成。對于現成的位圖和照片，不要使用HTML語言中的height和width屬性來改變圖像尺寸，這樣可能會使圖像嚴重失真。一般使用Photoshop等軟件調好尺寸后再插入到網頁中。通常，放入網頁中的圖片應控制到一個比較小的尺寸。如果與文字混排，寬度最好在300px左右。即便單獨出現，寬度也最好在600px以下。至于高度，以不超過一屏為宜。

3.4.2圖像的外形不同類型的圖像有不同的特色。比如，我們看到矩形的圖像，就會有一種中規中矩的感覺；圓形圖像給我們一種親切溫暖的感覺；不規則的圖像會呈現出動感、有活力的感覺；菱形圖像能夠增加網頁的美感。因此，我們需要將合適的圖像應用到相應的網頁設計中。

4結束語

綜上所述，網頁設計是一項涉及領域較為廣泛的工作，要求網頁設計師具備較高的專業技能。計算機圖像處理技術在網頁設計中展現出巨大的優勢，將其應用到網頁設計中，大大的提升了網頁設計的質量與效果。在不久的將來，隨著計算機技術的發展，計算機圖像處理技術一定會取得更大的進步，網頁設計也會更加完善、更加精彩。

參考文獻

[1]蔣麗君.淺談網頁設計中計算機圖像處理技術應用[J].商品與質量:消費研究,2015(1):71.

[2]仇樂.網頁設計中計算機圖像處理技術應用解析[J].煤炭技術,2013,32(3):204-205.

篇6

1.1良好的交互功能

Flash雖然不能像一門語言一樣進行編程，但是利用ActionScript腳本代碼來進行互動性編寫，則能讓設計者制作出高品質的、交互性強的復雜網頁動畫，并以各種與用戶互動的形式出現在網頁中，如網頁中的片頭動畫、Flash交互式游戲、廣告動畫等等，Flash這種交互式特點也使得應用Flash設計的網頁成為當今被關注最多，使用最多，市場前景最大的網頁類型。

1.2多元的信息表達

傳統意義上的網頁一般都是通過圖文的方式進行內容的表達，而應用Flash設計的網頁則能通過多元化的方式將信息傳達出去，如圖片、視頻、動畫等，相比于傳統網頁來說，這種更加動態的信息表達方式更具靈活性，所呈現出來的效果也更為明顯，同時也更能被信息用戶所接受。

2Flash在網頁設計中的應用方式

如何在網頁設計中有效應用Flash技術是每一位網頁設計者值得思考的問題。不同的網頁所面對的用戶對象不同，因而需要在了解網頁設計的目的和受眾的群體基礎上有針對性地靈活應用Flash技術。例如，查詢搜索類網頁由于功能單一，需要盡可能少用Flash技術，否則容易起到喧賓奪主的效果。而廣告娛樂類網頁由于指向性強，因而可以采用Flash方式與用戶互動，增強網頁的吸引力，使瀏覽者享受最佳的視覺體驗。一般來說，Flash在網頁設計中的應用主要分為部分和整體兩種方式。

2.1部分應用

網頁這個新媒體最大的吸引力就是能真正的實現動感和交互。目前，只要任意打開一個網頁，基本上都能看到Flash的“影子”，有的網頁將引導界面設計成Flas的形式，有的網站導航設計成Flas過程，有的網頁在Logo設計中應用了Flash，還有的在網頁登陸界面應用了Flash，可以說，Flash已經成為網頁設計中最活躍的因子。Flash的部分有效應用給網頁提供了豐富的視覺效果，也為瀏覽者提供了極大的方便，同時給用戶以深刻的印象。但是，Flash的部分應用也應該根據網頁的具體情況而定，切不可濫用，避免因過于花哨而影響瀏覽者的閱讀，最終影響網站的宣傳和推廣。

2.2整頁應用

當前，也有一些網頁在設計過程中整體應用了Flash技術，這點在廣告、傳媒、設計、咨詢等行業的公司最為凸顯。為了追求美觀，彰顯個性這些公司將整個網頁全部采用Flash來進行設計，包括網站的引導界面、頁面的所有視頻、交互式廣告、網頁的各級導航欄、文字、圖標、按鈕等。與普通網頁相比，整體應用Flash設計的網頁觀賞性更高，藝術效果更強，對于展示宣傳產品，推廣企業形象具有極強的現實意義。整頁應用Flash技術設計網頁時，主要包括兩個內容：①整體結構架構。在確定網頁主題后，將網頁內容劃分為若干個模塊，同時理清網頁結構關系圖。②Flash素材填充。針對每一個模塊內容的不同，有針對性的準備Flash素材，如圖片、聲音、動畫等，并進行合理的填充，盡可能地使每一模塊內容能夠完美呈現。③部分模塊整合。在制作完每一個子模塊的版面內容后，就需要對其進行整合，最終使其成為一個完成的Flash網頁。

3Flash在網頁設計中的發展趨勢預測

Flash作為一款功能強大的軟件，匯集了圖片、文本、音視頻、動畫等各種元素，以Flash技術為支撐設計出來的網頁在視覺表現上較普通網頁更具沖擊力和感染力，因而更能吸引人們眼球，從而實現網頁的宣傳效應。隨著Flash技術的更新換代，基于Flash技術設計的網頁也在不斷變化中，從最初應用于網站片頭的零星點綴，到如今大量應用于網站導航、產品宣傳、技術服務等領域，并成為現在網頁設計的主流手段。可以說，Flash技術將逐漸成為未來網頁的一大主流。

4結語

篇7

1.文字的編排設計

文字是最普遍使用的視覺符號元素。文字的編排設計有字體的選擇、創造以及運用等。在網頁頁面設計中，與其他視覺元素相比文字更具有辨識性。所以說，只要對文字進行編排設計，瀏覽者就更加容易接受所傳達的信息。在處理文字造型時要適應文字的形態構成、空間布局、色彩搭配。通過設計與編排，文字提高了信息的準確度和可讀性，從而達到良好的視覺傳達效果。

2.圖形圖像元素

圖形圖像是網頁中最重要的設計元素之一，具有直觀、形象的特點，因此易于瀏覽者理解和接受。圖形圖像的有效應用使網頁更加美觀、生動，這有利于信息的傳達。圖形圖像在網頁設計中有著傳達性、裝飾性、表現性、趣味性、超越性等重要功能。網頁頁面主要是向瀏覽者傳達信息。圖形圖像是最基本的實用功能，對圖形圖像采用夸張、象征、比喻的手法來體現視覺效果，可以讓瀏覽者更快、更準確地了解信息。個性化的網頁設計，新穎的圖形語言，人性化的組合方式，往往會更加引人注目，給瀏覽者獨特的視覺體驗。圖形圖像使得“藝術無國界”，它用特殊的語言來傳達信息。網頁作為全球性的媒介，當瀏覽者在網頁上找不到自己熟悉的語言版本時，圖形圖像大致了解了他們的信息需求，拉近了信息的傳達者和接收者之間的距離，消除其陌生感。

3.色彩設計

在網頁設計中色彩的主體色調具有先聲奪人的力量，網頁讓瀏覽者產生心理共鳴。運用色彩傳達信息，增強了網頁的可理解性和易識別性。色彩產生了強烈的視覺效果，使得頁面更加生動。色彩設計是頁面設計的語言，是網頁頁面設計中的重要元素。色彩在網頁設計中有視覺區域的劃分、重點主題的突出、視線的吸引。只有利用色彩的力量，不斷設計出各式各樣的優秀頁面，在網頁頁面設計中，色彩的應用或含蓄優雅，或端莊大方，或單純簡潔等，但無論哪種形式其目的都是為了引起瀏覽者的關注，增強網頁視覺信息的傳遞。

4.版式設計版式

在網頁頁面設計中有著實用功能和審美功能。網頁版式設計的實用功能就是人機交互。在網頁設計時要了解網站的目的及想傳達的信息，不同的網站都有不同的特色、重點。網頁中設計的導航欄和空間劃分組合的版式編排，及清晰合理的設計元素要符合整體風格，版式合理有序的排列使得信息有效傳達。網頁版式中的審美功能是為了滿足瀏覽者的心理需求，瀏覽者在瀏覽網頁的同時，版式設計使他獲得了快樂與舒心的體驗。網頁版式各視覺要素要進行平衡與調整，使其成為一個有機的整體。保持布局設計的獨特風格，可以提高網頁界面的視覺表達和感染力度。

二、數字網頁設計中的媒體視覺傳達

1.網頁主題及整體風格的視覺傳達

網頁設計首先要明確主題的設計和建立網站的目的，要及時進行市場調查，了解網站受眾的情況，確立網頁的整體風格，使網站的全部信息按照主題來設計。網頁設計做到鮮明突出、要點明確，以簡單的頁面傳達不簡單的信息。網頁的表現形式要與內容統一，而整體風格要與主題前后一致。同時，信息要及時更新，使網頁頁面中所掌握的信息一定是即時最新的，這樣才能增加網頁的訪問量，有利于信息的傳達。

2.網頁設計的受眾及情感傳達

網頁設計需要對受眾定位，不同受眾主要體現在人的性別、年齡、職業以及受教育程度、生活習俗等方面的差異。從年齡上看，不同階段年齡的受眾所關注的事物各不相同，因此在網頁設計時可以把握這種特點，使得網頁設計更加具有針對性。人們在接受和理解信息時受態度、愿望、需求和情感等心理因素的影響，所以會對信息有選擇性，這種需求心理的差異決定了網頁上的視覺信息應當盡可能的豐富，才能為更多的受眾所用。

3.網頁設計在視覺傳達中應注意的問題

首先，網頁的版面設計。在頁面上，圖片和文字同時展示給用戶，將所有產品都放在一個網頁上，不分主次，這樣導致瀏覽者找不到自己所需的信息。其次，文字設計影響到網頁的質量。為了突出字體內容，會將字體加大，加下劃線和使用藝術字體。將字體和段落有序組織，才不缺乏視覺美感。再次，色彩的運用和搭配也極為重要。色彩搭配要合理、適度，主體風格要統一，才能夠給瀏覽者一種美的享受。為了網頁有視覺沖擊力，將風格不同、顏色各異的圖片、文字等放在頁面上，卻適得其反。最后，圖片的不合理導入?，F在很多網頁設計中圖片的選用不合理，編排不得當，使得頁面零亂、空洞，極大影響了網頁視覺傳媒的質量。

三、結語

篇8

《電子商務網頁設計與制作》課程早前在高職國際貿易專業中并未開設。然而，隨著現代網絡技術以及信息技術的飛速發展，信息化已經進入了幾乎所有行業，國際貿易行業也不例外。國際貿易與信息化及電子商務技術的融合表現的日益緊密，外貿電子商務大大地增加了全球各經濟體之間的貿易機會，降低了跨地區的交易成本，提高了貿易效益。

二、高職國際貿易專業《電子商務網頁設計與制作》課程現行大綱

《電子商務網頁設計與制作》課程作為國際貿易專業學生新增的一門必修課程，旨在通過教學使學生掌握電子商務網頁設計與制作的基本知識與基本技能，即熟練掌握HTML語言的基本規則，運用DIV與CSS布局設置，使用網頁編輯工具制作網頁以網頁的知識與技能，從而使學生更好地適應國際貿易專業的崗位需求。

該課程現行大綱包括以下內容：電子商務網站的定義及功能、電子商務網站的構成、特點和分類、電子商務網站的開發工具介紹；HTML簡介、HTML概述、HTML文檔結構、通用屬性、文本格式的應用、標題標簽、字體標簽、格式變化標簽、特殊符號、列表與超級鏈接的應用、列表標簽；HTML超級鏈接、背景標簽、背景顏色、背景圖片、網頁中的圖片、顯示圖片、設置圖片大小、邊框、水平與垂直間距、圖片對齊方式；網頁中的表格、合并單元格、單元格對齊方式、表格背景、表格邊框、單元格間距；網頁中的表單的創建、表單元素的添加；CSS樣式表介紹、字體設置、排版；顏色和背景設置、超鏈接設置；層的基本概念、層的基本操作、層屬性設置、層邊框、邊距、使用層進行網頁布局；CSS+DIV列表設計、CSS+DIV列表應用；CSS+DIV導航設計及應用；品牌銷售網頁設計、商品詳情網頁設計、促銷專題網頁設計、網頁綜合實訓。

三、高職國際貿易專業《電子商務網頁設計與制作》課程教學中的特點及問題

（一）課程教學中的特點

1.國際貿易專業的學生對該課程的學習表現出了濃厚的學習興趣：該課程作為一門計算機技術類課程，在內容及上課形式上使學生感到新鮮這是他們對課程表現出興趣的最初原因；其次，通過該課程學習，他們自己編寫相關HTML文檔，通過瀏覽器可以看到預期效果，是他們產生更為濃厚興趣的根本原因。

2.國際貿易專業的學生對標記的理解與掌握較計算機類學生更好。通過分析，我認為國際貿易專業的學生較其他專業學生（比如說計算機類專業學生）具有強大的英語方面的優勢，他們的英語功底普遍扎實，因此對標記的含義理解和記憶更為容易。當然作為文科生扎實的記憶功底以及良好的學風也不無關系。

（二）課程教學中存在的問題。

1.團隊協作方面不夠好。在實際工作中網頁的設計與制作是需要多人合作完成的，但是在教學過程中存在這樣的問題，讓學生獨立完成一個任務的效率通常要高于兩人或多人的效率，尤其人數越多效率越低下。

2.網頁設計能力較弱。由于沒有先導課程以及課程課時相對較少，多數學生的網頁設計能力相對薄弱。頁面看起來很花哨，但是缺乏設計主題且頁面之間風格無法統一，因此網頁的視覺效果欠佳。

3.邏輯思維相對欠缺。在使用DIV進行頁面布局時需要用到空間及數學計算等知識，但是由于專業特點，邏輯思維相比理工專業學生邏輯思維相對欠缺，對于空間及空間長寬計算處理能力較弱，甚至理解有一定困難。

4.課程與專業結合不夠緊密。課程開設目的是為了適應國際貿易與信息化及電子商務技術的日益緊密融合。但是由于現行大綱教學內容設置以及授課教師對國際貿易專業了解把握度有限，使得課程與專業結合存在，但是不夠緊密。

四、對高職國際貿易專業《電子商務網頁設計與制作》課程的教學建議

1.在課程教學中融入對學生團隊協作能力培養。

2.在大綱設計中突出網頁設計能力培養。該課程的兩個技能點是設計與制作，其中設計更難把握。由于沒有先導課程，需要在課程中加大設計能力培養與訓練，并相對增加這方面課程的課時量，相對應總的課時也需要相應增加。

3.教學過程中對學生邏輯思維進行訓練，對于難理解的采用更為形象的講解。上課過程中，發現學生對DIV進行頁面布局涉及到的空間及空間嵌套以及空間大小理解有困難，在今后的教學過程中可以采用由簡入難、舉一反三、在紙面上畫出等方式幫助學生理解。

篇9

網頁設計中色彩搭配往往是設計師設計的重中之重，因為網頁設計的一個重要的特點就是讓瀏覽者以第一眼的感覺對網站進行基本的認識和定位，這個第一眼的概念就是瀏覽者不會在一瞬間對文字性的內容有太多的印象，而是停留在網頁大面積的色彩帶來的沖擊上。因此色彩的搭配在為網站取得美好的第一印象的行動中顯得尤為的重要。目前的網頁設計中也有許多的設計師們意識到了這一點，于是有部分設計師在對網頁進行設計時采用了非常搶眼的純色，不可否認的是純色的運用確實會在第一眼的視覺感受上造成很大的沖擊，但純色對于一個瀏覽者對網站的長期瀏覽是十分不利的，因為純色不僅會加大瀏覽者的視覺疲勞感，還會會使瀏覽者對網站產生不利的品牌認識。在對幾個優秀的網頁設計作品進行對比和總結之后我們發現他們幾乎有一個共同的特點，就是色彩上的留白。當然，這種留白并不是指他們的網頁設計大面積的使用白色，而是他們在選用色彩時除了對需要強調的部分使用了必要的純度較高的顏色進行突出外，其他的版面都采用了顏色純度較低的高級灰，而且這些高級灰的面積較大，有一些甚至無限接近于白色。這種色彩上的留白使得整個網頁設計的品味和內涵都得到了較好的體現，而且使得瀏覽者在對網頁產生了相對較好的第一印象之后也非常愿意應留在網頁上進行進一步的瀏覽，既欣賞了網頁的色彩，也對網頁想要傳達的其他內容有了一定的了解。

二、網頁設計中文字表達時的留白

文字內容對網頁設計也具有相當大的影響，因為瀏覽者在對圖片進行了第一印象的判斷后緊接著就是對文字的印象了，因為一件優秀的網頁設計作品不僅是色彩對瀏覽者的吸引，當瀏覽者停留下來開始對文字進行欣賞時，文字的重要就變得不言而喻了。然而文字的表達也絕非只是將網站的內容簡單的以文字的形式呈現出來那樣簡單，其中的講究我么也是經過了大量的對比和學習才發現了其中的一些規律，簡而言之也就是在網頁設計中對文字的表達也要進行留白處理。文字的表達應該如何留白處理呢？其實并不難，因為文字本身也是有一些留白的結構的，所以設計師在設計網頁的文字時一定要結合文字本身的留白結構，再結合頁面設計的需要對文字進行合適的的處理。且文字的留白還有一點很重要，就是當一件網頁設計中需要的文字信息量很大時可以對文字本身進行平面化的處理，使文字成為一種設計元素而非成為阻礙網頁設計效果的障礙，但網頁設計中無論用什么方法去處理文字都應該將文字表達中最重要的部分進行強調，以免在經過多種藝術手法的處理之后反而使得文字無法有效的傳達出網頁所要表達的信息，進而造成網站的主題不明，寓意不明等問題。文字的表達在網頁設計中必不可少，國內外許多優秀的網頁設計都在文字的處理上讓人們拍手稱贊，其中不難發現無論使用了那種形式的處理方法，留白都是這些優秀文字處理手法的核心所在，所以，當大量的文字內容使得網頁設計的效果不盡人意時我們應該停下來思考一會兒，是不是應該考慮進行留白了呢？

三、網頁設計中版式設計時的留白

篇10

關鍵詞：布局；網頁設計；運用

中圖分類號：TP393.092 文獻標識碼：A 文章編號：1007-9599 （2013） 01-0111-02

1 布局的重要性

在網頁設計中，布局主要是利用各種元素在布局處理中的方法以及規律。從規律性上來講，其主要的特點就是重復布局、近似布局、漸變布局、發射布局、特異布局，從非規律性的特點上來講，主要表現為密集布局、分割布局、對比布局、肌理布局、空間布局。在網頁設計中，布局作為整個設計的結構因素，必須要在布局中，通過科學安排相關的功能和區域，運用不同的形態、材料，重新組合成為一個新的單元，并賦予視覺化概念，將相關基本形任意組合成新的視覺元素，才能達到應有的設計效果。另外，布局關系到網頁設計文化和水平的好壞，通過點、線、面的運用，以及各個元素之間關系的正確處理，滿足不同文化環境對網頁設計的要求，以便順應人們的視覺感受，打動觀看者的視覺，進而達到設計想要的效果。

2 布局的運用技巧

2.1 圖片的應用。圖片作為網頁中的重要組成元素，是說明網頁內容和美化頁面的關鍵。因此，需要設計師把握布局設計理念，把圖片加到適當的地方，利用圖片對頁面進行處理。如利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復雜顏色變化的小塊優化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優化為gif，這是由這兩種格式的特點決定的。

2.2 頁面排版的應用。在網頁設計中，頁面排版作為視覺傳達的重要手段，同樣，決定著網頁設計的成敗。頁面排版包括頁面距、版面設置、表格處理、頁碼格式等內容，種類繁多，需要設計者從中尋找相關的規律，要根據網頁的形式，利用特異處理，將一些相同的基本型中出現一個形狀或者大小特異的基本型進行整合，進而達到和諧統一的畫面效果機理。在這里我們以表格的處理為例進行說明：表格（table）是頁面中的重要元素，是頁面排版的主要手段，可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。如在使用Dream weaver制作網頁時，會自動在每一個td內添加一個空字符“ ”。如果單元格內沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內將其刪去。因此，頁面排版時，可以通過各種手法，如頁面尺寸、文本、頁頭、頁腳等進行排版處理，按照設計要求，采用好的排版方案，形成各種不同的機理效果和空間效果，并在二維空間來表現三維，從而產生一定的視覺沖擊力，同時，利用各基本型相互之間對比形成的一種互補的視覺分割狀態，保證在作品中所有元素形成統一的狀態，強化作品的空間表現形式。

2.3 造型組合的應用。造型代表著一個頁面的整體形象，而這種形象一定要突出整體性。在網頁設計中，要利用經典圖形，用最簡單的設計技術創造經典的視覺效果，同時，這也是創意和理論的高度結合，簡單來講，就是在確定好圖形與背景之間的關系，通過雙重意象的構建、產生與形成，吸引觀眾的注意力，使得他們的視線更多集中在圖形或背景上，因此，這就需要強化頁面布局的局部以及整體效果。比如我們平常所見到的頁面布局，其在背景和圖像的區別雖然不明顯，但是卻存在著一定的差異，由黑白條紋所布局，用上下交錯的手法創造出了雙重意象，給觀者造成一種視覺上的錯覺，能夠讓人反復的觀賞畫，成功地吸引了注意力。

因此，平面造型組合的應用，需要從以下方面做出努力：一、要注意點、線、面三者的綜合運用，不能等同，要以其中一種元素為主其他為輔，否則元素越多就越容易凌亂，統一感就越難把握；二、在網頁設計中，要點是設計，因此，要有創意，有個性，搶眼睛，要有較強的吸引力，可以，在設計時用直白的手法，告訴人們設計的主題和所要表達的觀點，既要滿足對比、協調性，在于與眾不同，同時，還要用色彩突出創意設計。這樣，在頁面布局處理時，突出其良好的對比性，通過相關的對比因素的處理，引起人的注意，吸引人的關注，并且結合相關的視覺元素，如動畫、圖片以及文字等，使其形成良好的協調關系。

3 網頁設計的優化

3.1 體現網頁設計的對比與統一

首先，對于布局，需要通過色彩布局，強化接觸的布局，在實際處理中，通常會運用多位黑白，或者黑白灰的方法，一方面是為了避免布局感受到色彩的影響，另一方面，是為了通過色彩布局，強化整個網頁的統一性與和諧性，為此，需要設計人員要注重對色彩的運用和搭配，利用布局中的色彩的明度、純度、對比度等交錯搭配，增強頁面效果。與此同時，用于對比的色彩，線條粗細要富有變化性，節奏有序。其次，通過對比與統一的應用，強化整體感。我們知道布局在二維的空間用點線面的元素來使畫面和諧，可以采用任何一種元素來完善畫面，例如點的元素，線的元素或面的元素。其核心只有一個，通過多個

元素的疏密關系，濃淡關系等使畫面和諧。也就達到了設計的目的。而布局作為網頁設計的基礎，必須要體現其格式的靈活性、創新性。

3.2 增強頁面設計情感效果

在頁面設計中，對于其情感特征的體現，主要來源于點、線、面的綜合運用，因此，在設計時，需要通過對這三個要素進行分析、搭配以及處理，突出設計的主題性，一方面，既要滿足設計要求，另一方面，還要激發觀賞者的情感因素。因此，在頁面設計中，要想更好地表達設計主旨與設計要求，從而引導觀者的情感，則要從下面的幾點入手：首先，頁面設計中情感特征的體現，主要來源于點、線、面的綜合運用，因此，在設計時，需要通過對這三個要素進行分析、搭配以及處理，突出設計的主題性。其次，要運用平面構成的形態要素，奠定形式美的設計法則，利用點、線、面的構成，體現頁面設計的發射構成、空間構成、打散構成，強化設計的鄰近對比、補色對比、冷暖對比、面積對比，從而更好地強化人們的觸覺肌理和視覺肌理。另外，要運用不同的形態、材料，重新組合成為一個新的單元，并賦予視覺化的、力學的概念，將相關基本形任意組合成新的視覺元素，通過點、線、面的運用，正確處理好各個元素之間關系，既要滿足設計要求，也要激發觀賞者的情感因素?？傊W頁設計涉及的東西也是比較豐富的，包括廣告類的創意與制作，需要設計人員要具備豐富的想象力和創意性思維，與真正的平面廣告宣傳應用形成一個很好的融合。

4 總結：

總而言之，要想設計出能夠吸引人的網頁形式，就要對布局和網頁設計有一個全面的把握，遵守統一變化的原則，強化版面的外形特征，體現設計的生命力，與此同時，還要通過精心的設計與安排，進行整體上的比較，在保證形式上的和諧以外，還要保證其疏密有致，輕重適度，最終體現設計上的別具一格。

參考文獻：

[1]游林華.布局在網頁設計中的運用[J].職業·中旬，2012（12）.