導言：作為寫作愛好者，不可錯過為您精心挑選的10篇網(wǎng)頁設計論文，它們將為您的寫作提供全新的視角，我們衷心期待您的閱讀，并希望這些內(nèi)容能為您提供靈感和參考。

篇1

二、網(wǎng)頁設計不應打破慣例

前面已經(jīng)提到，網(wǎng)頁是一個要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機，但我們購買了一款新的手機時，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁確不需要。那如何才能達到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因為慣例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識。唐納德•A•諾曼在《設計心理學》中將知識分為了存儲于外部的知識和存儲于頭腦內(nèi)部的知識，使用存儲于外部的知識不需要學習，但效率低；使用頭腦內(nèi)部的知識需要專門學習，但效率高。而慣例是已經(jīng)存儲在頭腦內(nèi)部的知識，具有外部知識的高易用性和頭腦內(nèi)部知識的高效率。在網(wǎng)頁設計中有很多慣例是不能輕易去打破的，一是重要導航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網(wǎng)站的標識放置在頁面的左上部，瀏覽者用其來判別是否到達了目標網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級鏈接；四是常用標識符號，如在多頁文檔中，代表向上翻頁，代表向下翻頁；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標識符號在網(wǎng)頁中已經(jīng)具有特定的意義，是不能隨意改變的。

三、設計層面之間的邏輯聯(lián)系

在《用戶體驗的要素——以用戶為中心的Web設計》一書中論述了網(wǎng)頁設計的五個層面，包括戰(zhàn)略層、范圍層、結(jié)構層、框架層和表現(xiàn)層，并確定了自下而上的建設流程，規(guī)定了設計的程序。自下而上的各個層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標和用戶需求，是整個網(wǎng)站設計的基石，其決定范圍層的內(nèi)容選擇和功能設計；結(jié)構層是對范圍層選擇的內(nèi)容進行分類和組織，形成信息架構，以及對確定的功能進行交互設計，確定交互的過程和交互行為；框架層是在結(jié)構層信息架構的基礎上，根據(jù)完成任務的需要，利用超級鏈接設置來完成導航設計，以及規(guī)劃信息架構在頁面空間中的位置關系，形成布局框架；表現(xiàn)層是對框架層進行具體的視覺表現(xiàn)，包括圖形設計、色彩設計、信息圖表設計、動畫設計、視頻設計等。從上面的分析可以看出，下一層是上一層的設計依據(jù)或設計對象，上一層是下一層的進一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個設計過程之中。

篇2

1.討論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

2.定位網(wǎng)站的CI形象?！耙追啤敝哺袊幕?，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

2.網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。

三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強：發(fā)揮網(wǎng)絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。

3.實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

4.向靜太網(wǎng)頁插入動態(tài)效果。

篇3

1.1案例教學法案

例教學法是一種具有啟發(fā)性、實踐性,能開發(fā)學生思維能力,提高學生判斷能力、決策能力和綜合素質(zhì)的新型教學方——“分析案例”——“制作案例”的過程，培養(yǎng)學生分析問題，解決問題的能力，達到學習知識技能，靈活應用的目的。例如，在講解ASP中的Request對象時,教師先展示一個表單提交的案例，然后引領學生分析我們在點擊提交按鈕后，如何在另外一個頁面中，得到提交頁面相應的屬性值呢？學生在老師的啟發(fā)下動腦思考，引出Request對象的作用，接著教師講授Request對象的各種方法的使用。學生在深入理解后，運用知識制作此案例。

1.2任務驅(qū)動法

任務驅(qū)動法在課堂教學中，教師為學生布置上機操作任務，通過實際任務展開教學。學生通過親自動手操作，主動建構探究，培養(yǎng)了學生創(chuàng)新精神和實踐能力，提高了學生的綜合運用知識的能力。例如在學習表單制作時，以現(xiàn)實生活中注冊電子郵件為例，提出表單的概念，然后講解其實現(xiàn)理論，接著布置實際任務——投票系統(tǒng)，讓學生用知識去解決任務，進一步加深理解知識。

1.3分層教學法

成人的學習能力差異大，存在個體差異，因此，教學中采用分層教學法。在實際教學中，教師根據(jù)學生現(xiàn)有的知識、能力水平和潛力傾向把學生科學地分成水平各自相近的幾組，如A、B、C三組，A組是按大綱基本要求進行教學的學生；B組是按略高于基本要求進行教學的學生；C組是按較高要求（能發(fā)揮學生數(shù)學特長）進行教學的學生。學生分組不是固定的，而是隨著學習情況及時調(diào)整。每組布置知識程度不同的學習任務，并且在教師恰當?shù)闹笇拢屓w學生從各自的層面體驗成功的愉悅。

