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

篇1

二、網(wǎng)頁設(shè)計(jì)不應(yīng)打破慣例

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

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

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

篇2

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

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

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

3.確定欄目和板塊。

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

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

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

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

1.資料的搜集。

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

2.熟悉制作軟件。

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

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

1.構(gòu)建站點(diǎn)框架。

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

2.設(shè)計(jì)主頁及二級頁面。

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

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

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

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

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

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

篇3

1.1案例教學(xué)法案

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

1.2任務(wù)驅(qū)動法

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

1.3分層教學(xué)法

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

2模擬化網(wǎng)絡(luò)教學(xué)

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

3多樣化互動教學(xué)

3.1課堂互動

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

篇4

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

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

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

點(diǎn)、線、面是商業(yè)網(wǎng)頁設(shè)計(jì)基本的視覺元素，是表現(xiàn)視覺形象的基本設(shè)計(jì)語言。從視覺角度看網(wǎng)頁設(shè)計(jì)主要是如何經(jīng)營好三者的關(guān)系，因?yàn)椴还苁侨魏我曈X形象或者版式構(gòu)成，歸結(jié)到底，都可以歸納為點(diǎn)、線和面。

1.網(wǎng)頁設(shè)計(jì)造型要素中的點(diǎn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn):

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

篇5

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

(2)整體色彩感。

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

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

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

篇6

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

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

2考核評價

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

篇7

二、圖形元素

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

三、色彩元素

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

篇8

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

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

3、網(wǎng)頁設(shè)計(jì)中色彩的應(yīng)用

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

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

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

3.2網(wǎng)頁設(shè)計(jì)中色彩對應(yīng)與分配。

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

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

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

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

篇9

二、什么樣的設(shè)計(jì)更適合web頁面

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

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

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

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

篇10

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

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

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

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

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