網頁設計特點精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網頁設計特點主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網頁設計特點范文
網頁設計能夠綜合文字、圖片以及色彩等視覺元素將信息進行有效傳遞，在滿足瀏覽者要求的同時能夠創造出比較和諧的視覺效果，也可說視覺元素在網頁設計中的運用具有非常重要的作用。本文分析了網頁設計中視覺元素的作用并進一步研究了網頁設計中視覺元素的運用策略。
關鍵詞：
網頁設計中；視覺元素；運用
隨著近些年來互聯網信息科技的發展，人們瀏覽網頁的需求不斷增加，而且對網頁的要求也逐漸加大，為了改變人們的使用需求，網頁在實際設計中需要逐步改變原有的風格，從而使網頁在視覺表達效果上出現多樣化特點。尤其是圖像、文字以及色彩等視覺元素在網頁設計中的運用，為網頁注入了新的活力，使網頁具有更加鮮明的特色，更加吸引人們的眼球，也使信息的傳播更加快捷，成為信息傳播的重要途徑。但是在當前的網頁設計中出現了網頁質量參差不齊的情況，除了一些大型網站在社就上比較考究外，小型網站在設計上并不考究，甚至出現了視覺沖擊，無法充分展現出網頁的優勢，而要優化網頁設計離不開視覺元素，視覺元素不僅可以使網頁設計更鉀豐富多彩，而且使人們更加快捷的接收信息。因此也可以說視覺元素在網頁設計中的運用具有非常重要的作用。
一、網頁設計中視覺元素的作用
網頁設計中的視覺元素主要包括圖片、色彩以及文字等三大部分，主要是因為這三種元素都是人的眼睛能夠直接接收到的元素，也正是由于視覺元素在網頁設計中的融入，使網頁設計更加的豐富多彩。視覺元素在網頁設計中發揮著非常關鍵的作用，主要有以下幾個方面：
1、視覺元素能夠技法人們瀏覽網頁的欲望
網頁設計的詩視覺元素具有注視性等特點，這種特點的優勢就是能夠使網頁設計更加受人們關注，這也是視覺元素中的基本特點，在網頁設計中融入視覺元素就能夠使人能更加快捷的獲取與了解信息，使信息的更加明了，并使網頁的內容更加豐富多彩，引起人們對網頁的關注，激發人們想要去了解網頁以及瀏覽網頁的興趣與欲望，從而實現網頁設計的根本目的。
2、更好的適應外部環境的變化
網頁設計中的視覺元素具有適應性特點，這也是網頁設計中視覺元素的特色所在，正是由于視覺元素具有適應性，從而使網頁更好的適應時展的特征，隨著數字信息技術的改革與發展，給網頁設計的環境帶來了很大的改變，但是網頁視覺元素是隨著外界環境的變化而不斷升級變化的，也只有在隨和時展不斷增加新的資料以及元素，才能夠是網頁更加的適應時代的發展，才能夠獲得更多的瀏覽量。
3、加深人們對網頁的記憶
加深人們對網頁的記憶主要是由于視覺元素中的注視性以及適應性共同作用形成的。視覺元素能夠刺激人們的眼球，吸引人們去閱讀網頁中的內容，在閱讀瀏覽過程中就會使人們對這些視覺元素加強記憶，同時視覺元素隨著時代的不斷變化發展又會有新的元素融入到視覺元素中，更進一步引起人們的關注，在這兩種特點的共同作用下形成了視覺元素的記憶性特色，加深人們對網頁的記憶。
二、網頁設計中視覺元素的運用策略
1、文字的運用
文字是網頁設計視覺元素中的基本元素，尤其是漢字是我國獨特的視覺元素符號，可以表達出獨特的信息，漢字在網頁設計中占據很大部分比例，也使網頁設計中的視覺質量有了很大程度的提升。在網頁設計中為了增強漢字在網頁中的有效性，在對漢字的運用中要去掉不必要的裝飾，更加方便人們閱讀，從而使網頁的整體效果得到提升。文字在運用設計的過程中，要根據網站信息的內容以及特點出發考慮對文字進行設計，文字的設計風格要與實際的網站內容相符合不能夠出現對立或者是脫節的情況，比如說：政府網站具有嚴肅大氣的特點，這就需要在文字設計時利用文字的簡潔大氣的特征，而教育類網站在文字的使用中具有需要具有清新典雅的特點，商業網站中的文字就要根據商品特點等進行設計，從而利用文字特有的個性特征，以增強人們的的視覺沖擊效果，給人們留下深刻的印象。因為文字的特點較多，比如說：有字體、字形等，給網頁設計者帶來很大的選擇空間，在設計者進行網頁設計時就要精心的編排與設計，利用文字的特點去增強網頁的視覺美感，給人們留下比較深刻的印象。
2、圖片的運用
圖片作為重要的視覺元素在網頁設計中扮演者非常重要的角色，網頁在設計中對圖片的運用也是非常重要的，圖片與文字相比較，圖片所激發的詩視覺效果要比文字的視覺效果更加強烈，而且圖片所產生的視覺效果是立桿見影的，會給人們留下較為深刻的印象，在設計者在選擇圖片過程中要盡量使字節數較小的圖片，主要是由于圖片的大小會影響圖片的傳輸效果，如果圖片字節數少就會極大的縮短下載的時間，從而使瀏覽者能夠在打開網頁的過程中就能夠看到圖片，提升瀏覽者的滿意度，另外在圖片的編排位置、數量以及形式等方面也要引起設計者的重視，從而增強網頁的整體視覺效果。圖片能夠提升網頁的視覺效果，在網頁中發揮著非常關鍵的作用，但是圖片也具有一定的劣勢，圖片不能夠準確的表達出信息內容，需要文字的輔助才能夠發揮出更好的效果。
3、色彩的應用
色彩也是一種重要的視覺元素，在網頁設計中也發揮著無可替代的作用，色彩這種視覺元素本身就具有非常獨特的性質，充分的利用色彩能夠增強網頁視覺整體效果，在色彩的運用中設計者要注意以下兩點內容：首先是色彩的主色調要根據網頁整體主題思想來定位，再配上與主色形成對比的彩色字體，讓人們在瀏覽網頁的過程中感覺到清晰順暢，這樣也能更好的突出文字信息，圖片在色彩的選擇上也要以同色系的色彩為主，以更好的增強網頁的整體效果。其次，在背景色的選擇上，最好要與主色性相同或者是對比度較低的顏色，從而更加便于圖片與文字的搭配，更好的識別文字。
總之，文字、圖片以及顏色在網頁設計中的運用，不僅提升了網頁的質量，而且是網頁設計更加的豐富多彩，更符合現代人的需求，但是視覺元素在網頁設計中運用是一項非常復雜的藝術，對設計者的審美以及技能有較高的要求，因此，這就需要設計者在實際設計中不斷對視覺元素進行改革創新以提升網頁的整體效果。
作者：張濤 吳倩 展慶召 單位：石家莊信息工程職業學院
第2篇：網頁設計特點范文
網頁設計項目實踐現狀改革措施近年來，隨著互聯網的普及，上網人數與日俱增，網頁又是互聯網信息傳播的主要載體，因此《網頁設計與制作》課程就成為我國高校許多專業開設的基礎課程之一。同時，《網頁設計與制作》是一門極具創造性的實踐課程，學習過程的枯燥和設計精美且具有創意的網頁作品，這就使得大多同學對這門課既喜歡又無從下手。為此，希望通過對高校《網頁設計與制作》現行教學過程的改革與探索，使該課程的教學過程變得既能引發學生的學習興趣，又能充分調動學生的學習積極性和創造性，提高學生的實際動手操作能力，最終使學生能夠運用上課所學知識進行具體的網頁設計與制作工作。
一、《網頁設計與制作》課程的特點
高等學校開設《網頁設計與制作》的目的，是通過學生對本門課程的學習，培養學生的實際動手操作能力，最終使學生能夠運用上課所學知識進行具體的網頁設計工作。
《網頁設計與制作》是一門邊緣學科，同時也是一門實踐性和應用性很強的學科，課程本身就能極大的激發學生的參與性，因此在教學當中一定要重視理論與實踐相結合，理論教學服務于實踐教學，因為實踐是整個網頁設計課程教學的重點，也是《網頁設計與制作》這門課程的特點。
二、網頁設計教學過程中存在的問題與現狀
1.《網頁設計與制作》課程的教學現狀
目前，我國絕大多數高校《網頁設計與制作》課程的講授雖然相對以往的滿堂灌的教學模式已經有大的轉變，能夠將實驗教學、多媒體演示等現代化的教學手段融入教學當中，但仍然存在理論教學與實踐嚴重脫離，設計內容與市場需求相脫離等問題，同時學生的實際動手能力偏低，這直接影響了學生的學習積極性與主動性，距離網頁設計與制作的社會崗位要求甚遠，無法勝任普通企業崗位等問題，這充分說明了傳統教學模式已經完全不能適應現代社會的需求，我們的教學模式還存在很大不足，需要進一步改革。
2.具體教學中所存在的問題
《網頁設計與制作》教學過程中存在的問題主要包括以下幾個方面：
（1）教師教學水平有待提高
《網頁設計與制作》課程教學，要求教師能夠非常了解當前全國市場對網頁人才的需求與要求，同時日益更新的網頁設計理論知識和對計算機操作實踐能力的更高要求，這對高校教師的授課無形中提出了進一步的要求，并且在網頁設計的項目教學中，確定項目任務的是以不同行業的設計要求為前提，這就要求教師對各行業的行業特點及具體要求都有比較深入的了解與掌握，才能游刃有余地及時處理學生學習實踐中的具體問題，而以上方面卻是授課教師平時工作中最需提升的地方。
（2）課程教學目標不明確
《網頁設計與制作》的教學應從社會對人才的基本需求點出發，圍繞培養適應社會需求的應用型人才為目標開展教學。教學目標是整個課堂教學的出發點和落腳點。《網頁設計與制作》是一門以操作為主的實踐性課程，在具體教學中，教師必須明確告之學生每次教學的目標與要求，課堂涉及的重點與難點，這樣才能引領學生進行具體的實踐性操作并做到有的放矢，讓學生真正學到有用知識。
（3）教學方法與手段滯后
高校學生基本都來自全國五湖四海，有的同學接觸過計算機課程，也有從來沒接觸過計算機的課的同學。在本門課程教學中，應根據學科及學生自身的特點與要求來確定教學方法、模式與組織課堂形式。傳統的單一且重復性較大的填鴨式教學方法與僅僅依靠多媒體講授軟件命令的落后的教學手段已經不能適應新時期的《網頁設計與制作》課程的教學需要了，教學方法與教學手段的改進已到了刻不容緩的地步。
（4）項目教學在整個課程中的重視度偏低
本課程項目教學的關鍵是在已制定項目任務的前提下如何督促每位學生最終順利完成該項目。而且現行課本實訓部分的內容不僅課時分配較少而且只是一個簡單的單機版的書本實訓案例，嚴重脫離社會需求，只適合學生按部就班完成一個課堂作業，并沒有實現真正意義上的項目創新設計與分工合作。
（5）考核方式不到位
《網頁設計與制作》課程的考核通常主要是筆試或做一張簡單的網頁效果圖，誰帶課誰出題，學生出勤與項目任務的完成與社會已采納項目的評分所占比例較低，對于網頁設計這類操作性與實踐性很強的課程，以上考核方法已完全不能適合該門課程的教學需要了。
三、網頁設計課程教學改革方案
1.有計劃提升高校教師的整體素質和業務水平
在網頁設計課程教學中，教師的綜合素質和業務水平都將直接影響到學生學習質量的高低，所以建設一支高素質的師資隊伍是提高課改質量和效率、提高學生實踐能力和專業水平的重要手段。社會需要學校培養出能適應市場經濟需求的設計人才來，這對授課教師的知識結構和實踐技能水平的要求更高，因此學校應積極鼓勵教師不斷更新、拓展和提高專業知識結構，同時學校應多方面支持專業教師定期或不定期的參加各種設計競賽及科研項目及各類數字藝術交流培訓活動，增加教師的進修和學習機會，加大師資素質培訓，并創造利用校企聯合的機會參與到企業或公司具體的設計項目中去，只有這樣才能提高教師的整體素質和業務水平。
第3篇：網頁設計特點范文
體現風格，突出主題一個網站的特點與風格要得到展示，除了要使頁面內容與形式之間有機結合，還要使不同色彩有機結合。每一種顏色都有它所特有的個性，設計人員可以借助色彩心理學表達色彩的情感效果，以便更好地突出主題。網頁區域劃分應有統一的風格網站內容豐富，信息量大，設計師要對網頁界面進行視覺區域劃分。網頁信息的分類布局，可以使用不同的色彩劃分內容主次，規劃視覺流程，統一網頁的整體風格，給瀏覽者以完整的、易讀的、富有導向性的視覺印象。引起人們的關注，加深印象網頁設計或優雅含蓄，或動感強烈，或時尚新穎，或簡單搶眼，能吸引觀眾的注意，是設計人員充分利用色彩的魅力來優化頁面的成果，這種頁面的色彩設計極大地提高了網頁的藝術性，是提高訪問率和網站知名度的關鍵。
網頁設計中色彩搭配的原則
平面設計和網頁設計最重要是色彩的搭配。當人們離屏幕較遠時，第一眼看到的是頁面顏色，而不是具體的圖片與文字排版。因此，設計者在網頁設計中除了要考慮突出網頁內容的理性要求，也要遵循感性的藝術規律，從而設計出性格獨特的網頁。
1.特色鮮明一個網頁必須有自己獨特的色彩風格，以使看起來個性鮮明，給觀眾留下深刻的印象。
2.合理搭配一種色彩的應用：將選擇的顏色調整透明度或飽和度，產生新的顏色。這種色彩的運用使頁面看起來更統一，主次更分明。兩種色彩的應用：在選擇一種色彩后，然后選擇其對比色。一個色系的應用：將一個感覺的色彩放在一起使用，如淺藍、淺黃、淺綠，或者土黃、土灰、土藍，等等。
3.藝術性網頁設計含有藝術的成分，是一種藝術活動，有其藝術規律需要遵循，而網頁設計師在考慮內容的同時，也要根據藝術的形式、特點、原則進行大膽的藝術創新，在符合網站要求的同時讓網頁各有特點。
色彩搭配要注意的問題
第4篇：網頁設計特點范文
Flas是一種藝術與技術緊密結合、學科優勢廣泛的綜合藝術表現形式，它常以多種與體驗者互動的形式出現在網絡和影視媒體中，如網頁上的片頭、廣告動畫等。一部Flas作品的設計與創作是將多種藝術門類和科學技術結合的綜合過程。Flas應用領域十分廣泛，如教育教學、網頁設計、交互游戲開發、廣告設計、短片表現等。Flas最重要的特點是畫面中極易實現的交互效果。Flash作品良好的交互效果具有很高的藝術價值和實用價值，我們大致可將Flash作品的交互小姑分成三類，如劇情交互型、純粹形式探索型、游戲交互型。
2網頁設計中交互體驗的重要性
網頁設計中的交互性是人與頁面間的交流，通過頁面設計為受眾提供一個平等的交流平臺，開放性和不確定性是這個平臺的特點。網頁設計中的交互體驗不單單會影響在計算機上的互動，還將對社會文化及現代傳媒系統產生深遠的影響。網頁設計的終極目標是給受眾提供更多信息和功能，讓受眾能輕松地找到所需信息。在網絡大發展的背景下，人們獲取信息多源于網絡，每當人們獲取信息、購物、在線聊天時都得面對頁面，即頁面設計的體驗優劣成為人們駐足頁面停留時間的重要決定因素。當下企業、文化行業、新聞行業、時尚業、體育行業等都開發了自己的網站，并將其作為與受眾交流的平臺，每個網站都有自己的獨特風格，都有吸引訪問者的特點。眼下交互體驗設計成為新的吸引訪問者的重要因素。這就需要我們不僅要對網站進行精心的創新設計，還要在設計中加入交互體驗內容，不僅要清晰的表達頁面內容，還要讓受眾能夠參與進來，在具有交互性的環境中訪問網站。Flash恰好能夠通過它的“交互性”來連接受眾與網站。
3網頁設計中Flash交互功能的應用
在網站的商業推廣中，Flash的交互體驗發揮了很重要的作用。Flash交互應用優勢主要體現在簡單的流動式互動體驗和復雜的互動式動畫體驗中。網頁設計中融入了Flash互動體驗能夠增大網站的活力，進而吸引受眾的注意力。Flash強大的交互性很大程度上來源于它的腳本語言，它是一種專門的程序語言，采用統一的編程思想。若想得到最佳效果的網頁設計，恰當合理的引導是重點，每個引導過程都要有明確清晰的軌跡。恰當的應用Flash交互功能不僅能吸引受眾的興趣，同時它的交互性又能讓受眾很好去體驗信息交互帶來的興奮。在瀏覽網頁的體驗中，交互功能是人們各種感官集合的延伸。在融入flash交互體驗思維的網頁設計中，受眾可以隨時通過互聯網來查看自己的作品，并與作品進行交互體驗，使作品在網絡中大范圍的傳播。網頁設計中，信息的流動性會很強，受眾不但擁有自由的選擇權，而且還能夠制約信息對象按照受眾的意愿進行處理。在受眾與頁面的互動體驗中，受眾的主體意識得到很大的提高，創造力和思維被極大的激發，進而改變受眾的思維模式，受眾的互動能力被調動起來。
4結語
第5篇：網頁設計特點范文
在我國，視覺傳達教育起步較晚，但是發展迅速，其人才培養和教育模式倍受社會關注。目前很多高校在藝術類網頁設計課程的教學上存在兩種主要現象：一是重設計、輕制作；二是重軟件、輕藝術。第一種培養出的學生一般只注重靜態頁面的視覺效果，對網站的動態更新關注較少，不利于網頁后期維護；第二種培養出的學生側重于Dreamweaver、Flash等軟件的操作，對網頁的版式、VI形象等關注較少，制作出的網頁往往缺乏個性、藝術表現力不強。因此，對視覺傳達專業的網頁設計課程的教學改革勢在必行。
二、課程教學目標的重新確定
我們都知道，一門學科的課程目標通常決定了該學科的最終導向，它不僅能為教師傳授正確的學科理念提供依據，同時也給學生指明正確的課程學習方向。因此，視覺傳達專業網頁設計課程改革的首要環節就是對該課程教學目標的重新確立。眾所周知，高等教育培養出來的人才最終要服務于社會，社會的需求決定了該學科的教學內容和教學目標。隨著科技的進步，時代的發展，不同時期對網頁設計人員的需求也是不同的。通過市場調研，我發現目前社會上網站分工越來越細，招聘的相關崗位大體分為三類：第一類為前臺美工，以視覺傳達專業為主，以網站的形象塑造和界面美化為崗位內容；第二類為網站后臺服務，多以h7V5數據庫等做交互型網站的，以計算機專業為主；第三類就是兩者都要具備的全才網頁設計師，是具有技術背景和多年實戰經驗的創意人才。由此我們可以確定視覺傳達專業培養出來的網頁設計人才的崗位定位應是網頁美工師，他應該具有兩種專業素質：一是掌握網頁設計的基本要素和美學知識相結合的方法與技巧；二是懂得簡單機算計軟件（PS、Dreamweaver、Flash）的操作，便于在制作網頁界面時考慮到后臺維護的便利。而“藝術設計教育的人才培養目標是：培養綜合素質高、創造能力強的高級應用型設計人才”。所以該課程教學目標應該是培養具有以上兩種專業綜合素質的、創造能力強的高級網絡應用型設計人才。新的培養目標確定后，該課程的教學內容應該在此基礎上重新調整。
三、課程內容的調整
視覺傳達專業網頁設計課程教學內容應該為教學目標服務，知識結構要合理，應注意知識點之間的交叉及有機結合，同時也要有效地培養學生的創新性思維及獨立分析、解決問題的能力。基于此，新的教學內容調整為兩大板塊：理論課程內容和實踐課程內容。
1.理論課程內容
理論課程內容在課程編排中為最先講授內容，以教師PPT演示傳授為主，學生討論互動為輔，課時安排為總學時的四分之一。在教學過程中又分為兩個環節來實現：（1）第一次課的設計把第一次課設置為課程概述，主要對網頁設計課程的教學特點、教學內容、教學目的、教學重點和難點加以通篇介紹，對學生說明課程安排和考核要求，并通過簡單上機實例操作來提高學生學習興趣，進而引入網頁基本理論教學環節。（2）網頁基本理論學習網頁基本理論學習包含三個知識板塊：網頁設計的基本要素、網頁界面的版式設計、網頁VI形象的美學塑造。我們知道每個設計門類都有自己獨特的構成元素，這些不同的構成元素形成了該門類不同于別的門類的獨特的藝術魅力。了解和掌握這些構成元素的特點和作用，有助于我們更好地進行設計工作。網頁構成元素按功能和形式劃分為兩大類型，按功能劃分為頁眉和頁腳、背景與底紋、按鈕與控件、導航器和目錄、功能板塊和廣告位；按形式分為文字、圖片、色彩、多媒體和超級鏈接。網頁設計中的構成語言不同于傳統平面設計，它們之間存在很大差異，例如網頁設計中的顏色是光色，是標準的RGB色彩，而傳統平面設計中的顏色在輸出過程中是以印刷色CMYK形式出現的；傳統的平面設計不用考慮網絡傳輸的因素，而網頁設計中的構成元素應考慮在不影響顯示效果的前題下，盡量壓縮文件大小，便于網頁文件的上傳與下載；又如動畫、音頻等多媒體語言在傳統平面設計中不用考慮，而在網頁設計中它們是給網頁增加活力的重要手段因此，教師在此板塊教學中要選擇大量實例進行比較，不但要指出網頁設計各構成元素的特點和作用，而且還應指出與平面設計中相對應元素的異同之處，便于學生區別學習。網頁界面的版式設計不同于傳統平面設計的版式設計。平面印刷品有著各自固定的紙張大小或裁切規格，而網頁界面則不然，它的顯示尺寸受到電腦顯示器的限制，不同尺寸的顯示器顯示的網頁界面是有區別的。除此以外，它的最終顯示控制權其實掌握在瀏覽者手中。如果過分注重網頁界面版式設計的視覺完整性，就不能顧及網頁設計元素的靈活性。所以，教師在此板塊教學中應該強調網頁界面版式的變化性，同時也要強調首頁與內頁版式的連貫性，要求學生在設計中注意網頁界面版式完整性與靈活性的關系。網頁設計是VI設計的一個重要組成部分，是企業視覺形象執行標準的延續和拓展。和所有的線下公司一樣，一個好的網站也需要依助于VI設計。準確的、有創意的VI設計，有利于樹立網站形象，使其在眾多同類網站中脫穎而出，增加瀏覽者的瀏覽欲望和瀏覽記憶，對該企業的推廣和宣傳也能起到促進作用。網頁設計課程上引入VI設計概念，教師應該保持教學的延續性，要求學生在進行網頁設計的同時，將VI理念應用到網頁界面中。網頁設計應主題突出、富有創意，色彩搭配應協調統一，具有強烈的視覺沖擊力，從網頁LOGO到色彩運用均要突出企業視覺形象。
2.實踐課程內容
視覺傳達教育的目的就是培養出創造能力強的高級應用型設計人才。應用性人才的培養模式里實踐性課程比例要大，網頁設計課程也是這樣，理論是基礎，實踐是靈魂。所以實踐課程內容在課程編排中為比重最大的內容，課時安排為總學時的四分之三。實踐課程包含軟件操作板塊、簡單代碼學習板塊和實際案例制作板塊三個知識點。此部分內容在教學過程中又分為兩個環節來實現：
（1）軟件操作和簡單代碼學習板塊的教學
此部分教學為計算機軟件學習階段，Fireworks、Dreamweaver、Flash是傳統的網頁設計軟件學習內容，根據當今互聯網開放性的特點和視覺傳達學生對現有軟件知識掌握的情況（PS是基本功，是學生都已掌握的軟件），把傳統軟件教學內容更改為“網頁新三劍客”（PS+Dreamweaver+Flash）的學習。簡單地說，就是用PS制作靜態網頁界面和切圖，并處理圖片，用Dreamweaver布局和超級鏈接，用Flash做特效。而這三個軟件知識板塊里面教學重點依次為Dreamweaver、Flash、PS。在軟件教學環節，教師可借助類似“紅蜘蛛”一樣的網絡教學平臺和學生互動教學。學生可根據老師在線傳送的素材臨摹教師的操作，教師也可以在線觀察學生執行情況個別輔導。同時根據藝術學生英語和數學水平普遍較低的特點，在教學中應該增加一些簡單代碼知識，介紹一些常用的代碼語言及Html標簽和CSS規則的使用方法，便于優化網頁樣式，使整個網站風格統一，也便于對已有的網頁模板進行更改，進而大大提高學生的崗位實踐技能。
（2）實際案例制作教學
此板塊教學采用以項目為載體、以任務為驅動的教學方法。教師可以引入實際項目或者虛擬項目，提出項目名稱和項目要求，輔導學生進行實際案例設計。實際案例制作教學應充分強調實用性和自主性，教學環節可分三步進行。首先是教師示范環節：教師要根據實例要求演示創作過程，從網站創意草圖到制作靜態界面；從創建站點到Dreamweaver網頁布局，創建超級鏈接；從美化網頁樣式，到制作網頁特效，利用簡單的代碼語言和Flas實現動態、實時、交互的頁面效果教師應將每個創作環節一一展示，并將知識點設計應用到整個案例實際操作中去，做到知識點與案例有效融合，案例之間能承上啟下，有機銜接。其次為學生設計環節：學生可以根據老師的思路對經典案例進行學習和分析，依據實際任務的要求，進行網頁設計實際操作。其間遇到問題學生可以相互討論，或求助教師解決難題。在整個講課過程中，教師指導為輔，學生對案例進行學習和分析為主，充分發揮學生的主觀能動性。要求學生充分發揮創意性思維，從被動學習轉換為為了實現項目目標而進行多渠道主動學習，提高學生學習效率，縮短和實際崗位間的操作差距，進而為走向社會奠定基礎。最后為展示評價環節：學生對自己的作品公開演示匯報，并鼓勵別的學生對其作品評價，找出優劣點，好的保留，差的改正。教師根據作品質量和學生評價對作品打分，以此作為該生整門課程成績的一個依據。
四、結語
第6篇：網頁設計特點范文
【關鍵詞】新形勢；電子商務網站；網頁設計與制作；web標準
前言：
互聯網時代的到來，改變了人們以往的生活習慣，而且對很多行業崗位產生了較大的影響，尤其催生了一批新型以電子商務為主要經營模式的企業。電子商務網站的網頁設計在現代企業的實際運營管理過程中十分重要，不僅起到了宣傳企業文化作用，而且也是企業拓展新業務、維護客戶的重要平臺，這是互聯網時代的發展為現代企業單位開辟的新路徑。
一、新形勢下電子商務網站網頁設計與制作的目標
所謂“新形勢”指的就是當前快速發展的互聯網時代影響下的社會環境的變化，以及人們思想意識的轉變。隨著各領域貿易的日益頻繁，使得商家更依賴電子商務平臺，因其成本低、信息資源豐富等特點受到了廣大社會群體的認可。
（一）電子商務網站設計與制作的根本目的
在電子商務平臺之上，我們可以清晰的看到商品本身的形態、特征以及價格，而且，越來越多樣化的網站網頁設計形式層出不窮，促使電子商務平臺建設的格局逐步升級，新技術的涌現更是突顯了電子商務模式的優勢。從網站網頁設計與制作的目標來看，能夠以最直觀、最有效的網站網頁設計方案來吸引更多的顧客及促使其參與交易才是新形勢下電子商務網站網頁設計與制作的終極目標。
（二）網站網頁設計與制作要能夠技術合規且突出重點
具體來分析，對于電子商務網站的設計要突出其功能性，需要最新的電子計算機技術來為其做支撐，程序的設計一定要能夠順利運行，通常要經過測試以后才能夠上線運行。對于電子商務的網頁設計而言，結構和形式要突出層次感，內容要盡可能豐富，從而將電子商務的關鍵內容呈現在網頁的重點區域，便于人們登錄瀏覽。
二、電子商務網站網頁設計與制作所需技術
對于電子商務網站網頁設計來說，能夠依托網絡載體使得開展電子商務業務的企業將其業務有效的推廣出去，就是一項成功的設計。在實踐過程中，需要應用到很多計算機技術及電子商務設計軟件。就以web標準為例來看，電子商務網站網頁設計的思想是通過縝密的開發流程來體現的，通過對SHOPEX網上商店系統的制作，進而達到管理網店、拓展業務的目的。從實質上來看，Web標準不是單一的技術標準，而是一個完整的技術體系，其層次較為清晰。在Web標準的支撐下，設計者可以很好地將網站網頁結構分割清楚，并能夠提升網站開發的效率，降低設計及維護成本。總之，從Web標準的關鍵技術來看，整個技術體系都是以Web標準基本思想為基礎，采用一套有效的開發流程，對SHOPEX網店系統進行電子商務網站的網頁設計與制作，最終，這種開發流程在實踐過程中得到了驗證。
三、電子商務網站網頁設計與制作過程
在具體進行電子商務網站網頁的設計與制作的過程中，首先要分析目標網站網頁的設計內容、方向、網站所要突出的重點等問題，然后，要縷清設計思路，規劃出詳盡的設計方案，做好網頁結構的編排，最后，細化網站結構，完善網頁制作的細節。只有按照規劃好的流程來，采用合適的網頁設計技術及軟件，才可以將電子商務網站網頁設計和制作的過程完成。
（一）電子商務網站網頁的設計內容分析
通常情況下，網站設計的方案要符合當下人們的審美觀，簡單來說，就是要符合大多數人的視覺習慣，并需要做好合理規劃。對于電子商務網站的設計而言，要能夠利用大塊區域來突出貿易活動的主體內容，并讓企業的產品、服務等項目列在最為突出的位置上，只有本著重點突出的原則，才能讓瀏覽網站的客戶清楚的看到企業的業務及文化，從而令其產生交易的想法。
（二）網站網頁結構編排與方案設計
以Web標準下的網店系統開發為例來看，在進行網頁方案設計之前，網頁模版的開發較為重要。在實際設計及制作的過程中，采用了SHOPEX網店系統開發的模版來為其做支撐，在每個設計模塊區域放置一個獨立的設計內容、產品或服務，這樣就會令用戶對電子商務平臺上的功能及業務模塊一目了然。最后，要進行網站網頁內容的填充，逐步細化網站結構，增添時尚感的素材完善網頁制作。
結束語：
通過分析電子商務網站網頁設計的特殊性，結合基于web標準的制作技術，來進一步探究網絡時代的發展對于電子商務網站網頁設計及制作的影響，并提出完善電子商務網頁網站設計和制作的具體策略。在web標準基本思想的推進下，開發了一套高效制作電子商務網站網頁的系統，并且將其應用于實踐，取得了良好的實踐成果。總之，以web標準下為例來看，新形勢下電子商務網站網頁設計與制作已經不同以往，需要改換新型設計內容、結構設計、方案設計等內容，只有這樣，才能突出現代電子商務網站網頁的設計特點，抓住人們的視線，從而促進電子商務的快速發展。
參考文獻：
[1]朱淑琴，魏威，張嘉萌.基于Web標準的電子商務網站網頁設計與制作[J].計算機與現代化，2012，03（03）：106-109.
[2]鄭偉，張永良，郭偉，張學琴.《商務網頁設計與制作》項目課程的開發與建設[J].楊凌職業技術學院學報，2010，04（04）：71-74.
第7篇：網頁設計特點范文
關鍵詞：網頁設計與制作；教學內容；教學方法
中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。
《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：
1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；
2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；
3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；
4)使學生能夠用Flash進行網頁動畫的簡單設計；
5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1 HTML網頁設計
重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。
1.2.2 DIV+CSS網頁設計
DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。
該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3 Photoshop圖像處理
重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。
課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作
重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5 JavaScript程序設計
JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。
1.3教學方法
該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。
教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。
1.3.1模塊教學法
根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。
1.3.2案例教學法
在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1 HTML網頁設計
實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。
2.1.2 DIV+CSS網頁設計
實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。
2.1.3 Photoshop圖像處理
實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4 Flas制作
實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5 JavaScript程序設計
實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：
1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；
2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。
這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓
網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。
實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。
平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。
課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
4結束語
明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。
參考文獻：
[1]李偉,鄧紅濤,曹傳東.《網頁設計》課程實踐性教學改革與創新研究[J].改革與創新,2011(12):103-104.
第8篇：網頁設計特點范文
人們不斷追求完美，網頁設計亦是如此。它要考慮如何使受眾能更多更高效的接受信息從而使他們對網站留下很好的印象。古往今來，關于形式美的規律被很多藝術家和學者所提出，因此，在網頁設計過程中，設計者必須去研究，并主動地掌握并運用這些規律去發現美。當然，各個時代審美觀念和美學特征不同。在信息高速發展的今天，新的審美需求隨之產生。將網頁設計推向了更高層次的境界，這也是網頁設計發展的必然趨勢。這就要求設計師們遵循條理與反復、變化與統一、均齊與平衡、對比和調和、節奏與韻律等原則，以及對網頁中文字、圖形、色彩的設計的規律，創造優秀的網頁作品。
（一）網頁的內容與形式必須統一和諧
任何設計都有一定的內容和形式，形式與內容的統一是設計網頁的基本原則之一。一方面，內容占據主導地位，是設計存在的基礎，被稱為“設計的靈魂”；另一方面，形式不僅直接影響設計作品的表現，而且也有自身的審美價值，具有相對獨立性。它要兼顧整體效果與細節的視覺效果。如圖1《龍門飛甲》的電影主題網站的設計，網頁視覺效果相當成功。設計師通過考慮電影宣傳效果及網站整體功能要求的同時，在設計形式上賦予變化創新，不僅實現了形式美的表現，也深化了作品的內涵。
（二）主題元素突出
不同類型的網站都有自身所特有的主題，并按照閱讀習慣和視覺心理將主題形象地傳達給觀者，使觀者更好的理解和接受它，并滿足觀者的視覺審美需求。適合主題的需要是網頁設計的前提。將自己的設計思想與網頁的主題精髓相融合，才能展現網頁設計所特有的審美形式。作為主題要素，要想成為觀者的視覺焦點就必須注意編排的位置，從而使觀者產生深刻的視覺印象。
二、創新性的視覺藝術表現在網頁設計中的運用體現
（一）加強網頁整體布局，合理分配版面提高網頁整體美感
在網頁設計中，很重要的一點是，整體一致性不僅存在于某個網頁設計中的每個元素之間，也存在于整個網頁上——一個網頁必須被視為一個完整的單元，這就要求網頁設計在整體的風格，色彩上保持統一。網頁的整體性不僅包括功能上的整體性也包含了形式上的整體性，作為信息傳達的重要載體，需要在特定的時間和空間環境里被人們所理解和接受，從而滿足人們的使用需求。這就要求網頁設計師在進行設計時，首先考慮網頁的整體布局與版面的合理分配。
（二）傳統與創新相結合，合理運用視覺色彩提升視覺沖擊力
色彩作為網頁設計的一個表現元素，不僅具有吸引瀏覽者視覺和維持網站形象的效果，而且具有有效傳遞頁面主題信息的功能。在網頁設計中，我們可能第一眼感知到的設計元素就是色彩了，如果設計色彩過多，用色過于混亂，造成了瀏覽者的視覺疲勞，久而久之容易導致網站瀏覽量的下降，難以達到視覺傳達的目的。如圖2，十二星座系列的官方網店的制作，運用主色調為藍色的夢幻主題，彰顯十二星座的特點，給人以遐想的夢幻空間，突出整個網店的風格和主題。
（三）靈活運用現代科技手段，發揮各大軟件的優勢
做出一個優秀的網頁設計作品，要靈活掌握相關電腦軟件，如：“Photoshop”“DreamWeaver”“Flash”“FireWorks”“AI”等，我們要熟練掌握這些設計工具軟件，做到活學活用，并且就其特有屬性將各種軟件巧妙地結合起來。例如利用多維空間、動畫3D技術等，靜中求動，在二維空間中追尋三維甚至多維的智能化的設計。又如，我們將平面設計軟件Photoshop與動畫軟件Flash軟件進行穿插配合使用，把動畫設計能在時間和空間上將物體進行運動的表現優勢運用在網頁設計制作中，從而使畫面更加生動活潑，賦予強大的表現力和視覺沖擊力。如圖3、4運用平面軟件與動畫軟件相結合穿插的使用，實現了網頁的智能化設計，使畫面更加生動。
（四）突出注重設計技巧，體現網頁風格個性
第9篇：網頁設計特點范文
關鍵詞：色彩心理學；農產品電商網站；應用
一、電商網頁設計的概述
相對于傳統的產品營銷和推廣方式，電商網頁所蘊含的的信息量更為豐富，并且可以通過文字、聲音、圖像、動畫等多維度展現產品特點。農產品購物網站作為眾多產品的代表，是互聯網時代典型的新營銷模式的代表。相對于傳統的叫賣模式的農產品購物方式，如今通過電商平臺可以更為有效的傳遞產品信息，大眾點評，以及相關信息作為某產品來年的選種數據。一個好的網頁設計可以通過版式，頁面架構，多媒體展示，以及良好的交互體驗吸引客戶。而如何將這些元素行之有效的串聯起來，則要通過網頁的色彩設計。
二、電商網頁中色彩設計原則
色彩設計，構成了訪客對網站第一印象。網站通過對色彩的合理搭建，可以喚起購買者共鳴，在形成對網站形成一定記憶性的同時，提升他們對品牌的好感度和認知度。與此同時，合理的情感引導，可以使顧客更加容易接受產品傳遞的信息。因此在網頁色彩設計的選擇上必須遵守相應的原則，從而使頁面的呈現出的效果張弛有度。
（1）整體性
網站設計首先需要為網站的整體設計選定一個色彩基調，用以體現網站的形象和品牌調性。根據整體性原則，網站色彩選取一般不超過3種。過多色彩的選用會導致視覺語言的混亂，造成視覺誤導，從而影響網頁呈現的邏輯。與此同時，在色彩選定的同時也要確定顏色的主次層級以及主次顏色間所體現的相應比例。在視覺上占據了較高視覺比重的色彩設計在一定程度上體現的是訪客的情感和心理。因此，選擇正確網頁色彩配色，可以為網站建立起符合形象的視覺語言，從而更為有效的搭建起與用戶之間的橋梁，有效傳遞產品信息。
（2）原則性
在網頁設計中，將不同的色彩按照和諧、均衡和重點突出的原則搭配組合，從而構成產品頁面。但在這個過程中不得忽視所搭配的色彩對用戶心理的影響。根據色彩心理學的理論，按照色彩的記憶性原則，一般暖色較冷色的記憶性強；色彩還具有聯想與象征的物質，如紅色象征血、太陽；藍色象征大海、天空和水面等。另外，不同色彩在不同人心中所反應出“性格”各異。網頁設計正可以利用這點，表達情感。
如，電商清涼夏日的購物頁面一般選用，藍天，海洋，綠島等冷色系為主的景色搭配，所要給用戶帶來就是一種清涼，清爽的夏日體驗。又如，在日常反應食物的顏色一般偏暖色。如果將這些熟悉的顏色替換成冷色，就會在用戶的心理上引起一定的不適。
（3）和諧性
網頁色彩搭配的和諧性是在網頁設計中不可忽略的一個部分。在網頁設計時不僅要從從全局出發，確定網頁的色彩調性，也要保持色彩平衡，避免采用單純色調而減弱了明暗對比。為了使色彩均衡和諧，可以通過選用中間色的方式，使網頁整體色調呈現趨于平衡。除此之外，選用色彩飽和度高以及純度較高的顏色時，不應該忽視它們所具有的強烈的情緒反應，長時間容易導致視覺疲勞。可以根據產品的實際訴諸點，適當的加以調整。
（4）辨識度
網頁通過合理的色彩搭配所在用戶形成良好反應可以形成相應的色彩辨識度。即通過所見的類似色彩確定網站的調性，以便用戶識別和查找。網頁的整體基調后，不宜輕易改變。即使是網頁的承載信息根據要求不斷的更新，也應該在整體色調不變的情況下進行拓展和創新。這種在不影響用戶認知度和記憶力的方式，可以有效的避免訪問用戶流失。（+案例）
三、網頁配色在農產品網頁中的體現
在農產品的網頁設計中，設計師可遵循上述的原則，根據網頁產品所要體現的產品調性、網站的定位和產片特點來選取色彩，做到對待具體案例有針對性的進行設計。具體的農產網頁設計在色彩搭配上具有固定的組合形態，通過對這些色彩搭配的分析可以確定網頁的呈現效果。
（1）黃綠搭配的普眾型
綠色從一開始被認知就和大自然與植物緊密相關。因此其健康，積極，生機，有機，溫和等性格特點也就順理成章的被廣大的農產品網站當做網站的主體色調。而綠色作為一個非常靈活的色彩，在呈現時也可以體現出不同的方式方法。作為鄰近色黃色同它的搭配是現如今農產品網頁設計色彩搭配的主流。在一方面展現產品，有機，天然，健康無害的同時，又不失“溫暖”；在推出某款夏日清涼水果的時候，黃和綠的配比的橄欖綠可以在保證產品主調穩定的前提下，展現夏日的生機。農產品網站在使用綠色的時候，根據產品特性尤其注意綠色的純度和色相上的把握。例如本來生活的首頁呈現。網站的整體農產品的色彩呈現上明度偏高，所以網站在色彩配比上并未使用純度較高的綠色，而是有意識的降低綠色的純度和明度，以便不會宣兵奪主。
（2）暖色系的小眾型
除了以綠色為核心的色彩呈現外，以黃色為主的暖色系的顏色配比也在被相應的運用到農產品的網頁設計中。如之前色彩心理學中提及的，食物一般以暖色系的方式呈現，這不僅是符合人們長期的視覺規律的結果，也是色彩所在人們心理產生的情緒引導。
根據色彩心理學黃色隨著配比的色相、明暗度、以及色度的高低，都會在這種比較中產生前進感。因而一個以黃色為主的暖色系農產網站，更容易讓訪客有一種親近感。區別于過于大眾化的綠色農產網頁設計，看似別出心裁的暖色系網站，更容易引起受眾注意。
（3）低純度和明度的高雅型
無論是任何網頁設計都要根據產品的調性確定頁面的調性。面對農產市場一些高端農產的誕生，許多網頁在設計色彩的選用上也傾向于一些帶有文化氣質的“無彩色”。這樣的網頁呈現方式一般將明度和純度降到極低，使得色彩展現極少的感彩，而把重點放在強調產品自身的特點上。如圖所示這兩款產品，低純度和低明度降低了受眾強烈的視覺情緒，相反的簡潔清晰的表達方式和環境，卻產生了一種距離感和典雅感，而在情緒上所表現上則趨于平緩冷靜。這在無形當中強調了產品的特性和層次，突出了不同于大眾產品的售賣特性。
總結
色彩設計和選擇在一定程度的方向上引導著整體網頁的視覺呈現。而農產品通過對自身產品調性的掌控，按照色彩設計原則的指導，不僅可以搭建起符合產品調性的產品網站，同時也能結合顏色所產生的情緒，提升用戶的關注度和對產品的認知度。
（作者單位：湖北工業大學藝術設計學院）
參考文獻：
[1]田婧，黃曉瑜.網頁設計中的色彩運用藝術.美術教育與研究.2013.06