2模擬化網(wǎng)絡教學

開放教育是傳統(tǒng)教育與網(wǎng)絡教學相互融合的產(chǎn)物。網(wǎng)絡教學以其獨特的魅力在開放教育中發(fā)揮著越來越重要的作用。學習已經(jīng)不再局限于課堂，學生只要有上網(wǎng)條件，無論何時何地，都可以方便的學習，打破了時間和空間的限制，因此，網(wǎng)上資源的好壞直接影響學生的學習效果。因此，筆者充分利用網(wǎng)絡資源，以教學大綱為依據(jù)，遵循厚基礎、重能力的原則，開發(fā)了此門課的模擬化網(wǎng)絡教學系統(tǒng)。此系統(tǒng)有“教學大綱”、“課程教案”、“模擬實驗”、“經(jīng)典案例”、“自我測試”、“課程討論”等欄目。分層次，多模塊，手段直觀、豐富有趣的一系列實驗教學單元。制作文字、圖像、聲音、動畫于一體的豐富多彩的模擬實驗教學內(nèi)容。模擬實驗教學的指導效率更高。使理論教學與實驗教學、基礎與前沿、經(jīng)典與現(xiàn)代、實驗內(nèi)容與實際應用有機結(jié)合，更有利于學生學習，并且可以反復閱讀，是面授課堂一種好的補充與強化手段。

3多樣化互動教學

3.1課堂互動

成人有豐富的社會閱歷和人生體驗,有更為強烈的對話意識和平等意識，因此,師生活動主要體現(xiàn)在，放下身段，深入到學生們之中，和他們們交朋友，交流心得，平等對話，互相學習。鼓勵學生大膽地表達自己的想法，暢所欲言，和學生共去探索知識的世界。所謂生生互動，就是學生和學生之間可以互相討論，交流心得。在實際操作中將學生分組，合作學習，這樣促使小組成員積極參與，培養(yǎng)學生團結(jié)合作意識，集體榮譽感。人機互動是學習《動態(tài)網(wǎng)頁設計》這門課必不可少的環(huán)節(jié)。只懂理論，不會應用，猶如紙上談兵，完全失去了學習的意義。所以，課上學生必須上機實踐，在實踐中掌握知識，消化知識，融會貫通。

篇4

商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提品和服務的一種方式,是企業(yè)開展電子商務的基礎設施和信息平臺，其網(wǎng)頁頁面由具體的文字（標題、廣告語、單位名稱、Email地址等）、企業(yè)標志、商標、產(chǎn)品圖形、和信息菜單等內(nèi)容組成，這些內(nèi)容又常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。

本文將試析商業(yè)網(wǎng)頁設計視覺因素的心理規(guī)律，揭示商業(yè)網(wǎng)頁設計如何通過視覺心理因素更有效、更合理的表現(xiàn)與傳達信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。

一、商業(yè)網(wǎng)頁設計中點、線、面視覺心理因素的運用

點、線、面是商業(yè)網(wǎng)頁設計基本的視覺元素，是表現(xiàn)視覺形象的基本設計語言。從視覺角度看網(wǎng)頁設計主要是如何經(jīng)營好三者的關系，因為不管是任何視覺形象或者版式構成，歸結(jié)到底，都可以歸納為點、線和面。

1.網(wǎng)頁設計造型要素中的點

商業(yè)網(wǎng)頁設計中的點是構成網(wǎng)頁的最基本單位，是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的；是有大小、形狀和體積的。點的大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果、心理作用也不同。一個網(wǎng)頁往往需要有數(shù)量不等，形狀各異的點來構成，可以是具體產(chǎn)品、商品標志等，也可以是感覺上的點。例如，天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等，在其周圍背景襯托下，都給人以“點”的視覺心理感受。

點在設計中即可以起一種穩(wěn)定造型的作用，亦可起到活潑生動、吸引視覺中心的作用，使用得當，甚至可以畫龍點睛；點的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來不同的心理感受。

(1)單點的應用：點在人們的視覺中具有很強的吸引作用，如：點（商品）設計在網(wǎng)頁的上方或左右位置，則給人不穩(wěn)定感和相對的動感。

(2)多點的應用：兩點（二商品）之間會產(chǎn)生心理連線的感覺，多點時則會出現(xiàn)不同排列，順序的虛擬的面或形體。

2.網(wǎng)頁設計造型要素中的線

點的延伸形成線。線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質(zhì)量和情緒。線是分割頁面的主要元素之一，是決定頁面現(xiàn)象的基本要素。商業(yè)網(wǎng)頁設計視覺因素中的線主要指文字的行線，商品圖形、圖象的輪廊線，各種裝飾線。線的形態(tài)主要有直線和曲線兩大類：

