導言：作(zuo)為(wei)寫作(zuo)愛好(hao)者(zhe)，不可錯過為(wei)您精心(xin)挑選(xuan)的(de)(de)(de)10篇網頁設計論(lun)文，它們將為(wei)您的(de)(de)(de)寫作(zuo)提供全新的(de)(de)(de)視角(jiao)，我們衷(zhong)心(xin)期待您的(de)(de)(de)閱讀(du)，并希望(wang)這些(xie)內容能為(wei)您提供靈感和參考。

篇1

二、網頁設計不應打破慣例

前(qian)面(mian)(mian)(mian)已(yi)經(jing)(jing)提到(dao)，網頁(ye)(ye)(ye)(ye)是(shi)(shi)(shi)(shi)一個要(yao)(yao)求即看(kan)即用(yong)(yong)的(de)特(te)殊“產品”，也就(jiu)(jiu)是(shi)(shi)(shi)(shi)一看(kan)我(wo)(wo)(wo)們(men)就(jiu)(jiu)要(yao)(yao)知(zhi)(zhi)道如(ru)何使(shi)(shi)用(yong)(yong)。我(wo)(wo)(wo)們(men)雖然使(shi)(shi)用(yong)(yong)了(le)若(ruo)干手(shou)機，但(dan)我(wo)(wo)(wo)們(men)購買了(le)一款(kuan)新的(de)手(shou)機時，我(wo)(wo)(wo)們(men)還是(shi)(shi)(shi)(shi)得閱讀(du)說明書后才能正(zheng)常使(shi)(shi)用(yong)(yong)，網頁(ye)(ye)(ye)(ye)確不(bu)需要(yao)(yao)。那如(ru)何才能達到(dao)即看(kan)即用(yong)(yong)呢？使(shi)(shi)用(yong)(yong)慣例(li)就(jiu)(jiu)是(shi)(shi)(shi)(shi)最好(hao)的(de)武器，這(zhe)也是(shi)(shi)(shi)(shi)提高所有(you)(you)產品易(yi)用(yong)(yong)性的(de)重要(yao)(yao)法寶(bao)。慣例(li)就(jiu)(jiu)是(shi)(shi)(shi)(shi)我(wo)(wo)(wo)們(men)已(yi)經(jing)(jing)習慣了(le)的(de)東西(xi)，我(wo)(wo)(wo)們(men)一看(kan)就(jiu)(jiu)知(zhi)(zhi)道它的(de)意(yi)思，就(jiu)(jiu)知(zhi)(zhi)道怎么(me)去(qu)操作，因為慣例(li)是(shi)(shi)(shi)(shi)我(wo)(wo)(wo)們(men)日常生活中(zhong)積累起來(lai)的(de)，已(yi)經(jing)(jing)存(cun)(cun)入大腦(nao)的(de)固(gu)有(you)(you)知(zhi)(zhi)識(shi)(shi)。唐納德•A•諾曼在(zai)(zai)《設(she)計心理學》中(zhong)將(jiang)知(zhi)(zhi)識(shi)(shi)分為了(le)存(cun)(cun)儲于外部(bu)(bu)的(de)知(zhi)(zhi)識(shi)(shi)和存(cun)(cun)儲于頭(tou)(tou)腦(nao)內部(bu)(bu)的(de)知(zhi)(zhi)識(shi)(shi)，使(shi)(shi)用(yong)(yong)存(cun)(cun)儲于外部(bu)(bu)的(de)知(zhi)(zhi)識(shi)(shi)不(bu)需要(yao)(yao)學習，但(dan)效(xiao)率低；使(shi)(shi)用(yong)(yong)頭(tou)(tou)腦(nao)內部(bu)(bu)的(de)知(zhi)(zhi)識(shi)(shi)需要(yao)(yao)專門(men)學習，但(dan)效(xiao)率高。而慣例(li)是(shi)(shi)(shi)(shi)已(yi)經(jing)(jing)存(cun)(cun)儲在(zai)(zai)頭(tou)(tou)腦(nao)內部(bu)(bu)的(de)知(zhi)(zhi)識(shi)(shi)，具有(you)(you)外部(bu)(bu)知(zhi)(zhi)識(shi)(shi)的(de)高易(yi)用(yong)(yong)性和頭(tou)(tou)腦(nao)內部(bu)(bu)知(zhi)(zhi)識(shi)(shi)的(de)高效(xiao)率。在(zai)(zai)網頁(ye)(ye)(ye)(ye)設(she)計中(zhong)有(you)(you)很多(duo)慣例(li)是(shi)(shi)(shi)(shi)不(bu)能輕易(yi)去(qu)打破的(de)，一是(shi)(shi)(shi)(shi)重要(yao)(yao)導航在(zai)(zai)頁(ye)(ye)(ye)(ye)面(mian)(mian)(mian)的(de)位置(zhi)(zhi)，按照慣例(li)一般布置(zhi)(zhi)在(zai)(zai)頁(ye)(ye)(ye)(ye)面(mian)(mian)(mian)的(de)上(shang)(shang)部(bu)(bu)、左(zuo)上(shang)(shang)部(bu)(bu)或右(you)上(shang)(shang)部(bu)(bu)，首頁(ye)(ye)(ye)(ye)的(de)鏈接放(fang)置(zhi)(zhi)在(zai)(zai)最前(qian)面(mian)(mian)(mian)；二是(shi)(shi)(shi)(shi)網站的(de)標識(shi)(shi)放(fang)置(zhi)(zhi)在(zai)(zai)頁(ye)(ye)(ye)(ye)面(mian)(mian)(mian)的(de)左(zuo)上(shang)(shang)部(bu)(bu)，瀏(liu)覽者(zhe)用(yong)(yong)其來(lai)判別是(shi)(shi)(shi)(shi)否到(dao)達了(le)目標網站；三是(shi)(shi)(shi)(shi)文字(zi)鏈接要(yao)(yao)加下(xia)劃(hua)線（也可以鼠標放(fang)上(shang)(shang)去(qu)才出現(xian)），瀏(liu)覽者(zhe)用(yong)(yong)其來(lai)判斷是(shi)(shi)(shi)(shi)否有(you)(you)超級鏈接；四(si)是(shi)(shi)(shi)(shi)常用(yong)(yong)標識(shi)(shi)符(fu)號(hao)(hao)，如(ru)在(zai)(zai)多(duo)頁(ye)(ye)(ye)(ye)文檔中(zhong)，代表向上(shang)(shang)翻(fan)頁(ye)(ye)(ye)(ye)，代表向下(xia)翻(fan)頁(ye)(ye)(ye)(ye)；在(zai)(zai)視頻(pin)、音(yin)頻(pin)播放(fang)中(zhong)■代表停止，代表暫停，代表播放(fang)。這(zhe)些標識(shi)(shi)符(fu)號(hao)(hao)在(zai)(zai)網頁(ye)(ye)(ye)(ye)中(zhong)已(yi)經(jing)(jing)具有(you)(you)特(te)定的(de)意(yi)義，是(shi)(shi)(shi)(shi)不(bu)能隨意(yi)改變的(de)。

三(san)、設計層面之間的邏輯聯(lian)系

在(zai)《用戶(hu)體(ti)驗的(de)(de)(de)(de)(de)(de)(de)(de)(de)要(yao)素——以(yi)(yi)用戶(hu)為中(zhong)(zhong)心的(de)(de)(de)(de)(de)(de)(de)(de)(de)Web設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)》一(yi)(yi)(yi)書中(zhong)(zhong)論述了(le)(le)網(wang)(wang)(wang)頁(ye)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)(de)五個層(ceng)(ceng)面，包(bao)括(kuo)戰略層(ceng)(ceng)、范圍層(ceng)(ceng)、結(jie)(jie)構(gou)(gou)(gou)層(ceng)(ceng)、框架層(ceng)(ceng)和(he)(he)表(biao)現(xian)層(ceng)(ceng)，并確(que)定(ding)(ding)了(le)(le)自(zi)(zi)下(xia)而上的(de)(de)(de)(de)(de)(de)(de)(de)(de)建(jian)設(she)(she)(she)(she)(she)流(liu)程，規(gui)定(ding)(ding)了(le)(le)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)(de)程序。自(zi)(zi)下(xia)而上的(de)(de)(de)(de)(de)(de)(de)(de)(de)各個層(ceng)(ceng)面，從抽象逐漸(jian)變成(cheng)(cheng)具(ju)體(ti)，并且包(bao)含著(zhu)密切的(de)(de)(de)(de)(de)(de)(de)(de)(de)邏(luo)輯聯系。戰略層(ceng)(ceng)確(que)定(ding)(ding)的(de)(de)(de)(de)(de)(de)(de)(de)(de)網(wang)(wang)(wang)站目(mu)標和(he)(he)用戶(hu)需求(qiu)，是(shi)整個網(wang)(wang)(wang)站設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)的(de)(de)(de)(de)(de)(de)(de)(de)(de)基石(shi)，其決(jue)定(ding)(ding)范圍層(ceng)(ceng)的(de)(de)(de)(de)(de)(de)(de)(de)(de)內容(rong)選擇和(he)(he)功(gong)能(neng)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)；結(jie)(jie)構(gou)(gou)(gou)層(ceng)(ceng)是(shi)對范圍層(ceng)(ceng)選擇的(de)(de)(de)(de)(de)(de)(de)(de)(de)內容(rong)進(jin)行(xing)分類和(he)(he)組(zu)織(zhi)，形(xing)成(cheng)(cheng)信息(xi)(xi)架構(gou)(gou)(gou)，以(yi)(yi)及對確(que)定(ding)(ding)的(de)(de)(de)(de)(de)(de)(de)(de)(de)功(gong)能(neng)進(jin)行(xing)交(jiao)互設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)，確(que)定(ding)(ding)交(jiao)互的(de)(de)(de)(de)(de)(de)(de)(de)(de)過程和(he)(he)交(jiao)互行(xing)為；框架層(ceng)(ceng)是(shi)在(zai)結(jie)(jie)構(gou)(gou)(gou)層(ceng)(ceng)信息(xi)(xi)架構(gou)(gou)(gou)的(de)(de)(de)(de)(de)(de)(de)(de)(de)基礎上，根據完(wan)成(cheng)(cheng)任(ren)務的(de)(de)(de)(de)(de)(de)(de)(de)(de)需要(yao)，利用超級鏈接設(she)(she)(she)(she)(she)置(zhi)來(lai)完(wan)成(cheng)(cheng)導航設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)，以(yi)(yi)及規(gui)劃信息(xi)(xi)架構(gou)(gou)(gou)在(zai)頁(ye)面空間中(zhong)(zhong)的(de)(de)(de)(de)(de)(de)(de)(de)(de)位置(zhi)關(guan)系，形(xing)成(cheng)(cheng)布(bu)局框架；表(biao)現(xian)層(ceng)(ceng)是(shi)對框架層(ceng)(ceng)進(jin)行(xing)具(ju)體(ti)的(de)(de)(de)(de)(de)(de)(de)(de)(de)視(shi)覺表(biao)現(xian)，包(bao)括(kuo)圖形(xing)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)、色彩設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)、信息(xi)(xi)圖表(biao)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)、動畫設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)、視(shi)頻設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)等。從上面的(de)(de)(de)(de)(de)(de)(de)(de)(de)分析可以(yi)(yi)看(kan)出，下(xia)一(yi)(yi)(yi)層(ceng)(ceng)是(shi)上一(yi)(yi)(yi)層(ceng)(ceng)的(de)(de)(de)(de)(de)(de)(de)(de)(de)設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)依據或設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)對象，上一(yi)(yi)(yi)層(ceng)(ceng)是(shi)下(xia)一(yi)(yi)(yi)層(ceng)(ceng)的(de)(de)(de)(de)(de)(de)(de)(de)(de)進(jin)一(yi)(yi)(yi)步深(shen)化和(he)(he)具(ju)體(ti)，相(xiang)鄰層(ceng)(ceng)之間緊密聯系，既(ji)不(bu)能(neng)交(jiao)換，也不(bu)能(neng)跨越(yue)，更不(bu)能(neng)缺少，具(ju)有嚴格的(de)(de)(de)(de)(de)(de)(de)(de)(de)秩序，形(xing)成(cheng)(cheng)了(le)(le)完(wan)整的(de)(de)(de)(de)(de)(de)(de)(de)(de)邏(luo)輯鏈條，理(li)性思維(wei)貫穿在(zai)整個設(she)(she)(she)(she)(she)計(ji)(ji)(ji)(ji)過程之中(zhong)(zhong)。

篇2

1.討(tao)論網站的主題。

網站整體規劃是(shi)做網頁(ye)(ye)的(de)第一步也是(shi)制作網頁(ye)(ye)最關鍵的(de)一步它(ta)決定了(le)(le)你要表答的(de)信息，因(yin)此我選擇了(le)(le)我選擇我最喜愛的(de)服飾(shi)來(lai)為它(ta)做網頁(ye)(ye)。在(zai)平(ping)時我也對(dui)服裝(zhuang)的(de)網頁(ye)(ye)比較關心，無論是(shi)淘寶網上的(de)衣店還(huan)是(shi)各種品(pin)牌(pai)裝(zhuang)。這次我是(shi)為“易(yi)菲(fei)”服飾(shi)做的(de)網頁(ye)(ye)。

2.定位網站的CI形(xing)象。“易(yi)菲”植根中國文(wen)化之精髓，汲取(qu)自(zi)然(ran)(ran)稟賦之靈(ling)性(xing)，形(xing)成(cheng)一個既有(you)(you)濃厚(hou)文(wen)化底(di)蘊，又有(you)(you)現代(dai)自(zi)然(ran)(ran)人(ren)文(wen)氣息的特色品牌。“易(yi)”即是(shi)(shi)容(rong)，是(shi)(shi)包容(rong)，是(shi)(shi)寬容(rong)，是(shi)(shi)五(wu)千年中華民族的文(wen)化精髓，是(shi)(shi)厚(hou)德載物，是(shi)(shi)對人(ren)性(xing)寬度的一種(zhong)(zhong)拓(tuo)展(zhan)。“菲”通非，是(shi)(shi)生機(ji)、是(shi)(shi)個性(xing)、是(shi)(shi)春意盎然(ran)(ran)、是(shi)(shi)自(zi)強不(bu)息，是(shi)(shi)對人(ren)性(xing)深度的一種(zhong)(zhong)挖掘。“生活如(ru)花，自(zi)在快(kuai)樂”是(shi)(shi)YIFINI易(yi)菲的設計理念(nian)，倡(chang)導一種(zhong)(zhong)與自(zi)然(ran)(ran)和諧相處(chu)，如(ru)花兒綻放般美好舒適、自(zi)在快(kuai)樂的生活方式(shi)。這也便是(shi)(shi)我網站的CI形(xing)象。

3.確定欄目和板塊。