(1)直線給人一種緊張、銳利、簡潔、剛直感，從心理或生理感覺來看具有男性特點。直線又有：細直線，給人纖細、敏銳的心理感覺；粗直線，給人豪爽、拙樸、厚重的感覺；垂直線，給人一種挺拔、莊嚴感；水平直線則給人方向感和強烈的動感。

(2)曲線表現(xiàn)出一種動態(tài)，活潑，輕快的意味，顯示了女性美的特征，商業(yè)網(wǎng)頁設計中運用文字行、圖象輪廊線或裝飾線的造型，創(chuàng)造一種女性化的審美感。自由曲線是最好的情感抒發(fā)手段。打破了水平線組成的莊嚴和單調(diào)，給商業(yè)網(wǎng)頁增加了豐富、流暢、活潑的氣氛。水平線和自由曲線的組合運用，形成新穎的形式和不同情感的對比。

3.網(wǎng)頁設計造型要素中的面

線的推移形成面。面是無數(shù)點和線的組合。面具有一定的面積和質(zhì)量，占據(jù)空間的位置更多，因而相比點和線來說視覺沖擊力更大更強烈。面在網(wǎng)頁設計中通常指各種圖形、色塊的形狀設計，不同形狀的面具有自己鮮明的個性和情感特征，能給人不同的心理感受，如方形的面具有沉著，穩(wěn)重，厚實，堅強的男性特征；三角形、梯形面常給人一種穩(wěn)定、端正之感；但如果將它們倒過來設計，則給人一種輕、不穩(wěn)定的感覺。圓形充實、圓滿、活潑的感覺，比較適合表現(xiàn)兒童產(chǎn)品或者女性用品。菱形或不規(guī)則形體則給人一種活潑、輕快之感。

在商業(yè)網(wǎng)頁的視覺構成中，點、線、面既是最基本的造型元素，又是最重要的表現(xiàn)手段。在確定商業(yè)網(wǎng)頁主體形象的位置、動態(tài)時，點線面將是需要最先考慮的因素。必須熟練掌握設計語言。要善于根據(jù)商業(yè)特性采用不同的組合去體現(xiàn)不同的情感訴求，達到推銷、銷售商品和服務的作用。只有合理的安排好點線面的互相關系，才能設計出具有最佳視覺效果的頁面，充分的表達出商業(yè)網(wǎng)頁最終的訴求！二、商業(yè)網(wǎng)頁設計中色彩視覺心理因素的運用

商業(yè)網(wǎng)頁設計中色彩是確立網(wǎng)站風格的靈魂。色彩能產(chǎn)生強烈的視覺效果，使頁面更加生動。色彩設計的好壞直接影響閱讀者的觀賞興趣與心理變化。因此，地位十分重要。商業(yè)網(wǎng)頁的色彩設計應從以下幾個方面把握和利用其心理特征：

首先，整個頁面要確定一個主色調(diào)，其有利于體現(xiàn)網(wǎng)站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實感。暖色系、高明度的色彩能給人一種面積大的前進感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個人群對色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設計中要考慮主要讀者群的背景和構成以及如何與商品的屬性相呼應。

其次，在主色調(diào)下的色調(diào)搭配。若頁面空間整體、色彩和諧統(tǒng)一，則給人一種幽雅、寧靜感；若以對比手法處理，圖形文字色彩明快突出于背景色，則頁面空間氛圍會顯得活躍而有生氣。但是，要注意不能有強烈的色彩對比，因為過于豐富的背景色彩會影響前景商品圖片和文字的取色，使文字溶于背景中，不易辨識。所以背景一般應以單純?yōu)橐恕?/p>

最后，作為設計師在考慮網(wǎng)頁設計時，還應考慮到時代流行性色和企業(yè)標準色的問題。所謂流行色，是指在一定范圍內(nèi)和時間內(nèi)，非常盛行并易為人們接受的某些式樣或顏色。而標準色的運用在網(wǎng)上擴大了品牌效應，也是對公司整體形象的統(tǒng)一應用，從而構成了企業(yè)識別系統(tǒng)（CIS）的重要部分。

三、商業(yè)網(wǎng)頁設計中動、靜的視覺心理因素的運用

商業(yè)網(wǎng)頁設計構成要素可分為兩種狀態(tài)：靜態(tài)與動態(tài)。靜態(tài)要素設計具體指靜止的商品圖形、文字、按紐等；動態(tài)要素，具體指動態(tài)按紐、按紐連接、網(wǎng)頁動畫和視頻等，它們是豐富、生動網(wǎng)頁、張顯個性、突出主題重要手段。

動靜以及不同的動靜組合都可以反映不同的心理與性格，如，動大體上給人活潑、生動的印象，但極慢的動常給人憂慮感；迅速或突然的動常給人焦慮、驚慌感。另外，靜也常給人寧靜、沉悶兩種感覺。

商業(yè)網(wǎng)頁設計中要注意處理好動靜的關系，要整體和諧統(tǒng)一，給人生動而不躁動或厭惡感。同時還要遵循動態(tài)性原則與交互性原則。

1.動態(tài)性原則，即要有四維空間或五維空間的運作觀念。一件網(wǎng)頁商品、圖片不僅是二維的平面或三維的視覺，也要有時間與空間的變換，情感與思維認識的演變等多維因素。

2.交互性原則，即界面設計強調(diào)交互過程。一方面是物的信息傳達，另一方面是人的接受與反饋，對任何物的信息都能動地認識與把握。

四、商業(yè)網(wǎng)頁設計中視覺流程心理因素的運用

商業(yè)網(wǎng)頁設計是通過視覺元素引起人注目而實現(xiàn)商品信息內(nèi)容的傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)頁真正成為可讀強性而且新穎的媒體，必須適應人們視覺流程的心理和生理的特點。

視覺流程的形成是由人類的視覺特性所決定的。心理學家葛斯達認為：人們閱讀時，版面的上部比下部的注目價值高，左側(cè)比右側(cè)的注目價值高。因此，版面的左上側(cè)位置最為引人注目，因此，在網(wǎng)頁設計中一些突出的商品信息，如主標題、每天更新的內(nèi)容等通常都放在這個位置。以便于一開始就吸引受眾的視線，誘導其由上到下，由左到右地移動。此位置也被稱作視覺的最佳視域。也就是最優(yōu)選的地方。當然視覺流程是一種感覺而非確切的數(shù)學公式，只要符合人們認識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運用。設計者可以利用視線移動規(guī)律，誘導讀者的視線作左右流動、上下流動以及斜線的不穩(wěn)定流動，通過編排設計，人為地產(chǎn)生最佳視域，突出主要商品，以達到一定的視覺效果，傳遞商品信息。

商業(yè)網(wǎng)頁作為一種新的企業(yè)開展電子商務的基礎設施和信息平臺，它的發(fā)展雖然沒有多長時間，卻兼容了傳統(tǒng)平面設計的特征，又具備其所沒有的優(yōu)勢，成為今后商品信息交流的一個非常有影響的途徑。其設計是一種綜合性的設計，它所涉及的范圍非常的廣泛，包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面，而本文中只從視覺心理因素的角度進行了一些闡述與分析，僅作拋磚引玉之用。

參考文獻:

[1]李彬彬:設計效果心理評價[M].北京:中國輕工出版社,2005.1

篇5

科技的發(fā)展，使視覺這門藝術不再僅僅局限于二維空間的發(fā)展，動畫、視頻等網(wǎng)頁設計元素的運用，極大地豐富了網(wǎng)頁的信息內(nèi)容，這些元素成為網(wǎng)頁設計中最生動、最活躍的因素，給受眾帶來試聽方面的雙重享受。動聽的音樂，服飾的動態(tài)展示，給受眾帶來愉悅感的同時，像一種調(diào)劑一樣平衡了視覺和心理上的感受，同時還留給了受眾對服飾想象空間的延伸。在服飾網(wǎng)頁設計中，通常用Flas的方式來展示服飾產(chǎn)品。當然，伴隨著三維動畫的運用，服飾網(wǎng)頁的設計將會越來越科學和藝術。動畫等視頻藝術的運用，能夠營造出受眾者對服飾的一種情緒，一種感覺與情感。動畫方式的服飾展示，不僅使人們的情感得到張揚，而且使人機對話的過程也變得更加生動有趣。其總的設計目標是營造出一種放松的氣氛，使人們感到輕松、活潑與休閑，在閱讀過程中，使受眾者在視覺與心理上獲取愉悅，產(chǎn)生消費的熱情。

(2)整體色彩感。

網(wǎng)絡媒體是一種非常特殊的媒體形式，通過光和色將要傳遞的信息展現(xiàn)在屏幕上，用于人們交流與溝通。因此，設計出符合人的心理與生理等要求的，合理的色彩搭配就顯得尤為重要。在設置色彩的彩度及明度時要特別慎重，受眾者的要求以及服飾品牌風格色調(diào)的和諧就需要得到綜合全面地考慮。可以采用設置背景的方法，一來減少人們由于長時間注視亮背景所引起的神經(jīng)疲勞以及心理上的厭煩感，二者烘托服飾風格，這樣使網(wǎng)頁的總體風格超越文字和圖形的既定內(nèi)涵，給受眾者勾畫出一個完整的審美意境。其次，還可以通過利用和諧的色彩搭配及色彩有規(guī)律的變化，營造視覺上的流動感，使受眾者在獲取信息的同時，也能夠得到視覺和精神上的購物享受。