于時(shi)(shi)間的關(guan)系在本次我準備做四張網頁(ye)(ye)(ye)(ye)：一張主頁(ye)(ye)(ye)(ye)三張二(er)級頁(ye)(ye)(ye)(ye)面。分別設計(ji)了(le)“時(shi)(shi)尚(shang)首頁(ye)(ye)(ye)(ye)、時(shi)(shi)尚(shang)衣秀(xiu)、推薦產(chan)品、潮(chao)流信息”等四個欄(lan)目。在這(zhe)四張頁(ye)(ye)(ye)(ye)面中我打算都用淡藍色做背景(jing)顏色來(lai)映襯我網頁(ye)(ye)(ye)(ye)的主打色綠(lv)色。

2.網站(zhan)的整體風格和創意。

整個網站的(de)創(chuang)意就在于顏色的(de)搭(da)配，與(yu)各種圖片的(de)搭(da)配，它們相互輝映，相互襯托。以便達(da)到表(biao)(biao)(biao)現(xian)其品牌的(de)和諧(xie)之(zhi)美(mei)、自(zi)然(ran)(ran)之(zhi)美(mei)。我(wo)踩用淡藍(lan)色和綠色為我(wo)網站的(de)主打(da)色主要是因(yin)為我(wo)的(de)產品特性。在設(she)計上，YIEINI易菲推崇“自(zi)然(ran)(ran)美(mei)”，將帶表(biao)(biao)(biao)女性氣(qi)質的(de)花(hua)卉和自(zi)然(ran)(ran)元素(su)融入設(she)計之(zhi)中，充分體現(xian)設(she)計師和顧客所追求(qiu)的(de)一種灑(sa)脫、舒(shu)適的(de)生(sheng)活氛圍，力求(qiu)表(biao)(biao)(biao)現(xian)悠閑(xian)、舒(shu)暢、自(zi)然(ran)(ran)的(de)生(sheng)活情趣。因(yin)此我(wo)用天空與(yu)自(zi)然(ran)(ran)的(de)顏色來表(biao)(biao)(biao)達(da)這張自(zi)然(ran)(ran)之(zhi)美(mei)、和諧(xie)之(zhi)美(mei)。

二(er)、網頁制作(zuo)的(de)前期(qi)策(ce)劃與準備，在(zai)本階級主要有兩方面(mian)的(de)工作(zuo)。

1.資料的搜集。

在做網(wang)(wang)頁我(wo)(wo)上網(wang)(wang)收(shou)集(ji)了許(xu)多(duo)方(fang)(fang)面的(de)(de)資(zi)(zi)料主要(yao)是有(you)關(guan)網(wang)(wang)站的(de)(de)布(bu)局與服飾品牌方(fang)(fang)面的(de)(de)資(zi)(zi)料，我(wo)(wo)首先進(jin)它(ta)的(de)(de)企(qi)業網(wang)(wang)站找了一(yi)(yi)些(xie)(xie)關(guan)于“易(yi)菲”服飾的(de)(de)圖(tu)(tu)片主要(yao)是一(yi)(yi)些(xie)(xie)代(dai)言形(xing)象還有(you)代(dai)表其(qi)(qi)企(qi)業形(xing)象的(de)(de)圖(tu)(tu)片。其(qi)(qi)次我(wo)(wo)去瀏覽了許(xu)多(duo)的(de)(de)網(wang)(wang)頁觀察其(qi)(qi)網(wang)(wang)頁的(de)(de)布(bu)局、顏色(se)搭配、欄目、板塊等方(fang)(fang)面的(de)(de)內容，同時(shi)(shi)也搜(sou)(sou)(sou)集(ji)了一(yi)(yi)些(xie)(xie)對我(wo)(wo)有(you)用的(de)(de)資(zi)(zi)料。在搜(sou)(sou)(sou)索資(zi)(zi)料最困難的(de)(de)便是動態(tai)圖(tu)(tu)片的(de)(de)搜(sou)(sou)(sou)集(ji)，動態(tai)圖(tu)(tu)片其(qi)(qi)gif格式的(de)(de)還是好保存，但(dan)是要(yao)搜(sou)(sou)(sou)集(ji)flash動態(tai)圖(tu)(tu)片就相對較(jiao)難了。我(wo)(wo)用了一(yi)(yi)天的(de)(de)時(shi)(shi)間來搜(sou)(sou)(sou)集(ji)我(wo)(wo)的(de)(de)flash都不(bu)(bu)太成(cheng)功(gong)，不(bu)(bu)過(guo)(guo)還搜(sou)(sou)(sou)到(dao)了可以(yi)換自己圖(tu)(tu)片的(de)(de)代(dai)碼。在開始(shi)時(shi)(shi)我(wo)(wo)根本就不(bu)(bu)知(zhi)道flash是怎(zen)樣搜(sou)(sou)(sou)索，不(bu)(bu)過(guo)(guo)經(jing)過(guo)(guo)三次像老實詢(xun)問(wen)我(wo)(wo)終于懂得一(yi)(yi)些(xie)(xie)關(guan)于代(dai)碼的(de)(de)搜(sou)(sou)(sou)索。在搜(sou)(sou)(sou)集(ji)資(zi)(zi)料的(de)(de)過(guo)(guo)程之(zhi)(zhi)中我(wo)(wo)發現了自己的(de)(de)許(xu)多(duo)不(bu)(bu)足之(zhi)(zhi)處，最關(guan)鍵(jian)就是平(ping)時(shi)(shi)對知(zhi)識(shi)的(de)(de)掌握不(bu)(bu)夠(gou)，連最基本的(de)(de)資(zi)(zi)料搜(sou)(sou)(sou)尋都覺得困難。也是我(wo)(wo)平(ping)時(shi)(shi)不(bu)(bu)夠(gou)認(ren)真和努(nu)力的(de)(de)表現。通過(guo)(guo)這次的(de)(de)教訓在以(yi)后(hou)我(wo)(wo)一(yi)(yi)定會(hui)做得更好，爭取(qu)不(bu)(bu)范類(lei)似錯(cuo)誤。

2.熟悉制作軟(ruan)件。

做網頁主要用的(de)(de)(de)工具(ju)便(bian)是(shi)(shi)Dremweaver、Photoshop、Flash軟件。在(zai)這(zhe)些軟件我對Dremweaver、Photoshop相(xiang)對比(bi)較熟悉，因為在(zai)平時(shi)上(shang)課是(shi)(shi)老師帶(dai)領我們運用過。所以我還(huan)可(ke)以正常(chang)的(de)(de)(de)運用，但是(shi)(shi)出現的(de)(de)(de)問(wen)題還(huan)是(shi)(shi)有(you)很多。有(you)很多不懂如何(he)操(cao)作，只有(you)通過在(zai)次去(qu)看書(shu)才(cai)能(neng)夠了(le)解，這(zhe)也體現了(le)我學習(xi)方面(mian)的(de)(de)(de)缺點，它(ta)是(shi)(shi)我平時(shi)不夠認真的(de)(de)(de)具(ju)體表現。

三、網頁制作(zuo)，這便(bian)進入我該次的主題了具體(ti)制作(zuo)流程(cheng)如下。

1.構建(jian)站點(dian)框架。

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

2.設計主頁及二級(ji)頁面(mian)。

在主頁(ye)我設首(shou)頁(ye)制作時，時刻考慮著(zhu)網(wang)頁(ye)的(de)基(ji)本原則(ze)：統(tong)(tong)(tong)一，連(lian)(lian)貫，分割(ge)，對比及(ji)和諧的(de)原則(ze)，內容統(tong)(tong)(tong)一，都是(shi)為了(le)主題服務(wu)，美(mei)容美(mei)體，一個網(wang)站(zhan)強調(diao)的(de)就是(shi)一個整(zheng)體，只有圍(wei)繞一個統(tong)(tong)(tong)一的(de)目(mu)標所做(zuo)的(de)設計(ji)才是(shi)成功的(de)；連(lian)(lian)貫，頁(ye)面之間關系連(lian)(lian)貫，統(tong)(tong)(tong)成一體；每版(ban)內容都自成一體，顏(yan)色各異，便(bian)于瀏覽；整(zheng)個網(wang)頁(ye)有動有靜，色彩呼應，搭配協(xie)調(diao)，不(bu)呆板，富有生氣；顏(yan)色各異，但又不(bu)同(tong)之中(zhong)(zhong)又相(xiang)同(tong)，渾(hun)然一體。而(er)且制作過程中(zhong)(zhong)，不(bu)忘以下原則(ze)：

簡潔實用(yong)：這是(shi)非常(chang)重要的(de)，網絡特(te)殊環(huan)境下，盡量以最高效率的(de)方式將用(yong)戶所要想得(de)(de)到的(de)信息傳送給他就(jiu)是(shi)最好的(de)，所以要去(qu)掉所有(you)的(de)冗余的(de)東西。使用(yong)方便(bian)：同第(di)一個是(shi)相一致(zhi)的(de)，滿足使用(yong)者(zhe)的(de)要求，網頁(ye)做得(de)(de)越適合使用(yong)，就(jiu)越顯(xian)示出其功能美；頁(ye)面用(yong)色協(xie)調，布局符(fu)合形式美的(de)要求：布局有(you)條理(li)，充分利用(yong)美的(de)形式，是(shi)網頁(ye)富有(you)可欣(xin)賞性，提高檔次(ci)。當(dang)然(ran)雅俗共賞是(shi)人人都追(zhui)求的(de)。

交互式強：發(fa)揮網(wang)絡的(de)(de)(de)優勢，是每(mei)個(ge)(ge)使用者都(dou)參與到其(qi)中(zhong)來，這(zhe)樣(yang)的(de)(de)(de)設計(ji)才能算成功的(de)(de)(de)設計(ji)。這(zhe)樣(yang)的(de)(de)(de)網(wang)頁(ye)才算真正的(de)(de)(de)美的(de)(de)(de)設計(ji)。每(mei)個(ge)(ge)子(zi)頁(ye)都(dou)設有(you)上導航欄(lan)，便(bian)(bian)于瀏覽和跳轉。3個(ge)(ge)二級網(wang)頁(ye)制作時(shi)，使用的(de)(de)(de)是表格，每(mei)一(yi)個(ge)(ge)頁(ye)面都(dou)用表格為它布(bu)局好，然后在插(cha)入圖片文字及其(qi)他，這(zhe)樣(yang)有(you)一(yi)定的(de)(de)(de)規劃性，體現了(le)連貫統一(yi)性，不(bu)同(tong)的(de)(de)(de)內容根(gen)據各(ge)自的(de)(de)(de)特色建(jian)立了(le)不(bu)同(tong)的(de)(de)(de)表格，突出各(ge)自的(de)(de)(de)主題，增強了(le)對比性。在做這(zhe)些網(wang)頁(ye)的(de)(de)(de)時(shi)候我就進行了(le)如上所述的(de)(de)(de)方法。但我所以(yi)(yi)網(wang)頁(ye)的(de)(de)(de)背景顏色及主題顏色都(dou)是相同(tong)的(de)(de)(de)以(yi)(yi)便(bian)(bian)突出我每(mei)一(yi)個(ge)(ge)網(wang)頁(ye)都(dou)是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的(de)鏈(lian)(lian)接按鈕主(zhu)要(yao)(yao)有四(si)個“時尚首(shou)頁(ye)(ye)、時尚衣秀、推薦產品、潮流信息”它分別鏈(lian)(lian)接到我所做的(de)四(si)個網(wang)頁(ye)(ye)。鏈(lian)(lian)接的(de)過(guo)程其實很(hen)簡(jian)單，主(zhu)要(yao)(yao)是把(ba)要(yao)(yao)鏈(lian)(lian)接的(de)文(wen)字選擇(ze)在選擇(ze)工具欄的(de)鏈(lian)(lian)接按鈕最后選擇(ze)自(zi)己要(yao)(yao)鏈(lian)(lian)接的(de)網(wang)頁(ye)(ye)單擊確定便可(ke)以了。

4.向靜太網(wang)頁插(cha)入動態效果(guo)。

篇3

1.1案(an)例教學法案(an)

例(li)(li)教學(xue)(xue)法是(shi)一種具(ju)有啟(qi)發性(xing)、實(shi)踐(jian)性(xing),能開(kai)發學(xue)(xue)生(sheng)思維(wei)能力(li),提(ti)高學(xue)(xue)生(sheng)判斷能力(li)、決策能力(li)和綜合素質的(de)新型(xing)教學(xue)(xue)方——“分析(xi)(xi)案(an)(an)例(li)(li)”——“制作(zuo)案(an)(an)例(li)(li)”的(de)過(guo)程(cheng)，培養學(xue)(xue)生(sheng)分析(xi)(xi)問題(ti)(ti)，解(jie)決問題(ti)(ti)的(de)能力(li)，達到學(xue)(xue)習(xi)知識技(ji)能，靈活(huo)應用的(de)目的(de)。例(li)(li)如，在(zai)(zai)(zai)講(jiang)解(jie)ASP中(zhong)的(de)Request對(dui)象時,教師先展示一個(ge)表單提(ti)交(jiao)的(de)案(an)(an)例(li)(li)，然(ran)后引領學(xue)(xue)生(sheng)分析(xi)(xi)我們在(zai)(zai)(zai)點擊提(ti)交(jiao)按鈕后，如何在(zai)(zai)(zai)另外一個(ge)頁(ye)面(mian)中(zhong)，得到提(ti)交(jiao)頁(ye)面(mian)相應的(de)屬性(xing)值呢？學(xue)(xue)生(sheng)在(zai)(zai)(zai)老師的(de)啟(qi)發下動腦思考，引出Request對(dui)象的(de)作(zuo)用，接著教師講(jiang)授(shou)Request對(dui)象的(de)各種方法的(de)使用。學(xue)(xue)生(sheng)在(zai)(zai)(zai)深入理解(jie)后，運用知識制作(zuo)此案(an)(an)例(li)(li)。

1.2任務驅動法

任(ren)(ren)務(wu)(wu)驅(qu)動(dong)法(fa)在課堂教(jiao)學中(zhong)，教(jiao)師為學生(sheng)(sheng)布置上(shang)機操作(zuo)任(ren)(ren)務(wu)(wu)，通過(guo)實際任(ren)(ren)務(wu)(wu)展開(kai)教(jiao)學。學生(sheng)(sheng)通過(guo)親自動(dong)手操作(zuo)，主動(dong)建構探究，培(pei)養了學生(sheng)(sheng)創新(xin)精神和實踐能力，提高了學生(sheng)(sheng)的(de)綜合運(yun)用知識的(de)能力。例如在學習表單制作(zuo)時(shi)，以(yi)現實生(sheng)(sheng)活中(zhong)注(zhu)冊電子郵件(jian)為例，提出表單的(de)概念，然(ran)后講解(jie)其實現理(li)論(lun)，接著布置實際任(ren)(ren)務(wu)(wu)——投(tou)票系統(tong)，讓學生(sheng)(sheng)用知識去解(jie)決任(ren)(ren)務(wu)(wu)，進(jin)一步加深(shen)理(li)解(jie)知識。