2服飾網(wǎng)頁框架布局

網(wǎng)頁的框架布局是網(wǎng)站視覺設計研究的重要環(huán)節(jié)之一，網(wǎng)頁設計中把不同的設計要素進行有機整合，主要借助框架結(jié)構來完成。這種框架結(jié)構相當于普通頁面的版式設計。常見的網(wǎng)頁布局有層，還有表格定位的方式。在服飾網(wǎng)頁設計中，通常兩種定位方式同時采用，他們互相取長補短，相得益彰。由于服飾網(wǎng)站的特殊性質(zhì)，受眾瀏覽網(wǎng)站的目的、閱讀信息的方式以及在站內(nèi)逗留的時間的不同，在策劃網(wǎng)頁頁面的編排創(chuàng)意時，采取“少則多”的設計原則，這樣單個頁面雖然容納的信息量較少，但視覺表現(xiàn)力卻比較集中。這種設計手法滿足了受眾者對服飾好奇、探求的欲望，為服飾網(wǎng)站的個性化風格營造了氛圍;再者，人機對話的方式誘發(fā)了受眾的活力與興趣，增加了網(wǎng)絡互動性，這樣有利于消費者與設計師之間的溝通與交流。服飾網(wǎng)頁頁面編排時，還需要結(jié)合服裝品牌的主題風格與素材，不斷調(diào)整頁面的均衡，在統(tǒng)一中尋求變化，獲得秩序感，給受眾者創(chuàng)造最佳的視覺效果，最終完成信息的傳遞。

篇6

1.1從編寫代碼到創(chuàng)建實際任務。傳統(tǒng)的網(wǎng)頁教學總是以編寫HTML超文本標記語言、CSS層疊樣式表文件、JavaScript為基礎，通過Dreamweaver工具的拆分模式實現(xiàn)可視化的實際效果與基礎理論的結(jié)合來展開。這樣的教學方式與網(wǎng)頁的實際應用聯(lián)系較少。使得學生在學完網(wǎng)頁之后難以解決具體的實際問題。采用任務驅(qū)動的教學方法，通過實際項目，引入真實情境，如玩具銷售店、我的大學生活、學科資源網(wǎng)站等。讓學們從單純的學生角色轉(zhuǎn)化為網(wǎng)站構建者，成為一個生產(chǎn)者。這樣大大激發(fā)了學生的學習動力，并肩負責任感和成就感去學習。學生在構建實際網(wǎng)站過程中直接、頻繁地接觸計算思維的概念，如網(wǎng)頁結(jié)構的搭建，樣式美化的屬性設置等，并不斷提升系統(tǒng)性的思考能力和創(chuàng)意思維能力。構建網(wǎng)站時系統(tǒng)性的思考力是指學生需要在設計諸如導航條或鏈接中從設計網(wǎng)站、解決問題和理解用戶需求的角度去“仔細思考用戶與網(wǎng)站的互動方式以及根據(jù)意圖實現(xiàn)功能的方式解決問題”[1]。構建網(wǎng)站中的創(chuàng)意思維是指學生可以把網(wǎng)頁設計學習融入到創(chuàng)作具有實際意義和真實內(nèi)容及富有個性的網(wǎng)站構建過程中，將學科學習與實際生活相統(tǒng)一。

1.2從獨立開發(fā)到小組合作、組間協(xié)作。網(wǎng)頁設計與網(wǎng)站開發(fā)的工作不是一個人獨立完成的，而是需要團隊的合作共同完成，當前的信息產(chǎn)業(yè)的工作都不是一個人獨立能夠完成的，而需要與他人合作完成。因此，獨立思考和學習確實能促進學生知識掌握能力、而通過合作構建網(wǎng)站可以分解復雜任務。利用這種協(xié)作模式可以培養(yǎng)計算思維能力中除知識技能方面的其他方面——過程與方法、情感態(tài)度與價值觀。

2考核評價