1.3分層教學法

成(cheng)人(ren)的(de)學(xue)(xue)(xue)(xue)習能力差異(yi)大(da)，存(cun)在(zai)個(ge)體(ti)差異(yi)，因此，教學(xue)(xue)(xue)(xue)中(zhong)采(cai)用(yong)分層教學(xue)(xue)(xue)(xue)法。在(zai)實際教學(xue)(xue)(xue)(xue)中(zhong)，教師根據學(xue)(xue)(xue)(xue)生現有(you)的(de)知(zhi)識(shi)、能力水(shui)平和(he)潛力傾向把學(xue)(xue)(xue)(xue)生科學(xue)(xue)(xue)(xue)地分成(cheng)水(shui)平各自相近的(de)幾組(zu)，如(ru)A、B、C三組(zu)，A組(zu)是按(an)(an)大(da)綱基(ji)本要(yao)(yao)求進(jin)行(xing)教學(xue)(xue)(xue)(xue)的(de)學(xue)(xue)(xue)(xue)生；B組(zu)是按(an)(an)略高(gao)于基(ji)本要(yao)(yao)求進(jin)行(xing)教學(xue)(xue)(xue)(xue)的(de)學(xue)(xue)(xue)(xue)生；C組(zu)是按(an)(an)較高(gao)要(yao)(yao)求（能發揮學(xue)(xue)(xue)(xue)生數學(xue)(xue)(xue)(xue)特長(chang)）進(jin)行(xing)教學(xue)(xue)(xue)(xue)的(de)學(xue)(xue)(xue)(xue)生。學(xue)(xue)(xue)(xue)生分組(zu)不是固定的(de)，而(er)是隨(sui)著學(xue)(xue)(xue)(xue)習情況及時調整。每(mei)組(zu)布置知(zhi)識(shi)程度(du)不同的(de)學(xue)(xue)(xue)(xue)習任務，并且在(zai)教師恰當的(de)指導下，讓全(quan)體(ti)學(xue)(xue)(xue)(xue)生從(cong)各自的(de)層面體(ti)驗成(cheng)功的(de)愉悅。

2模擬化網絡教學

開(kai)放教(jiao)(jiao)(jiao)育是傳統教(jiao)(jiao)(jiao)育與(yu)網(wang)(wang)絡(luo)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)相互融合(he)的(de)(de)產物。網(wang)(wang)絡(luo)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)以其獨(du)特的(de)(de)魅力在開(kai)放教(jiao)(jiao)(jiao)育中發(fa)揮著越來越重要的(de)(de)作用。學(xue)(xue)(xue)(xue)(xue)(xue)習(xi)已經不(bu)再局限于(yu)課(ke)堂(tang)，學(xue)(xue)(xue)(xue)(xue)(xue)生只要有(you)上網(wang)(wang)條件，無(wu)論何時(shi)何地(di)，都可以方便的(de)(de)學(xue)(xue)(xue)(xue)(xue)(xue)習(xi)，打破(po)了(le)時(shi)間(jian)和空(kong)間(jian)的(de)(de)限制，因此，網(wang)(wang)上資源(yuan)的(de)(de)好壞直接影響學(xue)(xue)(xue)(xue)(xue)(xue)生的(de)(de)學(xue)(xue)(xue)(xue)(xue)(xue)習(xi)效果。因此，筆者(zhe)充分(fen)利(li)用網(wang)(wang)絡(luo)資源(yuan)，以教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)大(da)綱(gang)為依(yi)據，遵循(xun)厚基(ji)礎(chu)、重能力的(de)(de)原(yuan)則(ze)，開(kai)發(fa)了(le)此門課(ke)的(de)(de)模(mo)擬(ni)化網(wang)(wang)絡(luo)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)系(xi)統。此系(xi)統有(you)“教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)大(da)綱(gang)”、“課(ke)程(cheng)教(jiao)(jiao)(jiao)案”、“模(mo)擬(ni)實(shi)(shi)(shi)驗(yan)(yan)”、“經典案例(li)”、“自(zi)我(wo)測試”、“課(ke)程(cheng)討論”等欄目。分(fen)層次，多(duo)模(mo)塊，手段直觀、豐(feng)(feng)富(fu)(fu)有(you)趣的(de)(de)一系(xi)列實(shi)(shi)(shi)驗(yan)(yan)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)單(dan)元。制作文(wen)字(zi)、圖像、聲音、動畫于(yu)一體(ti)的(de)(de)豐(feng)(feng)富(fu)(fu)多(duo)彩的(de)(de)模(mo)擬(ni)實(shi)(shi)(shi)驗(yan)(yan)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)內(nei)容(rong)。模(mo)擬(ni)實(shi)(shi)(shi)驗(yan)(yan)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)的(de)(de)指導效率(lv)更高。使理(li)論教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)與(yu)實(shi)(shi)(shi)驗(yan)(yan)教(jiao)(jiao)(jiao)學(xue)(xue)(xue)(xue)(xue)(xue)、基(ji)礎(chu)與(yu)前沿、經典與(yu)現代、實(shi)(shi)(shi)驗(yan)(yan)內(nei)容(rong)與(yu)實(shi)(shi)(shi)際(ji)應用有(you)機結(jie)合(he)，更有(you)利(li)于(yu)學(xue)(xue)(xue)(xue)(xue)(xue)生學(xue)(xue)(xue)(xue)(xue)(xue)習(xi)，并且可以反復閱讀(du)，是面授課(ke)堂(tang)一種(zhong)好的(de)(de)補(bu)充與(yu)強化手段。

3多樣化互動教學

3.1課堂互動

成人(ren)有豐(feng)富的(de)(de)社會(hui)(hui)閱歷和(he)人(ren)生(sheng)(sheng)(sheng)(sheng)體驗,有更為強烈的(de)(de)對話(hua)意識和(he)平(ping)等意識，因此(ci),師生(sheng)(sheng)(sheng)(sheng)活動主(zhu)要體現在(zai)(zai)，放下身段，深入到學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)們(men)之中(zhong)(zhong)，和(he)他們(men)們(men)交(jiao)(jiao)朋(peng)友，交(jiao)(jiao)流心得，平(ping)等對話(hua)，互(hu)(hu)相學(xue)(xue)習。鼓勵學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)大膽(dan)地(di)表達自(zi)己的(de)(de)想(xiang)法，暢所欲言(yan)，和(he)學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)共(gong)去探索(suo)知識的(de)(de)世界。所謂(wei)生(sheng)(sheng)(sheng)(sheng)生(sheng)(sheng)(sheng)(sheng)互(hu)(hu)動，就是(shi)學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)和(he)學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)之間可以互(hu)(hu)相討論(lun)，交(jiao)(jiao)流心得。在(zai)(zai)實(shi)際(ji)操作中(zhong)(zhong)將(jiang)學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)分(fen)組，合作學(xue)(xue)習，這(zhe)樣促(cu)使小(xiao)組成員積極參(can)與，培養學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)團結(jie)合作意識，集(ji)體榮(rong)譽(yu)感。人(ren)機(ji)互(hu)(hu)動是(shi)學(xue)(xue)習《動態網(wang)頁設計(ji)》這(zhe)門課必不(bu)可少的(de)(de)環節(jie)。只懂理論(lun)，不(bu)會(hui)(hui)應用，猶如紙(zhi)上(shang)談兵，完全失去了學(xue)(xue)習的(de)(de)意義(yi)。所以，課上(shang)學(xue)(xue)生(sheng)(sheng)(sheng)(sheng)必須上(shang)機(ji)實(shi)踐(jian)，在(zai)(zai)實(shi)踐(jian)中(zhong)(zhong)掌握知識，消化知識，融(rong)會(hui)(hui)貫通(tong)。

篇4

商業網(wang)站是企業向用戶和(he)網(wang)民提品和(he)服務(wu)(wu)的(de)(de)一種(zhong)方式,是企業開(kai)展電子商務(wu)(wu)的(de)(de)基礎設施和(he)信息平臺，其(qi)網(wang)頁(ye)頁(ye)面(mian)(mian)由(you)具體的(de)(de)文字（標(biao)題(ti)、廣告語、單(dan)位名稱、Email地址等(deng)）、企業標(biao)志、商標(biao)、產品圖(tu)形、和(he)信息菜(cai)單(dan)等(deng)內(nei)容組(zu)成，這(zhe)些內(nei)容又常常表現為點線面(mian)(mian)、色彩、動靜、主次(ci)等(deng)視(shi)覺因素，這(zhe)些因素的(de)(de)不同(tong)使(shi)用都會影響讀者(zhe)的(de)(de)視(shi)覺習慣和(he)心(xin)理變化。

本文將(jiang)試析商(shang)業網(wang)頁(ye)設計(ji)視覺因素(su)的(de)心理規(gui)律，揭示商(shang)業網(wang)頁(ye)設計(ji)如(ru)何通過視覺心理因素(su)更有效、更合理的(de)表現(xian)與傳達信息。展現(xian)企(qi)業形象、介紹產品和服務、體現(xian)企(qi)業發(fa)展戰略。

一、商業網頁(ye)設計(ji)中點、線、面視覺心(xin)理因素的(de)運(yun)用

點(dian)、線、面(mian)(mian)是(shi)商業(ye)網(wang)(wang)頁(ye)設計基本(ben)的(de)視覺(jue)元素，是(shi)表現(xian)視覺(jue)形象(xiang)的(de)基本(ben)設計語(yu)言(yan)。從視覺(jue)角度看(kan)網(wang)(wang)頁(ye)設計主要是(shi)如(ru)何(he)經營(ying)好三者(zhe)的(de)關系(xi)，因為(wei)不管(guan)是(shi)任何(he)視覺(jue)形象(xiang)或者(zhe)版式(shi)構成，歸結到底(di)，都可以歸納為(wei)點(dian)、線和(he)面(mian)(mian)。

1.網(wang)頁設計造型要素中的點

商業網(wang)頁設計中的(de)(de)點(dian)(dian)是(shi)構成網(wang)頁的(de)(de)最基本單位(wei)，是(shi)指頁面(mian)中具(ju)備點(dian)(dian)的(de)(de)視覺特點(dian)(dian)、體積(ji)較小(xiao)的(de)(de)物(wu)象(xiang)。相對于整體背景而(er)言(yan)一(yi)個單獨的(de)(de)點(dian)(dian)是(shi)相比較而(er)言(yan)的(de)(de)；是(shi)有(you)大(da)小(xiao)、形狀(zhuang)和體積(ji)的(de)(de)。點(dian)(dian)的(de)(de)大(da)小(xiao)、形態、位(wei)置(zhi)不同，所產生的(de)(de)視覺效果、心理(li)作用也不同。一(yi)個網(wang)頁往往需要有(you)數量不等，形狀(zhuang)各(ge)異的(de)(de)點(dian)(dian)來構成，可(ke)以(yi)是(shi)具(ju)體產品(pin)、商品(pin)標志等，也可(ke)以(yi)是(shi)感覺上(shang)的(de)(de)點(dian)(dian)。例如，天空中的(de)(de)飛鳥、沙灘上(shang)的(de)(de)腳印、花瓣上(shang)的(de)(de)蜜蜂等，在(zai)其周圍背景襯(chen)托下，都給人(ren)以(yi)“點(dian)(dian)”的(de)(de)視覺心理(li)感受。

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

(1)單(dan)點(dian)(dian)的(de)應用：點(dian)(dian)在(zai)人(ren)們的(de)視覺(jue)中具(ju)有很(hen)強的(de)吸引(yin)作用，如：點(dian)(dian)（商品）設計在(zai)網(wang)頁的(de)上方或左右位置，則給人(ren)不穩(wen)定感和(he)相(xiang)對的(de)動感。

(2)多點(dian)(dian)的(de)(de)應用：兩(liang)點(dian)(dian)（二商(shang)品）之(zhi)間會產生心理(li)連(lian)線的(de)(de)感覺，多點(dian)(dian)時則會出現不同排(pai)列，順序的(de)(de)虛擬的(de)(de)面或形體(ti)。

2.網(wang)頁(ye)設計造(zao)型(xing)要(yao)素中的線

點的(de)(de)延伸(shen)形(xing)(xing)成線(xian)(xian)(xian)(xian)。線(xian)(xian)(xian)(xian)在頁(ye)面中(zhong)(zhong)的(de)(de)作用在于表(biao)示方向(xiang)、位置、長短、寬度、形(xing)(xing)狀、質(zhi)量(liang)和(he)情緒。線(xian)(xian)(xian)(xian)是分割頁(ye)面的(de)(de)主要元素(su)之一，是決定頁(ye)面現象(xiang)的(de)(de)基本要素(su)。商業網(wang)頁(ye)設計(ji)視覺因素(su)中(zhong)(zhong)的(de)(de)線(xian)(xian)(xian)(xian)主要指(zhi)文字(zi)的(de)(de)行線(xian)(xian)(xian)(xian)，商品圖形(xing)(xing)、圖象(xiang)的(de)(de)輪廊(lang)線(xian)(xian)(xian)(xian)，各種裝(zhuang)飾線(xian)(xian)(xian)(xian)。線(xian)(xian)(xian)(xian)的(de)(de)形(xing)(xing)態主要有直線(xian)(xian)(xian)(xian)和(he)曲線(xian)(xian)(xian)(xian)兩(liang)大(da)類：

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

(2)曲線(xian)表現出一種動(dong)態，活潑，輕快的(de)意味(wei)，顯示了(le)女性美(mei)的(de)特征，商業網頁設計中運(yun)(yun)用文(wen)字行(xing)、圖象輪廊(lang)線(xian)或裝飾(shi)線(xian)的(de)造型，創(chuang)造一種女性化(hua)的(de)審美(mei)感(gan)。自由(you)曲線(xian)是(shi)最好的(de)情感(gan)抒發手段。打破了(le)水(shui)平線(xian)組成的(de)莊嚴和(he)單調(diao)，給(gei)商業網頁增(zeng)加了(le)豐富、流暢、活潑的(de)氣氛(fen)。水(shui)平線(xian)和(he)自由(you)曲線(xian)的(de)組合運(yun)(yun)用，形成新穎的(de)形式(shi)和(he)不同情感(gan)的(de)對比。

3.網(wang)頁設計造型要素中的面(mian)