根據(jù)《網(wǎng)頁設計與網(wǎng)站開發(fā)課程》的三維教學目標（知識技能、過程與方法、情感態(tài)度三方面）制定考核方法及評價標準?？己嗽u價改變傳統(tǒng)的單一的總結(jié)性評價的方法，采用平時的過程評價、階段評價和綜合評價相結(jié)合的評價方法。過程評價是指學生平時的學習過程，根據(jù)精心設計的學習情境對學生的學習過程進行記錄和評分。這其中包括學生出勤情況、學習態(tài)度、單元情境的完成情況；階段評價即是期中評價，通過期初時提出主題網(wǎng)站任務，學生在學習過程中著手規(guī)劃、設計、實施并完成任務，在學期中期進行集中評價[2]，起到貫穿始終、承前啟后的作用；期末考試采用上機考試，題型包括根據(jù)給定素材及代碼截圖拼出網(wǎng)頁頁面，根據(jù)給定模板和主題要求，在現(xiàn)有素材的基礎上實現(xiàn)網(wǎng)站規(guī)劃及網(wǎng)頁設計。

篇7

二、圖形元素

圖形元素的存在大大美化了網(wǎng)頁設計，它擁有強烈的藝術美感和視覺沖擊力，是文字之后最早被引入到網(wǎng)頁設計中的元素，它所傳遞信息的直觀性遠勝于文字。圖形設計中的色彩搭配、元素構成、版式布局都要符合瀏覽者的審美心理，才能使得網(wǎng)頁在短時間內(nèi)給受眾留下深刻的印象。網(wǎng)頁設計中的圖片提供導向和鏈接的功能。根據(jù)人機心理學研究，人們的視線在瀏覽網(wǎng)頁時，會首先垂直的落在屏幕中心，然后向四周游動。決定了設計師要將重要的信息安排在注視點高的區(qū)域，所以設計師要根據(jù)視覺流程來合理安排圖片的適度位置。網(wǎng)頁設計中的圖片是要經(jīng)過網(wǎng)絡下載才可以最后看到，受到寬帶的限制，所以要求圖形文件量盡可能的小。在圖片大小固定的情況下，文件量越低說明圖片分辨率要越低。對于顯示器上的圖片而言，分辨率為72dpi是大多數(shù)圖片的最佳選擇。

三、色彩元素

色彩的配色設計直接影響網(wǎng)站的整體定位、風格。作為設計中不可缺少的元素，它建立在文字圖形的基礎上，依靠眼睛的功能，通過感覺的視覺沖擊力對心理起作用。每一種顏色都有不同的心理暗示。冷色中的藍色代表平靜，暖色中的紅色代表激動；黑色給人沉重感，淺色則讓物體輕盈；色彩從色調(diào)、飽和度、明度三個方面影響著網(wǎng)頁，我們可以找到很多運用廣泛的色彩配色方案，來作為實際學習和工作中的向?qū)А＞W(wǎng)頁設計中的色彩元素需要符合國際色彩的標準，因為互聯(lián)網(wǎng)絡是建立在國際互聯(lián)網(wǎng)統(tǒng)一的平臺上的。最簡單的說就是采用網(wǎng)頁安全色，不能毫無節(jié)制的運用太多顏色，一般情況下先根據(jù)總體風格的要求定出主色調(diào)和輔助色進行色彩的搭配。網(wǎng)頁色彩模式一般采取RGB模式。網(wǎng)頁設計是通過顯示器來進行展示的，目前顯示器大都采用RGB顏色標準，這與RGB顏色模式的原理分不開。RGB是從顏色發(fā)光的原理來設計定的，通俗點說它的顏色混合方式就好像有紅、綠、藍三盞燈，當它們的光相互疊合的時候，色彩相混，而亮度卻等于兩者亮度之總和，越混合亮度越高，即加法混合。在顯示器上，通過電子槍打在屏幕的紅、綠、藍三色發(fā)光極上來產(chǎn)生色彩的。

篇8

2、色彩在網(wǎng)頁設計中的重要性

如今，人們打開一個網(wǎng)頁，已經(jīng)不再滿足于文字的內(nèi)容，他們有了更高的審美意識，對于網(wǎng)頁設計來說，藝術設計的地位就越來越重要了。色彩包含在美學當中，各種色彩代表不一樣的內(nèi)涵。以網(wǎng)頁的內(nèi)容以及特點為基礎，合理的運用色彩構成，正確的搭配色彩，可以增加網(wǎng)頁的視覺效果，從而引起人們的共鳴，影響人們的情緒，不但可以傳達信息，還可以產(chǎn)生情感上的交流。對于藝術設計來說，色彩是很關鍵的要素。色彩搭配的好，可以給人們很直觀的視覺沖擊，以及藝術享受，可以讓人們站在美學的角度來理解網(wǎng)站的內(nèi)容，這就是網(wǎng)頁色彩設計的初衷。網(wǎng)頁在性質(zhì)上屬于視覺傳遞的新型載體，和雜志、電視、報刊以及廣播等傳統(tǒng)的媒體比較起來，構成更加復雜一些，將文字、圖像以及聲音融于一體。用戶打開一個網(wǎng)頁，最初的印象就是色彩。對于網(wǎng)頁設計來說，色彩有著重要的意義，它不但可以表達網(wǎng)頁作品的內(nèi)容，還可以實現(xiàn)視覺的傳達。