線(xian)的推移(yi)形(xing)成(cheng)面(mian)。面(mian)是(shi)無數點和(he)線(xian)的組合(he)。面(mian)具(ju)有一(yi)定(ding)的面(mian)積(ji)和(he)質量，占據(ju)空間(jian)的位置(zhi)更多，因(yin)而相比點和(he)線(xian)來說視覺沖擊力更大更強(qiang)烈。面(mian)在網頁(ye)設計中通常指各種(zhong)圖形(xing)、色塊的形(xing)狀設計，不(bu)同(tong)形(xing)狀的面(mian)具(ju)有自己(ji)鮮明(ming)的個性(xing)和(he)情(qing)感(gan)特(te)(te)征，能給(gei)(gei)人不(bu)同(tong)的心理感(gan)受，如方形(xing)的面(mian)具(ju)有沉著，穩重，厚實(shi)，堅強(qiang)的男性(xing)特(te)(te)征；三角形(xing)、梯形(xing)面(mian)常給(gei)(gei)人一(yi)種(zhong)穩定(ding)、端正之感(gan)；但如果(guo)將它們倒過來設計，則給(gei)(gei)人一(yi)種(zhong)輕、不(bu)穩定(ding)的感(gan)覺。圓形(xing)充實(shi)、圓滿、活潑的感(gan)覺，比較適合(he)表現(xian)兒童產(chan)品(pin)或者女性(xing)用品(pin)。菱形(xing)或不(bu)規(gui)則形(xing)體(ti)則給(gei)(gei)人一(yi)種(zhong)活潑、輕快之感(gan)。

在商(shang)業網頁的(de)(de)(de)視(shi)覺構成中(zhong)，點、線(xian)、面(mian)既是(shi)(shi)最(zui)基本的(de)(de)(de)造(zao)型元素(su)，又是(shi)(shi)最(zui)重要的(de)(de)(de)表(biao)(biao)現手段。在確定商(shang)業網頁主體形(xing)象的(de)(de)(de)位置、動態時，點線(xian)面(mian)將是(shi)(shi)需要最(zui)先考慮的(de)(de)(de)因(yin)素(su)。必須熟練掌握(wo)設計語言。要善于根(gen)據商(shang)業特(te)性采用不同(tong)的(de)(de)(de)組合去體現不同(tong)的(de)(de)(de)情感訴求，達到推銷、銷售商(shang)品和服務(wu)的(de)(de)(de)作用。只有合理的(de)(de)(de)安排好(hao)點線(xian)面(mian)的(de)(de)(de)互相(xiang)關系，才能設計出(chu)具(ju)有最(zui)佳視(shi)覺效果的(de)(de)(de)頁面(mian)，充分的(de)(de)(de)表(biao)(biao)達出(chu)商(shang)業網頁最(zui)終的(de)(de)(de)訴求！二、商(shang)業網頁設計中(zhong)色(se)彩視(shi)覺心理因(yin)素(su)的(de)(de)(de)運(yun)用

商(shang)(shang)業網(wang)(wang)頁(ye)設(she)計(ji)(ji)中色彩是確立(li)網(wang)(wang)站風格的(de)靈魂。色彩能產生(sheng)(sheng)強(qiang)烈的(de)視(shi)覺效果，使頁(ye)面更加生(sheng)(sheng)動(dong)。色彩設(she)計(ji)(ji)的(de)好(hao)壞直接影響閱讀(du)者的(de)觀(guan)賞興趣與心理(li)變化。因此，地位十分重要。商(shang)(shang)業網(wang)(wang)頁(ye)的(de)色彩設(she)計(ji)(ji)應從(cong)以下幾個方面把握和利用其心理(li)特(te)征：

首(shou)先，整個頁面(mian)要確定一(yi)(yi)個主色(se)(se)(se)(se)(se)調，其(qi)有(you)利于體(ti)現(xian)網站(zhan)主題。每(mei)一(yi)(yi)種色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)都具有(you)它自身(shen)的性(xing)格，如：彩(cai)(cai)(cai)(cai)(cai)度高，明(ming)度高的色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)常給(gei)(gei)人(ren)(ren)(ren)一(yi)(yi)種華(hua)麗感(gan)，相(xiang)反彩(cai)(cai)(cai)(cai)(cai)度低，低明(ming)度的色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)則給(gei)(gei)人(ren)(ren)(ren)一(yi)(yi)種樸(pu)實感(gan)。暖色(se)(se)(se)(se)(se)系(xi)、高明(ming)度的色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)能給(gei)(gei)人(ren)(ren)(ren)一(yi)(yi)種面(mian)積大的前(qian)進感(gan)。冷色(se)(se)(se)(se)(se)系(xi)、低明(ming)度的色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)則能給(gei)(gei)人(ren)(ren)(ren)一(yi)(yi)種面(mian)積小(xiao)的后(hou)退(tui)感(gan)。每(mei)個人(ren)(ren)(ren)群對(dui)色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)的喜好(hao)(hao)也(ye)有(you)所不(bu)同(tong)，如男性(xing)較喜歡冷色(se)(se)(se)(se)(se)，女性(xing)則偏好(hao)(hao)暖色(se)(se)(se)(se)(se)或(huo)高明(ming)度、高彩(cai)(cai)(cai)(cai)(cai)度的色(se)(se)(se)(se)(se)彩(cai)(cai)(cai)(cai)(cai)，兒童(tong)喜好(hao)(hao)純色(se)(se)(se)(se)(se)，討厭(yan)濁色(se)(se)(se)(se)(se)，老人(ren)(ren)(ren)則偏好(hao)(hao)濁色(se)(se)(se)(se)(se)，中(zhong)年人(ren)(ren)(ren)或(huo)文化層次較高的人(ren)(ren)(ren)偏好(hao)(hao)冷灰色(se)(se)(se)(se)(se)等。因此在設計中(zhong)要考慮(lv)主要讀(du)者群的背景和構成以及如何(he)與商(shang)品的屬(shu)性(xing)相(xiang)呼應。

其(qi)次，在主色(se)(se)調(diao)下的色(se)(se)調(diao)搭配(pei)。若頁面(mian)空間整體、色(se)(se)彩(cai)和諧統一，則給人一種幽雅(ya)、寧靜感(gan)；若以對(dui)(dui)比(bi)手法處(chu)理(li)，圖形文字色(se)(se)彩(cai)明快(kuai)突出于(yu)背(bei)景(jing)色(se)(se)，則頁面(mian)空間氛圍會(hui)(hui)顯得活躍而有生氣。但是，要(yao)注意(yi)不能有強烈的色(se)(se)彩(cai)對(dui)(dui)比(bi)，因為(wei)過于(yu)豐富的背(bei)景(jing)色(se)(se)彩(cai)會(hui)(hui)影響前景(jing)商品圖片和文字的取色(se)(se)，使(shi)文字溶于(yu)背(bei)景(jing)中，不易辨識。所以背(bei)景(jing)一般(ban)應以單純為(wei)宜。

最后(hou)，作為設計師在考慮(lv)網(wang)頁設計時(shi)，還應考慮(lv)到時(shi)代流行性(xing)色(se)(se)和(he)(he)企業標(biao)準(zhun)色(se)(se)的問題。所謂流行色(se)(se)，是指在一(yi)定(ding)范圍內和(he)(he)時(shi)間(jian)內，非常盛行并(bing)易為人們接受的某些式樣(yang)或顏色(se)(se)。而(er)標(biao)準(zhun)色(se)(se)的運(yun)用在網(wang)上擴大了(le)品牌效應，也是對公(gong)司(si)整體形象的統一(yi)應用，從而(er)構成(cheng)了(le)企業識(shi)別系統（CIS）的重要部(bu)分(fen)。

三(san)、商業網頁設計中(zhong)動(dong)、靜的視覺心理因素的運(yun)用(yong)

商業網(wang)頁設計構成要素可(ke)分為兩(liang)種狀(zhuang)態(tai)(tai)(tai)：靜(jing)態(tai)(tai)(tai)與動態(tai)(tai)(tai)。靜(jing)態(tai)(tai)(tai)要素設計具(ju)體(ti)指靜(jing)止的商品圖形、文字、按(an)紐(niu)(niu)等；動態(tai)(tai)(tai)要素，具(ju)體(ti)指動態(tai)(tai)(tai)按(an)紐(niu)(niu)、按(an)紐(niu)(niu)連接、網(wang)頁動畫和視頻(pin)等，它們是豐富、生動網(wang)頁、張顯個性、突出主題(ti)重要手段。

動靜(jing)(jing)(jing)以及不同的(de)動靜(jing)(jing)(jing)組合都(dou)可(ke)以反(fan)映不同的(de)心理與性格，如，動大體(ti)上(shang)給(gei)人活潑、生動的(de)印(yin)象(xiang)，但極(ji)慢的(de)動常給(gei)人憂慮感(gan)；迅速或突然(ran)的(de)動常給(gei)人焦(jiao)慮、驚慌(huang)感(gan)。另外，靜(jing)(jing)(jing)也常給(gei)人寧靜(jing)(jing)(jing)、沉悶(men)兩種感(gan)覺。

商業網頁設計中要注意處理(li)好(hao)動(dong)靜的關(guan)系(xi)，要整(zheng)體和諧統一，給人生動(dong)而不躁動(dong)或厭惡感。同時還(huan)要遵(zun)循動(dong)態性原則與交(jiao)互性原則。

1.動態性(xing)原則(ze)，即要有四維空間或(huo)(huo)五維空間的(de)運作(zuo)觀念(nian)。一件網頁(ye)商品(pin)、圖片不(bu)僅是二維的(de)平面或(huo)(huo)三維的(de)視覺，也要有時間與(yu)空間的(de)變(bian)換，情感與(yu)思維認識的(de)演變(bian)等多維因素(su)。

2.交互性原則，即界面(mian)(mian)設計強(qiang)調交互過程(cheng)。一方(fang)面(mian)(mian)是物的信(xin)息傳(chuan)達(da)，另(ling)一方(fang)面(mian)(mian)是人的接受與反饋，對任(ren)何物的信(xin)息都能動(dong)地認識與把握。

四、商業網頁設計中視(shi)覺(jue)流程心理因素的運用(yong)

商業網頁(ye)(ye)設計是通過視覺(jue)元素引(yin)起(qi)人注目而(er)實現商品信息內容的(de)(de)傳達，為了(le)使(shi)網頁(ye)(ye)獲(huo)得最(zui)大的(de)(de)視覺(jue)傳達功(gong)能，使(shi)網頁(ye)(ye)真正成為可讀(du)強性而(er)且新穎的(de)(de)媒體，必須適(shi)應人們視覺(jue)流(liu)程的(de)(de)心理和生理的(de)(de)特點。

視(shi)(shi)覺流程的(de)(de)(de)(de)形成是由(you)人類(lei)的(de)(de)(de)(de)視(shi)(shi)覺特性所(suo)決定(ding)的(de)(de)(de)(de)。心(xin)理(li)學(xue)家(jia)葛斯(si)達認(ren)(ren)為(wei)：人們(men)(men)閱(yue)讀時，版面(mian)的(de)(de)(de)(de)上(shang)(shang)部(bu)比下(xia)(xia)部(bu)的(de)(de)(de)(de)注(zhu)(zhu)目(mu)價值高，左側比右側的(de)(de)(de)(de)注(zhu)(zhu)目(mu)價值高。因此，版面(mian)的(de)(de)(de)(de)左上(shang)(shang)側位(wei)置(zhi)最(zui)(zui)為(wei)引人注(zhu)(zhu)目(mu)，因此，在網頁設計中一些(xie)突出(chu)的(de)(de)(de)(de)商(shang)品(pin)(pin)信(xin)息(xi)，如主(zhu)標題、每天(tian)更(geng)新(xin)的(de)(de)(de)(de)內容(rong)等(deng)通常都放(fang)在這(zhe)個位(wei)置(zhi)。以便于一開始就(jiu)吸引受眾(zhong)的(de)(de)(de)(de)視(shi)(shi)線(xian)(xian)，誘(you)(you)導(dao)其由(you)上(shang)(shang)到下(xia)(xia)，由(you)左到右地移(yi)動(dong)。此位(wei)置(zhi)也(ye)被稱作視(shi)(shi)覺的(de)(de)(de)(de)最(zui)(zui)佳視(shi)(shi)域。也(ye)就(jiu)是最(zui)(zui)優選的(de)(de)(de)(de)地方。當然視(shi)(shi)覺流程是一種感覺而非確切(qie)的(de)(de)(de)(de)數學(xue)公式，只(zhi)要符(fu)合人們(men)(men)認(ren)(ren)識過程的(de)(de)(de)(de)心(xin)理(li)順序和思維(wei)發展的(de)(de)(de)(de)邏輯順序，就(jiu)可以更(geng)為(wei)靈活(huo)地運用。設計者(zhe)可以利用視(shi)(shi)線(xian)(xian)移(yi)動(dong)規律，誘(you)(you)導(dao)讀者(zhe)的(de)(de)(de)(de)視(shi)(shi)線(xian)(xian)作左右流動(dong)、上(shang)(shang)下(xia)(xia)流動(dong)以及斜線(xian)(xian)的(de)(de)(de)(de)不穩(wen)定(ding)流動(dong)，通過編排設計，人為(wei)地產生最(zui)(zui)佳視(shi)(shi)域，突出(chu)主(zhu)要商(shang)品(pin)(pin)，以達到一定(ding)的(de)(de)(de)(de)視(shi)(shi)覺效果，傳(chuan)遞商(shang)品(pin)(pin)信(xin)息(xi)。

商(shang)(shang)業網(wang)頁作為(wei)一種(zhong)新的(de)(de)企業開展(zhan)電子商(shang)(shang)務的(de)(de)基(ji)礎設(she)施(shi)和信息平臺，它的(de)(de)發展(zhan)雖然沒(mei)(mei)有(you)多長時間，卻兼容了傳統平面設(she)計(ji)的(de)(de)特征，又(you)具備其所沒(mei)(mei)有(you)的(de)(de)優勢(shi)，成為(wei)今后商(shang)(shang)品信息交流(liu)的(de)(de)一個非常有(you)影響的(de)(de)途徑。其設(she)計(ji)是一種(zhong)綜合性的(de)(de)設(she)計(ji)，它所涉及的(de)(de)范圍非常的(de)(de)廣泛(fan)，包括消費者心理(li)學、視覺設(she)計(ji)美學、人機工(gong)程、哲學等諸(zhu)多方面，而本文(wen)中只從視覺心理(li)因素的(de)(de)角度進行(xing)了一些闡述(shu)與分析，僅(jin)作拋(pao)磚引玉之用。

參考文獻:

[1]李彬彬:設計(ji)效(xiao)果(guo)心理評(ping)價[M].北京:中國輕(qing)工出版社,2005.1

篇5

科技的(de)(de)(de)(de)(de)發展(zhan)，使(shi)(shi)(shi)視(shi)(shi)(shi)覺這(zhe)門藝術不(bu)再僅僅局限于二維(wei)空間的(de)(de)(de)(de)(de)發展(zhan)，動(dong)畫、視(shi)(shi)(shi)頻等網頁(ye)設(she)計(ji)(ji)元素(su)的(de)(de)(de)(de)(de)運用，極大(da)地豐(feng)富了(le)(le)網頁(ye)的(de)(de)(de)(de)(de)信息內容，這(zhe)些(xie)元素(su)成為網頁(ye)設(she)計(ji)(ji)中最生(sheng)(sheng)動(dong)、最活(huo)躍(yue)的(de)(de)(de)(de)(de)因素(su)，給(gei)受(shou)(shou)(shou)眾(zhong)帶來試聽方(fang)面的(de)(de)(de)(de)(de)雙(shuang)重(zhong)享受(shou)(shou)(shou)。動(dong)聽的(de)(de)(de)(de)(de)音樂，服(fu)(fu)飾(shi)(shi)的(de)(de)(de)(de)(de)動(dong)態(tai)展(zhan)示，給(gei)受(shou)(shou)(shou)眾(zhong)帶來愉悅感(gan)的(de)(de)(de)(de)(de)同(tong)時(shi)(shi)，像一(yi)種(zhong)調(diao)劑一(yi)樣(yang)平衡(heng)了(le)(le)視(shi)(shi)(shi)覺和心理上的(de)(de)(de)(de)(de)感(gan)受(shou)(shou)(shou)，同(tong)時(shi)(shi)還(huan)留(liu)給(gei)了(le)(le)受(shou)(shou)(shou)眾(zhong)對(dui)服(fu)(fu)飾(shi)(shi)想(xiang)象空間的(de)(de)(de)(de)(de)延伸。在(zai)(zai)服(fu)(fu)飾(shi)(shi)網頁(ye)設(she)計(ji)(ji)中，通常用Flas的(de)(de)(de)(de)(de)方(fang)式(shi)來展(zhan)示服(fu)(fu)飾(shi)(shi)產(chan)品。當然(ran)，伴隨著三維(wei)動(dong)畫的(de)(de)(de)(de)(de)運用，服(fu)(fu)飾(shi)(shi)網頁(ye)的(de)(de)(de)(de)(de)設(she)計(ji)(ji)將會越(yue)來越(yue)科學和藝術。動(dong)畫等視(shi)(shi)(shi)頻藝術的(de)(de)(de)(de)(de)運用，能夠營造出(chu)受(shou)(shou)(shou)眾(zhong)者對(dui)服(fu)(fu)飾(shi)(shi)的(de)(de)(de)(de)(de)一(yi)種(zhong)情(qing)緒，一(yi)種(zhong)感(gan)覺與(yu)情(qing)感(gan)。動(dong)畫方(fang)式(shi)的(de)(de)(de)(de)(de)服(fu)(fu)飾(shi)(shi)展(zhan)示，不(bu)僅使(shi)(shi)(shi)人們的(de)(de)(de)(de)(de)情(qing)感(gan)得(de)到張(zhang)揚(yang)，而(er)且使(shi)(shi)(shi)人機(ji)對(dui)話的(de)(de)(de)(de)(de)過程也(ye)變得(de)更加生(sheng)(sheng)動(dong)有趣。其總的(de)(de)(de)(de)(de)設(she)計(ji)(ji)目標是(shi)營造出(chu)一(yi)種(zhong)放松(song)的(de)(de)(de)(de)(de)氣氛，使(shi)(shi)(shi)人們感(gan)到輕松(song)、活(huo)潑與(yu)休閑(xian)，在(zai)(zai)閱讀過程中，使(shi)(shi)(shi)受(shou)(shou)(shou)眾(zhong)者在(zai)(zai)視(shi)(shi)(shi)覺與(yu)心理上獲取愉悅，產(chan)生(sheng)(sheng)消費(fei)的(de)(de)(de)(de)(de)熱情(qing)。

(2)整體色彩感。

網絡媒(mei)(mei)體是一種非常(chang)特殊的(de)(de)(de)(de)媒(mei)(mei)體形(xing)式，通(tong)過光(guang)和(he)色將(jiang)要(yao)傳遞的(de)(de)(de)(de)信息(xi)展現在(zai)屏幕上，用(yong)于人(ren)(ren)們交流(liu)與溝(gou)通(tong)。因此，設計出符合人(ren)(ren)的(de)(de)(de)(de)心(xin)理與生理等要(yao)求(qiu)的(de)(de)(de)(de)，合理的(de)(de)(de)(de)色彩(cai)(cai)搭配就顯(xian)得(de)尤為重(zhong)要(yao)。在(zai)設置色彩(cai)(cai)的(de)(de)(de)(de)彩(cai)(cai)度(du)及(ji)(ji)明度(du)時要(yao)特別慎重(zhong)，受眾(zhong)者的(de)(de)(de)(de)要(yao)求(qiu)以(yi)及(ji)(ji)服(fu)飾品牌風格(ge)色調的(de)(de)(de)(de)和(he)諧(xie)就需要(yao)得(de)到綜合全面地考(kao)慮。可(ke)以(yi)采用(yong)設置背(bei)景(jing)(jing)的(de)(de)(de)(de)方(fang)法，一來(lai)減少人(ren)(ren)們由(you)于長時間注視(shi)亮背(bei)景(jing)(jing)所引起的(de)(de)(de)(de)神經疲(pi)勞以(yi)及(ji)(ji)心(xin)理上的(de)(de)(de)(de)厭煩感(gan)，二者烘(hong)托服(fu)飾風格(ge)，這樣使網頁的(de)(de)(de)(de)總體風格(ge)超越文字和(he)圖(tu)形(xing)的(de)(de)(de)(de)既(ji)定內(nei)涵，給受眾(zhong)者勾畫(hua)出一個完整的(de)(de)(de)(de)審(shen)美意境。其次(ci)，還可(ke)以(yi)通(tong)過利(li)用(yong)和(he)諧(xie)的(de)(de)(de)(de)色彩(cai)(cai)搭配及(ji)(ji)色彩(cai)(cai)有規律的(de)(de)(de)(de)變化，營造視(shi)覺上的(de)(de)(de)(de)流(liu)動感(gan)，使受眾(zhong)者在(zai)獲取(qu)信息(xi)的(de)(de)(de)(de)同時，也能夠得(de)到視(shi)覺和(he)精神上的(de)(de)(de)(de)購物享受。

2服飾網頁框架布局

網(wang)(wang)頁(ye)的(de)(de)框(kuang)架(jia)布(bu)局(ju)(ju)是(shi)網(wang)(wang)站視覺設(she)計(ji)(ji)(ji)(ji)研(yan)究的(de)(de)重要環節之(zhi)一，網(wang)(wang)頁(ye)設(she)計(ji)(ji)(ji)(ji)中把不同的(de)(de)設(she)計(ji)(ji)(ji)(ji)要素進(jin)行有(you)機整合，主(zhu)要借助(zhu)框(kuang)架(jia)結(jie)構(gou)來完(wan)成。這種框(kuang)架(jia)結(jie)構(gou)相當于(yu)普(pu)通(tong)(tong)頁(ye)面的(de)(de)版式設(she)計(ji)(ji)(ji)(ji)。常(chang)見的(de)(de)網(wang)(wang)頁(ye)布(bu)局(ju)(ju)有(you)層，還有(you)表格定(ding)(ding)位的(de)(de)方式。在服飾(shi)(shi)網(wang)(wang)頁(ye)設(she)計(ji)(ji)(ji)(ji)中，通(tong)(tong)常(chang)兩(liang)種定(ding)(ding)位方式同時采用(yong)，他們互相取長補短，相得益彰。由(you)于(yu)服飾(shi)(shi)網(wang)(wang)站的(de)(de)特殊性質，受(shou)眾(zhong)瀏覽網(wang)(wang)站的(de)(de)目的(de)(de)、閱讀信息(xi)的(de)(de)方式以及在站內逗留的(de)(de)時間(jian)的(de)(de)不同，在策劃(hua)網(wang)(wang)頁(ye)頁(ye)面的(de)(de)編(bian)排(pai)(pai)創(chuang)意時，采取“少(shao)則多”的(de)(de)設(she)計(ji)(ji)(ji)(ji)原則，這樣單個頁(ye)面雖然容納(na)的(de)(de)信息(xi)量較少(shao)，但視覺表現力(li)卻比(bi)較集(ji)中。這種設(she)計(ji)(ji)(ji)(ji)手法滿足了(le)(le)受(shou)眾(zhong)者對服飾(shi)(shi)好奇、探求的(de)(de)欲望，為(wei)服飾(shi)(shi)網(wang)(wang)站的(de)(de)個性化風格營造(zao)了(le)(le)氛圍;再者，人機對話的(de)(de)方式誘發(fa)了(le)(le)受(shou)眾(zhong)的(de)(de)活力(li)與(yu)興(xing)趣，增加了(le)(le)網(wang)(wang)絡互動性，這樣有(you)利于(yu)消費者與(yu)設(she)計(ji)(ji)(ji)(ji)師(shi)之(zhi)間(jian)的(de)(de)溝通(tong)(tong)與(yu)交流(liu)。服飾(shi)(shi)網(wang)(wang)頁(ye)頁(ye)面編(bian)排(pai)(pai)時，還需要結(jie)合服裝品(pin)牌(pai)的(de)(de)主(zhu)題風格與(yu)素材(cai)，不斷調整頁(ye)面的(de)(de)均衡，在統一中尋求變化，獲(huo)得秩序感，給受(shou)眾(zhong)者創(chuang)造(zao)最(zui)佳的(de)(de)視覺效果，最(zui)終(zhong)完(wan)成信息(xi)的(de)(de)傳遞。

篇6

1.1從(cong)編(bian)寫(xie)代碼到(dao)創(chuang)建(jian)(jian)實(shi)(shi)際任務(wu)。傳統的(de)(de)(de)(de)(de)網(wang)(wang)頁(ye)教(jiao)(jiao)學(xue)(xue)(xue)總是以編(bian)寫(xie)HTML超文(wen)本(ben)標記語言、CSS層疊樣式(shi)表文(wen)件(jian)、JavaScript為基(ji)礎(chu)，通過(guo)Dreamweaver工具(ju)的(de)(de)(de)(de)(de)拆分模式(shi)實(shi)(shi)現可視化(hua)的(de)(de)(de)(de)(de)實(shi)(shi)際效果(guo)與基(ji)礎(chu)理論的(de)(de)(de)(de)(de)結合來展開。這樣的(de)(de)(de)(de)(de)教(jiao)(jiao)學(xue)(xue)(xue)方(fang)式(shi)與網(wang)(wang)頁(ye)的(de)(de)(de)(de)(de)實(shi)(shi)際應用聯系(xi)較少。使(shi)得學(xue)(xue)(xue)生(sheng)在學(xue)(xue)(xue)完(wan)網(wang)(wang)頁(ye)之后難(nan)以解(jie)決具(ju)體的(de)(de)(de)(de)(de)實(shi)(shi)際問題。采用任務(wu)驅動的(de)(de)(de)(de)(de)教(jiao)(jiao)學(xue)(xue)(xue)方(fang)法(fa)，通過(guo)實(shi)(shi)際項目，引入(ru)(ru)真實(shi)(shi)情(qing)境，如玩(wan)具(ju)銷售(shou)店、我的(de)(de)(de)(de)(de)大(da)(da)學(xue)(xue)(xue)生(sheng)活、學(xue)(xue)(xue)科資源網(wang)(wang)站(zhan)等。讓(rang)學(xue)(xue)(xue)們從(cong)單純的(de)(de)(de)(de)(de)學(xue)(xue)(xue)生(sheng)角(jiao)色轉化(hua)為網(wang)(wang)站(zhan)構(gou)(gou)建(jian)(jian)者，成(cheng)為一個(ge)(ge)生(sheng)產者。這樣大(da)(da)大(da)(da)激發了學(xue)(xue)(xue)生(sheng)的(de)(de)(de)(de)(de)學(xue)(xue)(xue)習(xi)動力，并(bing)肩負責任感和成(cheng)就感去(qu)學(xue)(xue)(xue)習(xi)。學(xue)(xue)(xue)生(sheng)在構(gou)(gou)建(jian)(jian)實(shi)(shi)際網(wang)(wang)站(zhan)過(guo)程中(zhong)直接、頻繁地(di)接觸計算思維的(de)(de)(de)(de)(de)概念，如網(wang)(wang)頁(ye)結構(gou)(gou)的(de)(de)(de)(de)(de)搭建(jian)(jian)，樣式(shi)美化(hua)的(de)(de)(de)(de)(de)屬性(xing)(xing)設(she)置等，并(bing)不斷(duan)提(ti)升(sheng)系(xi)統性(xing)(xing)的(de)(de)(de)(de)(de)思考能力和創(chuang)意思維能力。構(gou)(gou)建(jian)(jian)網(wang)(wang)站(zhan)時系(xi)統性(xing)(xing)的(de)(de)(de)(de)(de)思考力是指學(xue)(xue)(xue)生(sheng)需(xu)要(yao)在設(she)計諸如導航條或鏈接中(zhong)從(cong)設(she)計網(wang)(wang)站(zhan)、解(jie)決問題和理解(jie)用戶需(xu)求(qiu)的(de)(de)(de)(de)(de)角(jiao)度去(qu)“仔細(xi)思考用戶與網(wang)(wang)站(zhan)的(de)(de)(de)(de)(de)互動方(fang)式(shi)以及(ji)根據意圖實(shi)(shi)現功能的(de)(de)(de)(de)(de)方(fang)式(shi)解(jie)決問題”[1]。構(gou)(gou)建(jian)(jian)網(wang)(wang)站(zhan)中(zhong)的(de)(de)(de)(de)(de)創(chuang)意思維是指學(xue)(xue)(xue)生(sheng)可以把網(wang)(wang)頁(ye)設(she)計學(xue)(xue)(xue)習(xi)融入(ru)(ru)到(dao)創(chuang)作具(ju)有實(shi)(shi)際意義(yi)和真實(shi)(shi)內容及(ji)富有個(ge)(ge)性(xing)(xing)的(de)(de)(de)(de)(de)網(wang)(wang)站(zhan)構(gou)(gou)建(jian)(jian)過(guo)程中(zhong)，將(jiang)學(xue)(xue)(xue)科學(xue)(xue)(xue)習(xi)與實(shi)(shi)際生(sheng)活相(xiang)統一。

1.2從獨(du)立(li)開發到小(xiao)組(zu)合(he)作(zuo)、組(zu)間(jian)協作(zuo)。網頁設計與(yu)網站開發的(de)工作(zuo)不是一個人獨(du)立(li)完成的(de)，而是需要(yao)團隊的(de)合(he)作(zuo)共同完成，當前的(de)信息產(chan)業的(de)工作(zuo)都(dou)不是一個人獨(du)立(li)能(neng)(neng)夠(gou)完成的(de)，而需要(yao)與(yu)他(ta)(ta)人合(he)作(zuo)完成。因此，獨(du)立(li)思考和學(xue)習確實能(neng)(neng)促進學(xue)生知識掌握(wo)能(neng)(neng)力、而通過合(he)作(zuo)構建網站可以分解(jie)復雜任務。利用這種協作(zuo)模(mo)式可以培養計算思維能(neng)(neng)力中除知識技能(neng)(neng)方(fang)(fang)面的(de)其他(ta)(ta)方(fang)(fang)面——過程與(yu)方(fang)(fang)法、情(qing)感(gan)態度(du)與(yu)價值觀。

2考核評價