3、網(wǎng)頁設計中色彩的應用

3.1網(wǎng)頁設計中色彩的調(diào)和與搭配。網(wǎng)頁的形式各種各樣，宣傳效果也是大不相同，我們要對網(wǎng)頁設計的各種色彩搭配以及理念進行研究，所謂的理念，就是把色彩融入到網(wǎng)頁的構成當中，從全局的角度體現(xiàn)出具體和局部的美，此外，可以依據(jù)宣傳內(nèi)容，利用色調(diào)和色彩表達出來，根據(jù)不同的網(wǎng)頁種類，用各種形式進行表達。

3.1.1針對各種群體，采取網(wǎng)頁色彩表達。因為受眾群體是不一樣的，網(wǎng)頁的色彩也有要區(qū)別，舉個例子，以年齡段不同進行區(qū)分的受眾群體，就要表現(xiàn)出性格以及年齡的特征，每一個年齡段的群體，情感需要是不一樣的，在設計網(wǎng)頁時，選擇的方法也是不一樣的。對于兒童來說，主要以紅色以及綠色為主色帶，在關鍵地方表現(xiàn)出來，然后在輔以其他顏色，這種色彩可以體現(xiàn)出活潑的格調(diào)。

3.1.2針對各種類型的網(wǎng)頁設計宣傳理念，如何進行色彩搭配。不同的網(wǎng)頁，所要實現(xiàn)的宣傳目標是不一樣的，通常來說，我們利用各種感覺通到以及色彩的感受，去領域宣傳的本質(zhì)內(nèi)涵。我們設計網(wǎng)頁，主要是為了實現(xiàn)宣傳的目的，利用色彩的方式，可以把這種目的體現(xiàn)出來，這就叫做不同產(chǎn)品設計理念的不同理解以及表達。

3.2網(wǎng)頁設計中色彩對應與分配。

3.2.1設計網(wǎng)頁時，色彩搭配要注重層次性。在設計網(wǎng)頁時，我們想要傳達給受眾的是多層的信息，而不是一層兩層，同時，各個層次還是可以相互包容的，這種包容就體現(xiàn)了色彩搭配，而且不同色彩之間還有各種元素交織在一起，為了更好的傳達信息，也為了更生動準確的傳達信息，我們必須體現(xiàn)出色彩的層次性，這也是我們所要表達的設計理念。色彩的層次性關鍵是精，而不是多，更主要的是合理以及整潔，所謂的合理有序指的是色彩的合理分布以及有序搭配，我們所倡導的是前面是主色調(diào)，隨后是單色調(diào)；帶有宣傳目的色彩置于前面，而搭配意義的背景可以置于后面，這種搭配方式可以起到很好的效果，而且這種層次性還可以讓人們有一種煥然一新的感覺，然后通過色彩的形式表達出來，實現(xiàn)宣傳的目的。

3.2.2設計網(wǎng)頁時，色彩搭配需要注重包容性。色彩的包容性，指的是各個色彩之間的搭配以及穿插，這種搭配以及穿插，可以把各種顏色融合在一起，從而表達出一種感情。網(wǎng)頁設計不同，色彩包容的顏色也不同，舉個例子，某些網(wǎng)頁是為了宣傳某種產(chǎn)品，在廣告中，利用的是反思維的方式來引導受眾，然后引出產(chǎn)品的形式以及構成。這種網(wǎng)頁的主色調(diào)會置于一個關鍵的位置，在它的周圍以及內(nèi)部進行科學的搭配。

3.3網(wǎng)頁設計中色彩的簡單與復雜規(guī)劃。

3.3.1簡單色彩形式的網(wǎng)頁設計。這種形式的網(wǎng)頁設計，主要是為了體現(xiàn)出重點，營造出需要的氛圍，表達出一種情感。而這種情感也就是我們秉承的設計理念以及規(guī)劃。體現(xiàn)出重點，也就是體現(xiàn)出網(wǎng)頁的內(nèi)容，這種情況通?？梢圆捎靡曈X沖擊力較強的色彩來表達，而在搭配背景顏色時，要更加清淡，做一些簡單的描繪以及勾勒，主要的目的還是體現(xiàn)出網(wǎng)頁的關鍵內(nèi)容。

篇9

二、什么樣的設計更適合web頁面