根據《網(wang)(wang)頁設(she)計與網(wang)(wang)站開(kai)發課程(cheng)》的(de)(de)三維教學(xue)(xue)(xue)目(mu)標（知識技能、過(guo)程(cheng)與方(fang)法(fa)、情(qing)感(gan)態度(du)三方(fang)面）制定考核方(fang)法(fa)及評(ping)(ping)(ping)價(jia)(jia)標準。考核評(ping)(ping)(ping)價(jia)(jia)改變傳統的(de)(de)單(dan)一的(de)(de)總結(jie)(jie)性評(ping)(ping)(ping)價(jia)(jia)的(de)(de)方(fang)法(fa)，采用(yong)平時(shi)(shi)的(de)(de)過(guo)程(cheng)評(ping)(ping)(ping)價(jia)(jia)、階(jie)段評(ping)(ping)(ping)價(jia)(jia)和(he)(he)綜合(he)評(ping)(ping)(ping)價(jia)(jia)相結(jie)(jie)合(he)的(de)(de)評(ping)(ping)(ping)價(jia)(jia)方(fang)法(fa)。過(guo)程(cheng)評(ping)(ping)(ping)價(jia)(jia)是(shi)指學(xue)(xue)(xue)生平時(shi)(shi)的(de)(de)學(xue)(xue)(xue)習過(guo)程(cheng)，根據精(jing)心設(she)計的(de)(de)學(xue)(xue)(xue)習情(qing)境對學(xue)(xue)(xue)生的(de)(de)學(xue)(xue)(xue)習過(guo)程(cheng)進行(xing)記錄和(he)(he)評(ping)(ping)(ping)分。這其中包括(kuo)學(xue)(xue)(xue)生出勤情(qing)況、學(xue)(xue)(xue)習態度(du)、單(dan)元情(qing)境的(de)(de)完成情(qing)況；階(jie)段評(ping)(ping)(ping)價(jia)(jia)即(ji)是(shi)期(qi)(qi)中評(ping)(ping)(ping)價(jia)(jia)，通過(guo)期(qi)(qi)初時(shi)(shi)提出主(zhu)(zhu)題(ti)網(wang)(wang)站任(ren)務，學(xue)(xue)(xue)生在(zai)學(xue)(xue)(xue)習過(guo)程(cheng)中著(zhu)手規(gui)劃、設(she)計、實施并完成任(ren)務，在(zai)學(xue)(xue)(xue)期(qi)(qi)中期(qi)(qi)進行(xing)集中評(ping)(ping)(ping)價(jia)(jia)[2]，起到貫穿始終、承前啟(qi)后(hou)的(de)(de)作(zuo)用(yong)；期(qi)(qi)末(mo)考試(shi)采用(yong)上(shang)機考試(shi)，題(ti)型(xing)包括(kuo)根據給(gei)(gei)定素材(cai)(cai)及代碼截圖拼出網(wang)(wang)頁頁面，根據給(gei)(gei)定模板和(he)(he)主(zhu)(zhu)題(ti)要求，在(zai)現有素材(cai)(cai)的(de)(de)基礎上(shang)實現網(wang)(wang)站規(gui)劃及網(wang)(wang)頁設(she)計。

篇7

首先，移(yi)(yi)動(dong)(dong)搜(sou)索(suo)(suo)具(ju)有可(ke)(ke)用(yong)(yong)性特點。移(yi)(yi)動(dong)(dong)設備可(ke)(ke)用(yong)(yong)性包(bao)括：界(jie)面(mian)可(ke)(ke)視性、導航(hang)、內容等(deng)(deng)。網(wang)(wang)頁界(jie)面(mian)可(ke)(ke)用(yong)(yong)性表現為同(tong)一窗口中內容要精簡，按(an)內容的(de)重要性排列(lie)顯示；網(wang)(wang)頁版(ban)面(mian)布局要方(fang)便(bian)用(yong)(yong)戶(hu)更(geng)(geng)容易地接收信息等(deng)(deng)。其(qi)次，移(yi)(yi)動(dong)(dong)搜(sou)索(suo)(suo)具(ju)有可(ke)(ke)訪問性特點。移(yi)(yi)動(dong)(dong)搜(sou)索(suo)(suo)用(yong)(yong)戶(hu)與桌面(mian)搜(sou)索(suo)(suo)用(yong)(yong)戶(hu)相比(bi)，對(dui)搜(sou)索(suo)(suo)結果(guo)的(de)關注(zhu)(zhu)度(du)更(geng)(geng)高(gao)。移(yi)(yi)動(dong)(dong)用(yong)(yong)戶(hu)更(geng)(geng)多的(de)是(shi)搜(sou)索(suo)(suo)能解決身邊的(de)問題，諸如(ru)餐飲、旅游(you)、公交等(deng)(deng)，主(zhu)(zhu)要關注(zhu)(zhu)生活服務類、健康保健類、教(jiao)育培(pei)訓類這三類信息，因(yin)此移(yi)(yi)動(dong)(dong)SEO的(de)需求主(zhu)(zhu)要是(shi)針對(dui)這些網(wang)(wang)站的(de)搜(sou)索(suo)(suo)引擎優化。

2根據(ju)移動(dong)搜索(suo)特點的(de)網頁移動(dong)化策(ce)略網頁移動(dong)化策(ce)略有兩個

(1)響應式網頁(ye)設計(ji)。

(2)搜索引擎開(kai)(kai)放(fang)適(shi)配服(fu)(fu)(fu)務，抓(zhua)取移動(dong)(dong)資源。響(xiang)(xiang)應式(shi)(shi)網(wang)頁(ye)設(she)(she)計(ji)(Responsivewebdesign)是(shi)一種(zhong)網(wang)頁(ye)設(she)(she)計(ji)的(de)(de)(de)方(fang)(fang)法(fa)，該設(she)(she)計(ji)可使(shi)網(wang)站從桌面電腦顯示器(qi)到移動(dong)(dong)設(she)(she)備上適(shi)合閱讀和導航(hang)。響(xiang)(xiang)應式(shi)(shi)網(wang)頁(ye)設(she)(she)計(ji)就是(shi)能夠用(yong)一套樣式(shi)(shi)，使(shi)網(wang)站的(de)(de)(de)頁(ye)面能夠在不同(tong)分辨率的(de)(de)(de)屏幕下都(dou)有很好的(de)(de)(de)表現形式(shi)(shi)。百(bai)(bai)(bai)度(du)的(de)(de)(de)移動(dong)(dong)資源有兩種(zhong)抓(zhua)取方(fang)(fang)式(shi)(shi)，一是(shi)通(tong)過傳統(tong)的(de)(de)(de)蜘蛛(spider)抓(zhua)取，另一種(zhong)是(shi)通(tong)過百(bai)(bai)(bai)度(du)提(ti)(ti)供的(de)(de)(de)“開(kai)(kai)放(fang)適(shi)配”服(fu)(fu)(fu)務。目(mu)前(qian)百(bai)(bai)(bai)度(du)開(kai)(kai)放(fang)適(shi)配服(fu)(fu)(fu)務共(gong)提(ti)(ti)供三種(zhong)方(fang)(fang)案：自主適(shi)配、標注Meta聲(sheng)明、提(ti)(ti)交對應關系Sitemap。按(an)照百(bai)(bai)(bai)度(du)官方(fang)(fang)的(de)(de)(de)定義用(yong)“開(kai)(kai)放(fang)適(shi)配”的(de)(de)(de)抓(zhua)取速(su)度(du)會優于傳統(tong)的(de)(de)(de)網(wang)頁(ye)抓(zhua)取。

二移動端(duan)網站優化的規則和策略

1百度(du)移動搜(sou)索結果(guo)的排名標準百度(du)鼓(gu)勵mobile資源，根據百度(du)移動搜(sou)索結果(guo)的排名標準

(1)檢索友好性，其友好性判斷標準是網(wang)站有(you)(you)沒有(you)(you)可以匹配移(yi)動設備的(de)HTML5結(jie)構。

(2)有完整的功能/服務(wu)滿足(zu)用戶需求，保證(zheng)內容/服務(wu)的穩定(ding)可用，保證(zheng)訪問速度(du)及到達率。

(3)移(yi)動化交(jiao)互體驗，符合移(yi)動終(zhong)端特性。

(4)使用規范的html5/xhtml協議(yi)語言。

2移動端搜(sou)索(suo)結果的排(pai)名策略

移動(dong)端網站(zhan)優(you)化打破傳統網站(zhan)的(de)(de)優(you)化方式，移動(dong)端搜索(suo)結果的(de)(de)排(pai)名策略主要(yao)由基礎相關性(xing)、資源質量、檢索(suo)友好(hao)性(xing)三(san)個部分組成(cheng)。手(shou)機頁面進行適(shi)配，移動(dong)網站(zhan)的(de)(de)DOCTYPE聲明(ming)有助于(yu)搜索(suo)引擎識(shi)別(bie)該頁面是否適(shi)合(he)手(shou)機瀏覽，mobile頁面協議(yi)編寫如果不規范，會造成(cheng)百(bai)度(du)無法正常識(shi)別(bie)。<!DOCTYPE>聲明(ming)應該位于(yu)文檔中的(de)(de)最前面的(de)(de)位置，處于(yu)<html>標簽之(zhi)前，其(qi)聲明(ming)格式。

三基于移(yi)動搜(sou)索的網頁優化

面對移(yi)(yi)動搜索(suo)市場，移(yi)(yi)動用(yong)戶(hu)需(xu)求(qiu)與(yu)標準的(de)桌(zhuo)面搜索(suo)需(xu)求(qiu)是(shi)不同的(de)，移(yi)(yi)動用(yong)戶(hu)更傾向于即時需(xu)求(qiu)，移(yi)(yi)動搜索(suo)與(yu)桌(zhuo)面搜索(suo)相比(bi)，具有：

(1)在移動設備上的小屏幕，可能(neng)只(zhi)能(neng)出現5個搜索結(jie)果。

(2)移動(dong)搜索查(cha)詢往往極短，查(cha)詢的關(guan)鍵詞也比傳(chuan)統桌面搜索更少。

(3)移(yi)(yi)動(dong)(dong)(dong)搜索查詢(xun)結(jie)果(guo)受到字(zi)數限(xian)制(zhi)。例如，PC端和移(yi)(yi)動(dong)(dong)(dong)端搜索結(jie)果(guo),PC端30多個中文漢字(zi)才截(jie)斷，移(yi)(yi)動(dong)(dong)(dong)端不到20個字(zi)就截(jie)斷。

1移(yi)動端網(wang)站樣式表的優化

制作的一個移動(dong)(dong)樣式(shi)表(biao)單，稱之為“handheld.css”，這個CSS可(ke)以(yi)把傳統網頁格(ge)式(shi)化為移動(dong)(dong)設(she)備(bei)可(ke)以(yi)瀏覽的網頁。<linkrel="stylesheet"href="css/handheld.css"type="text/css"media="handheld"/>如果客戶端是手機等(deng)移動(dong)(dong)設(she)備(bei)時，就(jiu)會載入(ru)這個css樣式(shi)表(biao)。

2移動端(duan)網頁(ye)標簽的優化

(1)meta標簽(qian)優化(hua)，使用(yong)標注meta聲明(ming)開放適配協議。站(zhan)(zhan)長在(zai)站(zhan)(zhan)點(dian)PC頁的(de)源代碼(ma)頭(tou)部嵌入一(yi)行或(huo)多(duo)行Meta信息，由Meta信息來指(zhi)明(ming)該(gai)PC頁對(dui)應的(de)手機頁的(de)URL。Meta聲明(ming)的(de)格式：<metahttp-equiv="mobile-agent"content="format=[wml|xhtml|html5];url=url">

(2)描述標簽(description)的(de)優化(hua)，使用description目的(de)是用來(lai)說明頁面(mian)的(de)主體內容。描述標簽也會被顯(xian)示在(zai)搜索結果當中被用戶所(suo)見(jian)。

(3)jquery標(biao)簽的(de)(de)(de)優化，提升移動用(yong)戶的(de)(de)(de)使(shi)用(yong)體驗。例如，滑動切換(huan)(huan)(huan)圖片相比于自動切換(huan)(huan)(huan)和點擊切換(huan)(huan)(huan)，滑動切換(huan)(huan)(huan)增強了用(yong)戶操作的(de)(de)(de)主動性(xing)、隱藏標(biao)簽和顯示標(biao)簽實現動畫(hua)效果(guo)，同時提升了切換(huan)(huan)(huan)的(de)(de)(de)便捷性(xing)。

3移動(dong)端(duan)頁面結構(gou)的優化

使用(yong)(yong)三(san)層(ceng)的(de)頁(ye)(ye)面結構。由于(yu)移動(dong)端是(shi)(shi)直接用(yong)(yong)手(shou)指操(cao)作(zuo)，需要響應元素(su)點擊區域要相對(dui)明顯(xian)，布局上可以(yi)(yi)多上下排列。移動(dong)網站的(de)頁(ye)(ye)面加(jia)載(zai)速度(du)要比普通(tong)網頁(ye)(ye)加(jia)載(zai)速度(du)慢，所以(yi)(yi)減(jian)少頁(ye)(ye)面數(shu)量非常重(zhong)要。用(yong)(yong)戶(hu)(hu)是(shi)(shi)不(bu)會有耐心不(bu)斷打(da)開網頁(ye)(ye)上的(de)，所以(yi)(yi)盡可能簡(jian)化(hua)網站的(de)布局也是(shi)(shi)很重(zhong)要。一個標準的(de)移動(dong)站應該(gai)包含首頁(ye)(ye)、列表頁(ye)(ye)和詳情(qing)頁(ye)(ye)三(san)種(zhong)類(lei)(lei)型，頁(ye)(ye)面類(lei)(lei)型及層(ceng)級不(bu)超過三(san)個，保證簡(jian)單、高效的(de)用(yong)(yong)戶(hu)(hu)體驗。使用(yong)(yong)盡量淺(qian)的(de)頁(ye)(ye)間結構，減(jian)少用(yong)(yong)戶(hu)(hu)點擊次數(shu)，提升瀏覽體驗，

4移動端網頁導航的優化(hua)