1.慎用較“重”的圖形元素這里圖形元素的輕重不是色調(diào)的輕重，是形式的輕和重，形式的輕重和內(nèi)容相呼應，網(wǎng)頁設計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外，網(wǎng)頁設計師開始意識到好的網(wǎng)頁設計更注重的是將網(wǎng)頁內(nèi)容與網(wǎng)頁形式結(jié)合起來，而非形式的堆砌。所以設計師在應用那些較“重”的圖形設計時，一定要慎重思考，考慮到該圖形的應用是否有必要以及該設計是否與受眾的氣質(zhì)相契合。

2.內(nèi)容和形式的分離對于一些比較強調(diào)視覺效果的特殊產(chǎn)品，也可以利用圖片格式和一些前端知識對網(wǎng)頁設計進行優(yōu)化，比如內(nèi)容和形式的分離。一些國外比較流行的設計風格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優(yōu)化，同時因為前端實現(xiàn)時一般會用相近的背景色先進行填充，然后在逐步顯示背景圖，就不會因為加載太慢而拖慢用戶的訪問速度。

3.通過較小的視覺犧牲換取較大的性能提升有時候為了提升頁面的加載速度達到更好的用戶體驗，不得不對設計進行優(yōu)化，這個時候就需要犧牲一部分視覺效果利用網(wǎng)頁設計師掌握的圖片格式知識更有目的性的優(yōu)化設計網(wǎng)頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網(wǎng)頁網(wǎng)頁，由于雙十一期間，該網(wǎng)頁的訪問量非常大并且為了配合商家的宣傳活動需要在網(wǎng)頁上加載非常多的商品圖片，這時候就需要網(wǎng)頁設計師對雙十一的促銷活動網(wǎng)頁的圖形進行優(yōu)化以達到提升網(wǎng)頁性能的目的。網(wǎng)頁設計師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。

4.圖形藝術的界面處理新穎的網(wǎng)頁圖形藝術設計可以牢牢地吸引住瀏覽者的注意力，設計具有創(chuàng)意、布局合理、設計規(guī)范的網(wǎng)頁也是提高網(wǎng)頁瀏覽量的的重中之重。一個圖形運用恰當、設計人性化的網(wǎng)頁可以讓瀏覽者對網(wǎng)站心生好感，極大地提高瀏覽者瀏覽該網(wǎng)頁的欲望。所以，網(wǎng)頁設計者要注重運用一切科學技術手段來設計圖形藝術，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個良好的第一印象。

篇10

點、線、面是視覺構成的基本要素，網(wǎng)頁的所有信息都是通過點、線、面的合理搭配出來的效果，因此，要提高網(wǎng)頁的視覺效果，首先就要從這三者的結(jié)合上來分析。例如：在點的運用中，工作者可以通過將點聚合或者離散使用，從而達到動靜態(tài)結(jié)合的效果，滿足用戶的需求。另外，通過點的有效結(jié)合形成線，線之間交叉使用，虛實線的結(jié)合、線的明暗漸變等，讓整個網(wǎng)頁的版面形成大概的輪廓，達到版面的基本效果。

（二）圖文、色彩的合理搭配

在網(wǎng)頁設計中，圖文、色彩也是必不可少的視覺構成因素，不同的圖文、色彩搭配達到的網(wǎng)頁效果就會千差萬別。所以，設計者要想提高網(wǎng)頁的視覺效果，還需要將更多的精力放在圖文與色彩的合理搭配上。在選擇網(wǎng)頁的圖片、文字、色彩等信息時需要與網(wǎng)頁的主題結(jié)合起來。所選的文字、圖片要具有代表性，能夠體現(xiàn)出網(wǎng)頁的主題，選擇的色彩更應該科學合理，對于比較柔情的網(wǎng)站可以選擇淡粉色，而對于某些具有科技研究性能的網(wǎng)站要選用藍色、綠色等有生機的色調(diào)來渲染。另外，所選的色彩還需要合理搭配才能體現(xiàn)出網(wǎng)站的主題，同色調(diào)的搭配、相似色調(diào)的搭配、反差大的色調(diào)搭配以及主色調(diào)的選擇、輔色調(diào)的選擇等都要設計者仔細掂量，并將網(wǎng)站的主題結(jié)合進來，才能讓網(wǎng)頁的視覺效果吸引用戶的眼球。

（三）將用戶的認知習慣合理的結(jié)合起來

不同的用戶具有不同的思維習慣，他們的審美觀也各不相同，要想讓用戶對網(wǎng)頁的設計效果滿意，還需要將他們的認知習慣科學合理地結(jié)合到網(wǎng)頁設計的過程中。設計者不僅要具有良好的專業(yè)素質(zhì)，還要具有明確用戶需求、了解用戶認知習慣的能力，才能將各種網(wǎng)頁設計中的視覺構成要素科學系統(tǒng)地結(jié)合起來，達到設計網(wǎng)頁的效果，達到用戶的需求。