網(wang)頁導(dao)(dao)(dao)航(hang)(hang)可(ke)(ke)用(yong)性(xing)表現為用(yong)戶能快(kuai)(kuai)速(su)地找到所需的(de)(de)(de)(de)信息(xi)，是用(yong)戶體(ti)驗的(de)(de)(de)(de)重要(yao)(yao)實現方(fang)式。移(yi)動(dong)網(wang)站可(ke)(ke)以采用(yong)的(de)(de)(de)(de)導(dao)(dao)(dao)航(hang)(hang)種(zhong)類較(jiao)PC端(duan)要(yao)(yao)少，按照范圍的(de)(de)(de)(de)不(bu)同，可(ke)(ke)以分為三(san)大類：結構(gou)性(xing)導(dao)(dao)(dao)航(hang)(hang)、關聯性(xing)導(dao)(dao)(dao)航(hang)(hang)和公用(yong)程序導(dao)(dao)(dao)航(hang)(hang)，一般首頁導(dao)(dao)(dao)航(hang)(hang)可(ke)(ke)以分為導(dao)(dao)(dao)航(hang)(hang)式和內容(rong)(rong)式兩種(zhong)，導(dao)(dao)(dao)航(hang)(hang)式因其(qi)風格簡(jian)潔可(ke)(ke)起到快(kuai)(kuai)速(su)傳達品牌形(xing)象的(de)(de)(de)(de)作用(yong)；內容(rong)(rong)式因其(qi)豐富的(de)(de)(de)(de)內容(rong)(rong)，可(ke)(ke)快(kuai)(kuai)速(su)傳遞信息(xi)，Fig.3Thehomepagenavigationandcontenttypestructure通過導(dao)(dao)(dao)航(hang)(hang)，用(yong)戶可(ke)(ke)以知道所在頁面在整個網(wang)站中的(de)(de)(de)(de)位(wei)置，在移(yi)動(dong)端(duan)導(dao)(dao)(dao)航(hang)(hang)中盡量使用(yong)文字鏈接，不(bu)要(yao)(yao)使用(yong)復雜的(de)(de)(de)(de)js或者flash。使用(yong)圖片做導(dao)(dao)(dao)航(hang)(hang)時，可(ke)(ke)以使用(yong)Alt告訴搜(sou)索引擎所指(zhi)向的(de)(de)(de)(de)網(wang)頁內容(rong)(rong)。

5移(yi)動端網頁屏幕分辨率的自適應

移動端網站的頁面(mian)(mian)需做到以下三點(dian)(dian)：一是頁面(mian)(mian)隨屏幕寬度變化，無橫向滾動條；二是屏幕不放大時，能清(qing)晰(xi)瀏覽(lan)內容，文字大小不低(di)于12像素；三是屏幕不放大時，按(an)鈕、鏈(lian)接等(deng)點(dian)(dian)擊方便，按(an)鈕尺寸(cun)不能過(guo)大或過(guo)小。

篇8

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

如(ru)今，人(ren)們打開一個(ge)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)，已經不(bu)(bu)再滿足于(yu)文字的(de)(de)(de)(de)內容(rong)，他們有了更(geng)高(gao)的(de)(de)(de)(de)審美意識，對于(yu)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)設(she)(she)(she)(she)計(ji)(ji)來(lai)說，藝術(shu)設(she)(she)(she)(she)計(ji)(ji)的(de)(de)(de)(de)地位(wei)就(jiu)越來(lai)越重(zhong)要(yao)了。色(se)彩(cai)包含在(zai)(zai)美學當中，各種色(se)彩(cai)代表(biao)不(bu)(bu)一樣的(de)(de)(de)(de)內涵。以(yi)(yi)(yi)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)的(de)(de)(de)(de)內容(rong)以(yi)(yi)(yi)及(ji)特(te)點為基礎，合理的(de)(de)(de)(de)運用色(se)彩(cai)構(gou)(gou)成，正確的(de)(de)(de)(de)搭配(pei)色(se)彩(cai)，可(ke)(ke)以(yi)(yi)(yi)增加網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)的(de)(de)(de)(de)視覺(jue)(jue)效果，從而引起(qi)人(ren)們的(de)(de)(de)(de)共鳴(ming)，影響人(ren)們的(de)(de)(de)(de)情緒，不(bu)(bu)但可(ke)(ke)以(yi)(yi)(yi)傳達信息，還可(ke)(ke)以(yi)(yi)(yi)產生情感(gan)上的(de)(de)(de)(de)交流。對于(yu)藝術(shu)設(she)(she)(she)(she)計(ji)(ji)來(lai)說，色(se)彩(cai)是(shi)很關(guan)鍵的(de)(de)(de)(de)要(yao)素。色(se)彩(cai)搭配(pei)的(de)(de)(de)(de)好，可(ke)(ke)以(yi)(yi)(yi)給人(ren)們很直(zhi)觀(guan)的(de)(de)(de)(de)視覺(jue)(jue)沖擊，以(yi)(yi)(yi)及(ji)藝術(shu)享受，可(ke)(ke)以(yi)(yi)(yi)讓人(ren)們站在(zai)(zai)美學的(de)(de)(de)(de)角度來(lai)理解網(wang)(wang)(wang)(wang)(wang)站的(de)(de)(de)(de)內容(rong)，這(zhe)就(jiu)是(shi)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)色(se)彩(cai)設(she)(she)(she)(she)計(ji)(ji)的(de)(de)(de)(de)初(chu)衷。網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)在(zai)(zai)性質上屬于(yu)視覺(jue)(jue)傳遞的(de)(de)(de)(de)新型(xing)載體，和雜志、電視、報(bao)刊以(yi)(yi)(yi)及(ji)廣播等傳統(tong)的(de)(de)(de)(de)媒體比較(jiao)起(qi)來(lai)，構(gou)(gou)成更(geng)加復雜一些(xie)，將文字、圖像以(yi)(yi)(yi)及(ji)聲音融于(yu)一體。用戶打開一個(ge)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)，最初(chu)的(de)(de)(de)(de)印象就(jiu)是(shi)色(se)彩(cai)。對于(yu)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)設(she)(she)(she)(she)計(ji)(ji)來(lai)說，色(se)彩(cai)有著重(zhong)要(yao)的(de)(de)(de)(de)意義，它(ta)不(bu)(bu)但可(ke)(ke)以(yi)(yi)(yi)表(biao)達網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)(ye)(ye)(ye)作品的(de)(de)(de)(de)內容(rong)，還可(ke)(ke)以(yi)(yi)(yi)實現視覺(jue)(jue)的(de)(de)(de)(de)傳達。

3、網(wang)頁設計中色彩(cai)的應用

3.1網(wang)頁(ye)設(she)計中色彩(cai)的(de)(de)(de)調和與搭(da)配。網(wang)頁(ye)的(de)(de)(de)形式(shi)各(ge)種(zhong)各(ge)樣(yang)，宣傳效果也是大不(bu)相同，我們要對網(wang)頁(ye)設(she)計的(de)(de)(de)各(ge)種(zhong)色彩(cai)搭(da)配以及理(li)念(nian)進行研究，所謂的(de)(de)(de)理(li)念(nian)，就是把(ba)色彩(cai)融入到網(wang)頁(ye)的(de)(de)(de)構成(cheng)當中，從全局的(de)(de)(de)角度體現出具(ju)體和局部的(de)(de)(de)美，此外，可以依(yi)據(ju)宣傳內容(rong)，利用(yong)色調和色彩(cai)表(biao)達出來，根據(ju)不(bu)同的(de)(de)(de)網(wang)頁(ye)種(zhong)類(lei)，用(yong)各(ge)種(zhong)形式(shi)進行表(biao)達。

3.1.1針對(dui)各(ge)種群體(ti)，采取網(wang)頁色(se)(se)(se)彩表(biao)(biao)達。因為(wei)受眾群體(ti)是不一(yi)(yi)樣(yang)的(de)(de)，網(wang)頁的(de)(de)色(se)(se)(se)彩也(ye)有要(yao)(yao)區別，舉個例子，以年(nian)齡段(duan)不同進行區分的(de)(de)受眾群體(ti)，就要(yao)(yao)表(biao)(biao)現(xian)出性(xing)格以及年(nian)齡的(de)(de)特(te)征，每一(yi)(yi)個年(nian)齡段(duan)的(de)(de)群體(ti)，情感需要(yao)(yao)是不一(yi)(yi)樣(yang)的(de)(de)，在(zai)(zai)設(she)計網(wang)頁時，選擇(ze)的(de)(de)方法也(ye)是不一(yi)(yi)樣(yang)的(de)(de)。對(dui)于兒(er)童來(lai)說，主(zhu)要(yao)(yao)以紅色(se)(se)(se)以及綠色(se)(se)(se)為(wei)主(zhu)色(se)(se)(se)帶，在(zai)(zai)關(guan)鍵地方表(biao)(biao)現(xian)出來(lai)，然后在(zai)(zai)輔以其他顏(yan)色(se)(se)(se)，這種色(se)(se)(se)彩可以體(ti)現(xian)出活潑的(de)(de)格調。

3.1.2針對各(ge)種類型的(de)(de)(de)(de)網(wang)頁設計宣傳理念，如何進行色彩(cai)搭配。不(bu)同(tong)的(de)(de)(de)(de)網(wang)頁，所要實現的(de)(de)(de)(de)宣傳目標是(shi)不(bu)一樣的(de)(de)(de)(de)，通(tong)(tong)常來(lai)說，我們(men)利用各(ge)種感(gan)覺(jue)通(tong)(tong)到以(yi)及色彩(cai)的(de)(de)(de)(de)感(gan)受，去領(ling)域宣傳的(de)(de)(de)(de)本質內涵。我們(men)設計網(wang)頁，主要是(shi)為了實現宣傳的(de)(de)(de)(de)目的(de)(de)(de)(de)，利用色彩(cai)的(de)(de)(de)(de)方式，可(ke)以(yi)把這種目的(de)(de)(de)(de)體現出來(lai)，這就叫做不(bu)同(tong)產(chan)品設計理念的(de)(de)(de)(de)不(bu)同(tong)理解以(yi)及表達(da)。

3.2網頁設計(ji)中色彩(cai)對應與(yu)分配。

3.2.1設(she)計(ji)網頁時(shi)，色(se)(se)彩(cai)搭配要(yao)注重層(ceng)次(ci)(ci)性。在設(she)計(ji)網頁時(shi)，我(wo)們(men)想要(yao)傳達給受眾的(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)(shi)(shi)(shi)多(duo)層(ceng)的(de)(de)(de)(de)(de)(de)(de)信息(xi)，而(er)不是(shi)(shi)(shi)(shi)(shi)一層(ceng)兩層(ceng)，同時(shi)，各(ge)個層(ceng)次(ci)(ci)還(huan)是(shi)(shi)(shi)(shi)(shi)可(ke)(ke)以相互包容的(de)(de)(de)(de)(de)(de)(de)，這種(zhong)包容就(jiu)體現(xian)了(le)色(se)(se)彩(cai)搭配，而(er)且(qie)不同色(se)(se)彩(cai)之間還(huan)有(you)各(ge)種(zhong)元(yuan)素交織在一起，為(wei)了(le)更(geng)好的(de)(de)(de)(de)(de)(de)(de)傳達信息(xi)，也(ye)為(wei)了(le)更(geng)生動準確的(de)(de)(de)(de)(de)(de)(de)傳達信息(xi)，我(wo)們(men)必(bi)須(xu)體現(xian)出色(se)(se)彩(cai)的(de)(de)(de)(de)(de)(de)(de)層(ceng)次(ci)(ci)性，這也(ye)是(shi)(shi)(shi)(shi)(shi)我(wo)們(men)所(suo)要(yao)表(biao)達的(de)(de)(de)(de)(de)(de)(de)設(she)計(ji)理(li)念(nian)。色(se)(se)彩(cai)的(de)(de)(de)(de)(de)(de)(de)層(ceng)次(ci)(ci)性關鍵是(shi)(shi)(shi)(shi)(shi)精，而(er)不是(shi)(shi)(shi)(shi)(shi)多(duo)，更(geng)主(zhu)要(yao)的(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)(shi)(shi)(shi)合理(li)以及整潔，所(suo)謂的(de)(de)(de)(de)(de)(de)(de)合理(li)有(you)序指(zhi)的(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)(shi)(shi)(shi)色(se)(se)彩(cai)的(de)(de)(de)(de)(de)(de)(de)合理(li)分布以及有(you)序搭配，我(wo)們(men)所(suo)倡(chang)導的(de)(de)(de)(de)(de)(de)(de)是(shi)(shi)(shi)(shi)(shi)前面是(shi)(shi)(shi)(shi)(shi)主(zhu)色(se)(se)調(diao)，隨(sui)后(hou)(hou)是(shi)(shi)(shi)(shi)(shi)單(dan)色(se)(se)調(diao)；帶有(you)宣(xuan)傳目(mu)的(de)(de)(de)(de)(de)(de)(de)色(se)(se)彩(cai)置于前面，而(er)搭配意義的(de)(de)(de)(de)(de)(de)(de)背(bei)景(jing)可(ke)(ke)以置于后(hou)(hou)面，這種(zhong)搭配方式(shi)可(ke)(ke)以起到(dao)很好的(de)(de)(de)(de)(de)(de)(de)效果，而(er)且(qie)這種(zhong)層(ceng)次(ci)(ci)性還(huan)可(ke)(ke)以讓人們(men)有(you)一種(zhong)煥然一新(xin)的(de)(de)(de)(de)(de)(de)(de)感覺，然后(hou)(hou)通(tong)過(guo)色(se)(se)彩(cai)的(de)(de)(de)(de)(de)(de)(de)形式(shi)表(biao)達出來，實現(xian)宣(xuan)傳的(de)(de)(de)(de)(de)(de)(de)目(mu)的(de)(de)(de)(de)(de)(de)(de)。

3.2.2設(she)計網頁(ye)(ye)時，色(se)彩搭(da)(da)配需要注重包(bao)(bao)容(rong)性(xing)。色(se)彩的(de)(de)包(bao)(bao)容(rong)性(xing)，指的(de)(de)是各個色(se)彩之間的(de)(de)搭(da)(da)配以(yi)及穿插，這種(zhong)搭(da)(da)配以(yi)及穿插，可以(yi)把(ba)各種(zhong)顏(yan)色(se)融合在(zai)一(yi)起(qi)，從(cong)而表達出(chu)一(yi)種(zhong)感情。網頁(ye)(ye)設(she)計不同，色(se)彩包(bao)(bao)容(rong)的(de)(de)顏(yan)色(se)也(ye)不同，舉個例(li)子(zi)，某些網頁(ye)(ye)是為了宣(xuan)傳某種(zhong)產品，在(zai)廣告中，利用的(de)(de)是反思維的(de)(de)方式(shi)來引(yin)導受眾，然后引(yin)出(chu)產品的(de)(de)形式(shi)以(yi)及構成。這種(zhong)網頁(ye)(ye)的(de)(de)主色(se)調會(hui)置于一(yi)個關鍵的(de)(de)位置，在(zai)它的(de)(de)周圍以(yi)及內部進行科學的(de)(de)搭(da)(da)配。

3.3網頁設計中色彩的簡單(dan)與復雜規(gui)劃。

3.3.1簡(jian)單色(se)彩形(xing)式的(de)(de)(de)網頁(ye)(ye)設(she)計。這(zhe)種形(xing)式的(de)(de)(de)網頁(ye)(ye)設(she)計，主要是(shi)為了體現出重點(dian)，營(ying)造出需(xu)要的(de)(de)(de)氛圍，表達出一種情(qing)感。而這(zhe)種情(qing)感也就(jiu)是(shi)我們(men)秉承的(de)(de)(de)設(she)計理念以及(ji)規劃。體現出重點(dian)，也就(jiu)是(shi)體現出網頁(ye)(ye)的(de)(de)(de)內(nei)容，這(zhe)種情(qing)況通常可以采(cai)用視覺沖擊力較強的(de)(de)(de)色(se)彩來表達，而在(zai)搭(da)配背景顏色(se)時，要更(geng)加清淡(dan)，做一些(xie)簡(jian)單的(de)(de)(de)描繪以及(ji)勾勒，主要的(de)(de)(de)目的(de)(de)(de)還是(shi)體現出網頁(ye)(ye)的(de)(de)(de)關鍵內(nei)容。

篇9

二、什么樣的設計更適合web頁(ye)面(mian)

1.慎用較“重”的(de)(de)圖(tu)形(xing)(xing)元素這里(li)圖(tu)形(xing)(xing)元素的(de)(de)輕(qing)(qing)(qing)重不(bu)是(shi)色調的(de)(de)輕(qing)(qing)(qing)重，是(shi)形(xing)(xing)式(shi)(shi)的(de)(de)輕(qing)(qing)(qing)和重，形(xing)(xing)式(shi)(shi)的(de)(de)輕(qing)(qing)(qing)重和內容相呼應，網頁(ye)設(she)計(ji)(ji)的(de)(de)一大趨勢就是(shi)越(yue)來(lai)越(yue)“輕(qing)(qing)(qing)”。除了對圓角效(xiao)果(guo)和高光(guang)效(xiao)果(guo)等效(xiao)果(guo)的(de)(de)審美疲勞之(zhi)外，網頁(ye)設(she)計(ji)(ji)師(shi)開始意識(shi)到(dao)(dao)好的(de)(de)網頁(ye)設(she)計(ji)(ji)更注重的(de)(de)是(shi)將(jiang)網頁(ye)內容與網頁(ye)形(xing)(xing)式(shi)(shi)結合起來(lai)，而非形(xing)(xing)式(shi)(shi)的(de)(de)堆砌。所以設(she)計(ji)(ji)師(shi)在應用那些較“重”的(de)(de)圖(tu)形(xing)(xing)設(she)計(ji)(ji)時，一定(ding)要慎重思考，考慮到(dao)(dao)該圖(tu)形(xing)(xing)的(de)(de)應用是(shi)否(fou)有必要以及該設(she)計(ji)(ji)是(shi)否(fou)與受眾的(de)(de)氣質相契合。

2.內(nei)容和形式(shi)的(de)(de)(de)(de)分(fen)離(li)對于(yu)一些比(bi)(bi)較(jiao)強調(diao)視覺(jue)效(xiao)果的(de)(de)(de)(de)特殊產(chan)品，也可以利用圖片格式(shi)和一些前端知(zhi)識對網頁設計進行(xing)優化，比(bi)(bi)如(ru)內(nei)容和形式(shi)的(de)(de)(de)(de)分(fen)離(li)。一些國外比(bi)(bi)較(jiao)流(liu)行(xing)的(de)(de)(de)(de)設計風格都是通過大幅的(de)(de)(de)(de)背(bei)景(jing)圖進行(xing)氣氛的(de)(de)(de)(de)渲染和意(yi)境的(de)(de)(de)(de)傳達。這樣做的(de)(de)(de)(de)一個好處就是能把需要用到圖片的(de)(de)(de)(de)視覺(jue)元素進行(xing)集中(zhong)的(de)(de)(de)(de)壓縮(suo)優化，同時因(yin)為前端實現時一般(ban)會(hui)用相近的(de)(de)(de)(de)背(bei)景(jing)色先(xian)進行(xing)填充(chong)，然后在逐步(bu)顯示背(bei)景(jing)圖，就不(bu)會(hui)因(yin)為加(jia)載太(tai)慢(man)而拖慢(man)用戶的(de)(de)(de)(de)訪問速度。

3.通過較小(xiao)的(de)(de)(de)(de)(de)視覺犧(xi)牲換取較大的(de)(de)(de)(de)(de)性能(neng)提(ti)升有時(shi)候為了提(ti)升頁(ye)(ye)(ye)面的(de)(de)(de)(de)(de)加(jia)載速(su)度(du)達(da)到更好的(de)(de)(de)(de)(de)用戶體驗，不得不對設計(ji)進行優化，這個時(shi)候就需(xu)要(yao)犧(xi)牲一(yi)部分(fen)視覺效果利用網(wang)(wang)(wang)頁(ye)(ye)(ye)設計(ji)師掌握的(de)(de)(de)(de)(de)圖(tu)片格式知(zhi)識更有目(mu)的(de)(de)(de)(de)(de)性的(de)(de)(de)(de)(de)優化設計(ji)網(wang)(wang)(wang)頁(ye)(ye)(ye)。例如著(zhu)名的(de)(de)(de)(de)(de)淘寶“雙(shuang)十(shi)一(yi)”大促銷活動的(de)(de)(de)(de)(de)宣傳(chuan)網(wang)(wang)(wang)頁(ye)(ye)(ye)網(wang)(wang)(wang)頁(ye)(ye)(ye)，由于(yu)雙(shuang)十(shi)一(yi)期間，該網(wang)(wang)(wang)頁(ye)(ye)(ye)的(de)(de)(de)(de)(de)訪問(wen)量非常(chang)大并且為了配合商家的(de)(de)(de)(de)(de)宣傳(chuan)活動需(xu)要(yao)在網(wang)(wang)(wang)頁(ye)(ye)(ye)上加(jia)載非常(chang)多(duo)的(de)(de)(de)(de)(de)商品(pin)圖(tu)片，這時(shi)候就需(xu)要(yao)網(wang)(wang)(wang)頁(ye)(ye)(ye)設計(ji)師對雙(shuang)十(shi)一(yi)的(de)(de)(de)(de)(de)促銷活動網(wang)(wang)(wang)頁(ye)(ye)(ye)的(de)(de)(de)(de)(de)圖(tu)形進行優化以達(da)到提(ti)升網(wang)(wang)(wang)頁(ye)(ye)(ye)性能(neng)的(de)(de)(de)(de)(de)目(mu)的(de)(de)(de)(de)(de)。網(wang)(wang)(wang)頁(ye)(ye)(ye)設計(ji)師可以去(qu)掉一(yi)些不太重(zhong)要(yao)的(de)(de)(de)(de)(de)高(gao)光、漸變和陰(yin)影效果，從而(er)降低圖(tu)片文件的(de)(de)(de)(de)(de)大小(xiao)，提(ti)高(gao)圖(tu)片文件的(de)(de)(de)(de)(de)加(jia)載速(su)度(du)。

4.圖形(xing)(xing)(xing)藝術(shu)(shu)的(de)(de)界(jie)面處理新穎(ying)的(de)(de)網(wang)(wang)頁圖形(xing)(xing)(xing)藝術(shu)(shu)設(she)(she)計(ji)可以牢牢地(di)吸引住(zhu)瀏覽者(zhe)(zhe)的(de)(de)注意力，設(she)(she)計(ji)具有創意、布(bu)局(ju)合(he)理、設(she)(she)計(ji)規(gui)范的(de)(de)網(wang)(wang)頁也是提(ti)高(gao)網(wang)(wang)頁瀏覽量的(de)(de)的(de)(de)重中之重。一(yi)個(ge)圖形(xing)(xing)(xing)運(yun)用恰當(dang)、設(she)(she)計(ji)人(ren)(ren)性化的(de)(de)網(wang)(wang)頁可以讓(rang)(rang)瀏覽者(zhe)(zhe)對網(wang)(wang)站心生好感，極大地(di)提(ti)高(gao)瀏覽者(zhe)(zhe)瀏覽該網(wang)(wang)頁的(de)(de)欲望。所以，網(wang)(wang)頁設(she)(she)計(ji)者(zhe)(zhe)要注重運(yun)用一(yi)切(qie)科學技術(shu)(shu)手段(duan)來設(she)(she)計(ji)圖形(xing)(xing)(xing)藝術(shu)(shu)，保(bao)證頁面效果給人(ren)(ren)以眼(yan)前一(yi)亮(liang)或(huo)是舒適的(de)(de)感覺(jue)，讓(rang)(rang)圖形(xing)(xing)(xing)首(shou)先在視覺(jue)上給予客戶(hu)一(yi)種沖擊，給客戶(hu)一(yi)個(ge)良(liang)好的(de)(de)第一(yi)印象。

篇10

點(dian)(dian)(dian)、線(xian)(xian)、面(mian)是視(shi)覺(jue)構(gou)成的(de)基(ji)本要素，網(wang)頁(ye)的(de)所(suo)有(you)(you)信(xin)息(xi)都是通(tong)(tong)過點(dian)(dian)(dian)、線(xian)(xian)、面(mian)的(de)合(he)(he)理搭配出來(lai)的(de)效(xiao)果，因此，要提高網(wang)頁(ye)的(de)視(shi)覺(jue)效(xiao)果，首先就要從這(zhe)三者(zhe)的(de)結合(he)(he)上來(lai)分析(xi)。例如：在點(dian)(dian)(dian)的(de)運(yun)用(yong)中，工作者(zhe)可以通(tong)(tong)過將點(dian)(dian)(dian)聚合(he)(he)或者(zhe)離(li)散使(shi)用(yong)，從而達到動靜態結合(he)(he)的(de)效(xiao)果，滿足用(yong)戶的(de)需求(qiu)。另外，通(tong)(tong)過點(dian)(dian)(dian)的(de)有(you)(you)效(xiao)結合(he)(he)形(xing)成線(xian)(xian)，線(xian)(xian)之間(jian)交(jiao)叉(cha)使(shi)用(yong)，虛實線(xian)(xian)的(de)結合(he)(he)、線(xian)(xian)的(de)明暗漸變等，讓整個網(wang)頁(ye)的(de)版面(mian)形(xing)成大概的(de)輪(lun)廓，達到版面(mian)的(de)基(ji)本效(xiao)果。

（二(er)）圖文、色彩(cai)的合理搭配(pei)

在網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)設(she)計(ji)中，圖(tu)文(wen)(wen)、色(se)(se)(se)(se)彩(cai)(cai)也(ye)是必不(bu)可少的(de)(de)(de)(de)視(shi)覺構成因素，不(bu)同(tong)的(de)(de)(de)(de)圖(tu)文(wen)(wen)、色(se)(se)(se)(se)彩(cai)(cai)搭配(pei)達(da)到的(de)(de)(de)(de)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)效果(guo)就會千(qian)差萬別。所(suo)以，設(she)計(ji)者(zhe)要(yao)想提高網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)視(shi)覺效果(guo)，還需要(yao)將更多的(de)(de)(de)(de)精力(li)放在圖(tu)文(wen)(wen)與色(se)(se)(se)(se)彩(cai)(cai)的(de)(de)(de)(de)合(he)(he)理搭配(pei)上。在選擇(ze)(ze)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)圖(tu)片、文(wen)(wen)字、色(se)(se)(se)(se)彩(cai)(cai)等信息(xi)時(shi)需要(yao)與網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)主(zhu)題結合(he)(he)起(qi)來(lai)。所(suo)選的(de)(de)(de)(de)文(wen)(wen)字、圖(tu)片要(yao)具(ju)有(you)代表性，能(neng)(neng)夠體現出(chu)網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)主(zhu)題，選擇(ze)(ze)的(de)(de)(de)(de)色(se)(se)(se)(se)彩(cai)(cai)更應該科學合(he)(he)理，對于比較柔(rou)情的(de)(de)(de)(de)網(wang)(wang)(wang)(wang)(wang)站(zhan)可以選擇(ze)(ze)淡粉(fen)色(se)(se)(se)(se)，而對于某些具(ju)有(you)科技研究性能(neng)(neng)的(de)(de)(de)(de)網(wang)(wang)(wang)(wang)(wang)站(zhan)要(yao)選用藍(lan)色(se)(se)(se)(se)、綠色(se)(se)(se)(se)等有(you)生機的(de)(de)(de)(de)色(se)(se)(se)(se)調(diao)來(lai)渲染(ran)。另外(wai)，所(suo)選的(de)(de)(de)(de)色(se)(se)(se)(se)彩(cai)(cai)還需要(yao)合(he)(he)理搭配(pei)才能(neng)(neng)體現出(chu)網(wang)(wang)(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)主(zhu)題，同(tong)色(se)(se)(se)(se)調(diao)的(de)(de)(de)(de)搭配(pei)、相(xiang)似色(se)(se)(se)(se)調(diao)的(de)(de)(de)(de)搭配(pei)、反差大的(de)(de)(de)(de)色(se)(se)(se)(se)調(diao)搭配(pei)以及(ji)主(zhu)色(se)(se)(se)(se)調(diao)的(de)(de)(de)(de)選擇(ze)(ze)、輔色(se)(se)(se)(se)調(diao)的(de)(de)(de)(de)選擇(ze)(ze)等都要(yao)設(she)計(ji)者(zhe)仔細掂量，并(bing)將網(wang)(wang)(wang)(wang)(wang)站(zhan)的(de)(de)(de)(de)主(zhu)題結合(he)(he)進(jin)來(lai)，才能(neng)(neng)讓網(wang)(wang)(wang)(wang)(wang)頁(ye)(ye)的(de)(de)(de)(de)視(shi)覺效果(guo)吸引用戶的(de)(de)(de)(de)眼(yan)球。

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

不(bu)同(tong)(tong)的(de)(de)(de)(de)用(yong)戶(hu)具(ju)(ju)(ju)有(you)不(bu)同(tong)(tong)的(de)(de)(de)(de)思維習(xi)慣，他(ta)們的(de)(de)(de)(de)審美(mei)觀也各(ge)不(bu)相同(tong)(tong)，要(yao)想(xiang)讓用(yong)戶(hu)對網(wang)頁的(de)(de)(de)(de)設(she)(she)(she)計(ji)(ji)效果滿意，還需(xu)要(yao)將他(ta)們的(de)(de)(de)(de)認(ren)知(zhi)習(xi)慣科學合理地(di)結合到網(wang)頁設(she)(she)(she)計(ji)(ji)的(de)(de)(de)(de)過(guo)程中。設(she)(she)(she)計(ji)(ji)者(zhe)不(bu)僅要(yao)具(ju)(ju)(ju)有(you)良好的(de)(de)(de)(de)專業素質，還要(yao)具(ju)(ju)(ju)有(you)明確用(yong)戶(hu)需(xu)求、了解用(yong)戶(hu)認(ren)知(zhi)習(xi)慣的(de)(de)(de)(de)能(neng)力，才能(neng)將各(ge)種網(wang)頁設(she)(she)(she)計(ji)(ji)中的(de)(de)(de)(de)視覺構(gou)成要(yao)素科學系統地(di)結合起來，達到設(she)(she)(she)計(ji)(ji)網(wang)頁的(de)(de)(de)(de)效果，達到用(yong)戶(hu)的(de)(de)(de)(de)需(xu)求。