時(shí)間：2022-05-07 03:35:36
序論：在您撰寫網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
【摘要】網(wǎng)頁(yè)設(shè)計(jì)與制作課程是計(jì)算機(jī)專業(yè)的主要課程，在專業(yè)人才培養(yǎng)方面處于核心地位。該課程教學(xué)的主要目標(biāo)就是培養(yǎng)學(xué)生全面掌握網(wǎng)站建立和管理技術(shù)，同時(shí)掌握網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)，從而培養(yǎng)網(wǎng)頁(yè)制作和網(wǎng)站開發(fā)的技術(shù)性人才。在整體教學(xué)中，知識(shí)的傳授固然重要，但是更應(yīng)該注重培養(yǎng)學(xué)生的專業(yè)能力，增強(qiáng)學(xué)生的職業(yè)素養(yǎng)。本文就網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中學(xué)生能力培養(yǎng)的策略進(jìn)行分析。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)；制作；學(xué)生能力；培養(yǎng)
隨著互聯(lián)網(wǎng)的發(fā)展和普及，網(wǎng)頁(yè)設(shè)計(jì)和制作技術(shù)成為網(wǎng)絡(luò)時(shí)代非常實(shí)用的技術(shù)，這一課程也成為學(xué)校開設(shè)的熱門課程。無(wú)論是計(jì)算機(jī)專業(yè)的學(xué)生還是非計(jì)算機(jī)專業(yè)的學(xué)生，網(wǎng)頁(yè)制作都成了一門重要的基礎(chǔ)性技術(shù)課程。但是很多學(xué)校在教學(xué)中采用傳統(tǒng)的教學(xué)模式，導(dǎo)致學(xué)生的學(xué)習(xí)積極性不高，實(shí)際動(dòng)手能力也比較差，為了讓學(xué)生快速的掌握網(wǎng)頁(yè)設(shè)計(jì)和制作的技術(shù)，需要采用一些新型的教學(xué)方法實(shí)施教學(xué)，加強(qiáng)學(xué)生綜合能力地培養(yǎng)。
1加強(qiáng)學(xué)生創(chuàng)新能力的培養(yǎng)
創(chuàng)新是一個(gè)民族的靈魂和動(dòng)力，同時(shí)也是當(dāng)今社會(huì)競(jìng)爭(zhēng)的核心。學(xué)生創(chuàng)新能力的提升和創(chuàng)新意識(shí)的增強(qiáng)對(duì)于他們以后的發(fā)展具有非常重要的作用。網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)作為新時(shí)期教學(xué)的主要課程，在教學(xué)中培養(yǎng)學(xué)生的創(chuàng)新能力有利于促進(jìn)整體教學(xué)的發(fā)展。因此，在教學(xué)中，可以通過(guò)多方面內(nèi)容加強(qiáng)學(xué)生創(chuàng)新能力的培養(yǎng)，首先，可以通過(guò)興趣教學(xué)法喚醒學(xué)生的求知欲望，興趣是能夠推動(dòng)學(xué)生求知的內(nèi)在力量，學(xué)生只有對(duì)某一學(xué)科充滿興趣，才能夠持續(xù)的鉆研該學(xué)科知識(shí)，從而增強(qiáng)學(xué)生的學(xué)習(xí)效率。在教學(xué)中，為了增強(qiáng)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)和制作的興趣，教師可以在上課時(shí)準(zhǔn)備一些網(wǎng)頁(yè)作品，讓學(xué)生對(duì)作品進(jìn)行點(diǎn)評(píng)，然后提出改造的意見。讓學(xué)生在頭腦中對(duì)網(wǎng)頁(yè)設(shè)計(jì)有一個(gè)模糊的認(rèn)識(shí)，產(chǎn)生做網(wǎng)站的想法，這樣一來(lái)，通過(guò)教師的指導(dǎo)就能夠讓學(xué)生梳理一個(gè)成型的站點(diǎn)框架，緊接著引導(dǎo)學(xué)生如何做網(wǎng)頁(yè)，如何使用工具，學(xué)生對(duì)這些內(nèi)容產(chǎn)生興趣，就會(huì)帶著教師提出的問(wèn)題進(jìn)行主動(dòng)探索和學(xué)習(xí)，以此增強(qiáng)學(xué)生的學(xué)習(xí)效果。除此之外，還可以通過(guò)精品賞析的方式增強(qiáng)學(xué)生的學(xué)習(xí)靈感。網(wǎng)頁(yè)設(shè)計(jì)和制作課程是一門藝術(shù)和藝術(shù)相結(jié)合的課程，學(xué)生不僅要掌握基本的網(wǎng)頁(yè)制作技巧，還要具備欣賞美和創(chuàng)造美的能力。創(chuàng)造的來(lái)源是靈感，而靈感的來(lái)源則是通過(guò)觀察，因此，可以在教學(xué)中設(shè)計(jì)精品賞析的環(huán)節(jié)，利用上課之前的時(shí)間展示作品，向?qū)W生展示一些布局合理，設(shè)計(jì)新穎的精美網(wǎng)頁(yè)，讓學(xué)生對(duì)這些網(wǎng)頁(yè)進(jìn)行觀察和欣賞，這樣不僅可以拓寬學(xué)生的視野，同時(shí)還能激發(fā)學(xué)生的創(chuàng)造靈感，為學(xué)生以后設(shè)計(jì)出精美的作品奠定基礎(chǔ)。
2培養(yǎng)學(xué)生的網(wǎng)頁(yè)制作綜合能力
在學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)和制作的基本知識(shí)之后，網(wǎng)頁(yè)制作綜合能力的培養(yǎng)就顯得非常重要了。即使學(xué)生掌握了網(wǎng)頁(yè)制作技術(shù)，也不一定能夠設(shè)計(jì)出好的網(wǎng)站，只有提升學(xué)生的綜合能力，加強(qiáng)對(duì)他們所掌握知識(shí)的綜合應(yīng)用，才能夠設(shè)計(jì)出一個(gè)精美的網(wǎng)站。為此，需要注重學(xué)生在實(shí)踐方面的能力培養(yǎng)，可以從教學(xué)實(shí)驗(yàn)方面入手，將所有的理論教學(xué)和實(shí)驗(yàn)教學(xué)都安排在計(jì)算機(jī)機(jī)房完成，可以讓學(xué)生在學(xué)習(xí)理論知識(shí)之后直接進(jìn)入實(shí)踐探索階段。此外，為了給學(xué)生提供更好的實(shí)踐機(jī)會(huì)，可在學(xué)校建立計(jì)算機(jī)基礎(chǔ)教學(xué)網(wǎng)，網(wǎng)頁(yè)設(shè)計(jì)和制作教學(xué)的老師可以建立自己的教學(xué)網(wǎng)站，同時(shí)給學(xué)生分配相應(yīng)的網(wǎng)站空間，要求學(xué)生建立自己的個(gè)人網(wǎng)站主頁(yè)，然后將自己的實(shí)踐作業(yè)上傳到網(wǎng)站空間中，設(shè)計(jì)的風(fēng)格和主題不受限制，網(wǎng)站主頁(yè)的內(nèi)容也不做要求，學(xué)生可以根據(jù)自己的興趣進(jìn)行網(wǎng)頁(yè)的制作，將所學(xué)習(xí)的網(wǎng)頁(yè)制作技術(shù)靈活的運(yùn)用到個(gè)人網(wǎng)頁(yè)的設(shè)計(jì)中，做好個(gè)人網(wǎng)站。為了讓學(xué)生在網(wǎng)站設(shè)計(jì)中學(xué)會(huì)創(chuàng)新，教師可以搜集一些具有創(chuàng)意的網(wǎng)站和網(wǎng)頁(yè)設(shè)計(jì)的素材，和學(xué)生一起分享，然后與學(xué)生所做的網(wǎng)站進(jìn)行對(duì)比，從而提升學(xué)生的創(chuàng)新能力。在網(wǎng)站設(shè)計(jì)中，針對(duì)不同的設(shè)計(jì)環(huán)節(jié)，學(xué)生可以自己發(fā)現(xiàn)設(shè)計(jì)中存在的問(wèn)題，然后進(jìn)行分析和解決，對(duì)于學(xué)生綜合能力的培養(yǎng)具有很大的幫助。
3加強(qiáng)培養(yǎng)學(xué)生的團(tuán)隊(duì)協(xié)作能力
現(xiàn)在社會(huì)的分工越來(lái)越細(xì)，很多工作都需要人們協(xié)助完成，這樣以來(lái)，團(tuán)隊(duì)精神就顯得格外重要。協(xié)同合作是團(tuán)隊(duì)精神的核心內(nèi)容，尊重個(gè)人的興趣和成就是團(tuán)隊(duì)協(xié)作的基礎(chǔ)。就學(xué)生而言，獨(dú)立意識(shí)較強(qiáng)，現(xiàn)代的學(xué)生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學(xué)生未來(lái)的工作。網(wǎng)頁(yè)設(shè)計(jì)和制作教學(xué)是一門實(shí)踐性要求較高的課程，同時(shí)也對(duì)學(xué)生的團(tuán)隊(duì)協(xié)作能力要求很高。在教學(xué)中的綜合實(shí)訓(xùn)中可以選擇采取項(xiàng)目教學(xué)法實(shí)施教學(xué)，將學(xué)生分成不同的小組，在自愿的基礎(chǔ)上進(jìn)行強(qiáng)弱搭配，并且每一個(gè)小組推薦一位組長(zhǎng)，在老師布置任務(wù)之后，組長(zhǎng)可以做好小組內(nèi)的分工，讓學(xué)生能各司其職，然后合力完成作品的設(shè)計(jì)和制作。在作品制作中，如果組內(nèi)的成員存在意見不同意的現(xiàn)狀，組長(zhǎng)可以和其他的成員進(jìn)行溝通協(xié)調(diào)，最后達(dá)成一致，當(dāng)組員能夠?yàn)橥粋€(gè)目標(biāo)一起努力時(shí)，無(wú)論最后的結(jié)果如何，學(xué)生最后都會(huì)有成就感。在這一過(guò)程中，有利于提升學(xué)生的團(tuán)隊(duì)協(xié)作精神，增強(qiáng)學(xué)生的溝通能力。
4結(jié)語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)和制作教學(xué)是一門實(shí)踐性很強(qiáng)的課程，對(duì)于學(xué)生的綜合實(shí)踐能力以及創(chuàng)新能力的要求較高，因此，在教學(xué)中，教師要給根據(jù)學(xué)生的興趣愛好設(shè)計(jì)教學(xué)內(nèi)容，并且為學(xué)生提供一些優(yōu)秀的教學(xué)作品，讓他們進(jìn)行賞析，在優(yōu)秀作品的激勵(lì)和教師的引導(dǎo)下，學(xué)生的學(xué)習(xí)興趣會(huì)有很大的提升，從而真正的投入到網(wǎng)頁(yè)設(shè)計(jì)和制作的探索當(dāng)中，熟練的掌握網(wǎng)頁(yè)制作方面的技巧，增強(qiáng)學(xué)生開發(fā)和維護(hù)網(wǎng)站的能力，使他們的知識(shí)結(jié)構(gòu)不斷得到完善，對(duì)于教學(xué)效果的提升會(huì)起到很大的作用。
作者：崔愿星 單位：鄂州職業(yè)大學(xué)
摘要：隨著社會(huì)的發(fā)展與進(jìn)步，互聯(lián)網(wǎng)技術(shù)得到了快速的發(fā)展，并且已經(jīng)逐漸成為人們生活中不可或缺的一部分。然而，在這種大背景下，網(wǎng)頁(yè)設(shè)計(jì)逐漸的發(fā)展壯大起來(lái)，其不僅能夠使網(wǎng)頁(yè)在視覺上產(chǎn)生一定的美感，而且還能提高網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量，促進(jìn)網(wǎng)頁(yè)的健康發(fā)展。本文將對(duì)圖像處理技術(shù)在網(wǎng)頁(yè)中的應(yīng)用進(jìn)行分析，并且計(jì)算機(jī)圖像處理技術(shù)加以闡述，提出可行性建議，以供參考。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；計(jì)算機(jī)圖像處理技術(shù)；應(yīng)用解析
1圖像處理技術(shù)在網(wǎng)頁(yè)中的應(yīng)用
在圖像設(shè)計(jì)過(guò)程中，圖像在網(wǎng)頁(yè)中所占的比較相對(duì)比較大，并且圖像功能在網(wǎng)頁(yè)設(shè)計(jì)中也起到非常突出的作用。如何在網(wǎng)頁(yè)圖像處理中來(lái)吸引瀏覽者的眼球，有效的增強(qiáng)瀏覽者的興趣是目前網(wǎng)頁(yè)處理過(guò)程中應(yīng)該解決的主要問(wèn)題。因此，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，一定要對(duì)圖像的形式與風(fēng)格進(jìn)行準(zhǔn)確的定位，提高網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)水平。
1.1視覺吸引作用
一般情況下，每個(gè)瀏覽者在進(jìn)行網(wǎng)頁(yè)瀏覽的過(guò)程中，首先看到的是圖片上的信息，其次看到的才是網(wǎng)頁(yè)上的文字信息。因此，設(shè)計(jì)人員必須要根據(jù)網(wǎng)頁(yè)的設(shè)計(jì)的這一特點(diǎn)，重點(diǎn)強(qiáng)調(diào)圖像處理的效果，特別是對(duì)圖像的色調(diào)、形式與位置進(jìn)行充分的考慮，并且要重點(diǎn)強(qiáng)調(diào)網(wǎng)頁(yè)的色彩調(diào)配效果，因?yàn)檫@樣會(huì)對(duì)整個(gè)設(shè)計(jì)效果產(chǎn)生不同程度的影響。
1.2信息引導(dǎo)作用
在進(jìn)行網(wǎng)頁(yè)的瀏覽過(guò)程中，圖像起到一定的引導(dǎo)作用，人們可以通過(guò)圖像對(duì)網(wǎng)頁(yè)中的內(nèi)容進(jìn)行充分的了解，并且圖像也可以充分的反映出網(wǎng)頁(yè)設(shè)計(jì)者的風(fēng)格與理念。同時(shí)，網(wǎng)頁(yè)中的圖像可以在一定程度縮短人們的瀏覽時(shí)間，還能有效的緩解由于網(wǎng)頁(yè)信息過(guò)長(zhǎng)出現(xiàn)的煩躁等不良情緒，從而使人享受一種美感。而就當(dāng)前的形式上看，各種網(wǎng)站之間的競(jìng)爭(zhēng)相對(duì)比較激烈，如果想要在眾多的網(wǎng)頁(yè)之中獲得更多的網(wǎng)頁(yè)瀏覽量，就必須要利用網(wǎng)頁(yè)中的圖像處理信息來(lái)提高網(wǎng)頁(yè)的關(guān)注度，因此，必須通過(guò)文字與圖像的有效結(jié)合來(lái)獲取信息，使人們能夠在美觀的圖像前提下獲取網(wǎng)頁(yè)信息。
2網(wǎng)頁(yè)設(shè)計(jì)計(jì)算機(jī)處理技術(shù)概述
在進(jìn)行計(jì)算機(jī)網(wǎng)頁(yè)圖像技術(shù)處理時(shí)必須要以計(jì)算機(jī)軟件作為主要的媒介手段，同時(shí)設(shè)計(jì)者對(duì)圖像進(jìn)行有效的加工，對(duì)數(shù)字、圖像與視頻進(jìn)行合理的轉(zhuǎn)化，從而達(dá)到更好的視覺效果。
2.1圖像去噪技術(shù)
計(jì)算機(jī)系統(tǒng)在進(jìn)行網(wǎng)頁(yè)的處理過(guò)程中，對(duì)圖像的去噪處理發(fā)揮著至關(guān)重要的作用，由于在進(jìn)行圖片的采集過(guò)程中會(huì)出現(xiàn)一些不規(guī)則的噪音，從而會(huì)對(duì)圖片的展示效果有著不同程度的影響，通常情況下，這些噪音都是有計(jì)算機(jī)的物理性質(zhì)所引起的，因此，在進(jìn)行圖像去噪的處理過(guò)程中，從而確保圖像具有更好的展示效果。
2.2圖像增強(qiáng)技術(shù)
在對(duì)計(jì)算機(jī)網(wǎng)頁(yè)圖片進(jìn)行處理的過(guò)程中，增強(qiáng)處理的主要目的是將圖像中的標(biāo)注和重要信息突顯出來(lái)，同時(shí)也要將網(wǎng)頁(yè)中的無(wú)關(guān)緊要的信息做相應(yīng)的弱化處理，以此來(lái)為后續(xù)的圖像處理提供必要的前提條件。對(duì)網(wǎng)頁(yè)進(jìn)行增強(qiáng)處理，雖然對(duì)網(wǎng)頁(yè)圖片能夠進(jìn)行有效的改善，然而，在進(jìn)行圖片的采集過(guò)程中，會(huì)受到一些因素的制約，會(huì)對(duì)圖片的質(zhì)量產(chǎn)生不同程度的影響。舉例來(lái)說(shuō)，可能會(huì)受相機(jī)分辨率的限制，使圖片在視覺效果上與實(shí)際樣本間存在著差異。因此，在進(jìn)行網(wǎng)頁(yè)圖片進(jìn)行增強(qiáng)處理的過(guò)程中，也要對(duì)圖片的色彩以及邊緣做增強(qiáng)處理。
2.3圖片壓縮技術(shù)
圖片壓縮技術(shù)是網(wǎng)頁(yè)圖片處理過(guò)程中的一種最常用的網(wǎng)頁(yè)處理技術(shù)。對(duì)圖片進(jìn)行壓縮處理可以有效的滿足圖片處理的相關(guān)要求。除此之外，在進(jìn)行圖片的傳輸過(guò)程中，通過(guò)圖像的壓縮處理，可以有效的降低網(wǎng)頁(yè)圖片的失真率。
3計(jì)算機(jī)處理技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
3.1優(yōu)化圖像設(shè)計(jì)在網(wǎng)頁(yè)中的作用
由于圖像的形式的不同在網(wǎng)頁(yè)所起的作用也有所不同，換句話說(shuō)，形式不同的圖片產(chǎn)生的設(shè)計(jì)效果也不盡相同。一旦圖像通過(guò)背景或者圖表的方式表現(xiàn)出來(lái)，顯然所表達(dá)的效果會(huì)存在差異。在這里特別要注意的是如果將圖片以背景的方式展現(xiàn)出來(lái)時(shí)，必須要避免使用單一的設(shè)計(jì)背景，應(yīng)該適當(dāng)?shù)囊恍┦撬男畔⑿问剑瑥亩岣哒w網(wǎng)頁(yè)的質(zhì)量，進(jìn)而增加網(wǎng)頁(yè)信息的個(gè)性化與多樣化，突出網(wǎng)頁(yè)亮點(diǎn)，進(jìn)而實(shí)現(xiàn)更多的瀏覽量。如圖二所示，由于圖片的背景不同，而產(chǎn)生不同的視覺效果。
3.2采用格式處理方式滿足網(wǎng)頁(yè)格式需求
在進(jìn)行計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，對(duì)圖像具有較高的要求，特別是對(duì)圖像格式的要求更為嚴(yán)格，基于此，在圖像的選取過(guò)程中，必須要與設(shè)計(jì)的要求相符，以便圖像與網(wǎng)頁(yè)的設(shè)計(jì)理念相互符合。同時(shí)在處理網(wǎng)頁(yè)圖片的過(guò)程中，會(huì)運(yùn)用到不同的圖像處理方式，包括攝像圖和截圖的等等方式，然而，由于圖像形式的不同會(huì)對(duì)瀏覽效果產(chǎn)生不同的作用。因此，一般情況下，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，會(huì)根據(jù)文字形式來(lái)對(duì)圖像進(jìn)行合理的設(shè)計(jì)。然而，在設(shè)計(jì)的過(guò)程中，也會(huì)存在著一些弊端，由于網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容較為繁瑣，這些都會(huì)對(duì)網(wǎng)頁(yè)的設(shè)計(jì)效果造成不同程度的影響，由此使網(wǎng)頁(yè)的中心思想不能夠明確的表達(dá)出來(lái)。
4、結(jié)語(yǔ)
綜上所述，網(wǎng)頁(yè)設(shè)計(jì)作為我國(guó)目前新興的技術(shù)產(chǎn)業(yè)形式，已經(jīng)引起各界人士的廣泛關(guān)注。然而，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，仍然存在著一些弊端，這需要網(wǎng)頁(yè)設(shè)計(jì)者采用適當(dāng)?shù)氖侄危瑥亩鴮?duì)網(wǎng)頁(yè)圖像進(jìn)行有效的處理。網(wǎng)頁(yè)設(shè)計(jì)中采用圖像處理技術(shù)，不僅能夠提升網(wǎng)頁(yè)的質(zhì)量，而且還能滿足大眾需求，從而增加更高的點(diǎn)擊率。
作者：謝會(huì)娜 單位：河北省深州市職業(yè)技術(shù)教育中心
摘要：隨著用戶體驗(yàn)這個(gè)理念在電商網(wǎng)站中不斷體現(xiàn)，用戶體驗(yàn)儼然成為評(píng)價(jià)一個(gè)電商網(wǎng)站是否成功的重要標(biāo)準(zhǔn)。良好的用戶體驗(yàn)可以給用戶購(gòu)買時(shí)提供方便與愉悅，同時(shí)增加電商平臺(tái)的收入。伴隨著大眾審美水平的不斷提升，網(wǎng)站頁(yè)面設(shè)計(jì)的藝術(shù)與美感被大眾所關(guān)注。本文以淘寶網(wǎng)為例，探討用戶體驗(yàn)在電商網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。
關(guān)鍵詞：電子商務(wù)；用戶體驗(yàn)；網(wǎng)頁(yè)設(shè)計(jì)
一、用戶體驗(yàn)的概述
用戶體驗(yàn)一詞最早被大眾所認(rèn)知是在上個(gè)世紀(jì)90年代中期，由用戶體驗(yàn)設(shè)計(jì)師唐納德?諾曼提出并推廣。用戶體驗(yàn)是用戶對(duì)產(chǎn)品是否美觀實(shí)用，以及使用起來(lái)是否方便等方面最有效的檢驗(yàn)，同時(shí)也是用戶在使用前使用時(shí)以及使用后的情感體現(xiàn)，包括了用戶對(duì)產(chǎn)品的全部感受，例如：情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個(gè)方面。
二、電商網(wǎng)頁(yè)的特征以及設(shè)計(jì)原則
網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的元素之一所以電商網(wǎng)頁(yè)與其他網(wǎng)頁(yè)相比具有更多的互動(dòng)性。電商網(wǎng)頁(yè)在整體頁(yè)面的布局排版、圖片設(shè)置、文字大小、導(dǎo)航欄等方面都與其它網(wǎng)頁(yè)有所不同。網(wǎng)頁(yè)的設(shè)計(jì)原則應(yīng)該遵循以下幾點(diǎn)：
1.用戶導(dǎo)向性原則。在網(wǎng)頁(yè)設(shè)計(jì)之初，設(shè)計(jì)者就需要考慮瀏覽網(wǎng)站的定位和用戶的需求以及心理期望等因素。只有充分了解了用戶的訴求并滿足需求，設(shè)計(jì)出的網(wǎng)頁(yè)才能讓用戶使用更為方便，才能讓更多的人訪問(wèn)這個(gè)網(wǎng)頁(yè)。
2.易操作性原則。優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)可以幫助使用者更方便的找到自己所需的東西。電商網(wǎng)站是大眾型的網(wǎng)站，沒有針對(duì)性的客戶群體，使用者的水平也參差不齊，所以簡(jiǎn)單的操作是必不可少的。例如在網(wǎng)頁(yè)中快速找到用戶登錄欄、搜索框的簡(jiǎn)潔明了、關(guān)鍵信息的提示等。
3.統(tǒng)一性原則。網(wǎng)頁(yè)的整體效果是至關(guān)重要的，網(wǎng)頁(yè)的色彩搭配、文字使用、頁(yè)面布局等要和諧統(tǒng)一，不能造成視覺上的負(fù)擔(dān)。通過(guò)網(wǎng)頁(yè)設(shè)計(jì)中對(duì)比的方法，可以讓設(shè)計(jì)更具有生氣，但過(guò)于強(qiáng)烈的對(duì)比容易失去平衡統(tǒng)一。
4.個(gè)性化原則。個(gè)性化是獨(dú)特的，別具一格的，是在大眾化的基礎(chǔ)上有所改變的。網(wǎng)站的個(gè)性化并不是指花哨夸張的圖片或是奪人眼球的宣傳標(biāo)語(yǔ)，而是能夠體現(xiàn)這個(gè)品牌或企業(yè)獨(dú)特的文化。例如在電商網(wǎng)頁(yè)中可以使用企業(yè)圖標(biāo)logo或吉祥物等。
三、用戶體驗(yàn)在電商網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用——以淘寶網(wǎng)為例
1.感官體驗(yàn)
感官體驗(yàn)是呈現(xiàn)給用戶視聽上的體驗(yàn)，強(qiáng)調(diào)舒適性。網(wǎng)頁(yè)的感官體驗(yàn)一般體現(xiàn)在頁(yè)面布局、頁(yè)面導(dǎo)航、色彩等方面。淘寶網(wǎng)整體色彩采用白色和橙色兩種顏色作為主色調(diào)，橙色是介于紅色和黃色之間的顏色，是一種充滿活力和歡快的色彩。橙色能使人聯(lián)想到秋天收獲的果實(shí)、溫暖的太陽(yáng)等，給人舒適溫暖的感覺，能增加網(wǎng)頁(yè)的親和度。白色和橙色的冷暖對(duì)比，可以使網(wǎng)頁(yè)呈現(xiàn)更為清晰。
2.交互體驗(yàn)
交互體驗(yàn)強(qiáng)調(diào)互動(dòng)性，即網(wǎng)頁(yè)給用戶使用、交流的全部體驗(yàn)。用戶在瀏覽淘寶網(wǎng)時(shí)，隨著鼠標(biāo)位置的移動(dòng)，光標(biāo)停留的文字或鏈接會(huì)變色，用戶可通過(guò)單擊變色部分進(jìn)入不同的頁(yè)面。淘寶網(wǎng)的搜索框與產(chǎn)品分類也體現(xiàn)了交互性。用戶通過(guò)在搜索框中輸入關(guān)鍵字詞來(lái)搜尋自己所需的產(chǎn)品時(shí)并不能描述自己所需物品的準(zhǔn)確信息，淘寶搜索框通過(guò)關(guān)鍵字聯(lián)想出更多產(chǎn)品，同時(shí)提供歷史搜索記錄，為用戶提供了更多選擇。
3.情感體驗(yàn)
人會(huì)對(duì)不同的東西產(chǎn)生不同的情感體驗(yàn)，情感體驗(yàn)是感性的心理體驗(yàn)，會(huì)受周圍客觀環(huán)境所影響的一種主觀體驗(yàn)。淘寶網(wǎng)是一個(gè)購(gòu)物消費(fèi)平臺(tái)，給用戶更多的還是積極的情感體驗(yàn)，同時(shí)積極的情感體驗(yàn)可以留住用戶并且可以吸引用戶購(gòu)買產(chǎn)品。淘寶網(wǎng)給用戶良好的情感體驗(yàn)在于細(xì)致的分類導(dǎo)航、聯(lián)系客服、售后服務(wù)等方面。
4.瀏覽體驗(yàn)
瀏覽體驗(yàn)是用戶在瀏覽網(wǎng)頁(yè)時(shí)全部感受，網(wǎng)頁(yè)設(shè)計(jì)要從用戶的角度出發(fā)，去觀察用戶的瀏覽習(xí)慣，用戶關(guān)注的方面等內(nèi)容等。淘寶網(wǎng)的布局采用“國(guó)”字型布局，一般最上面是網(wǎng)站的標(biāo)題及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種常規(guī)的布局符合大眾的瀏覽習(xí)慣。淘寶網(wǎng)在首頁(yè)中間設(shè)置滾動(dòng)廣告圖片已經(jīng)熱門品牌，提供了產(chǎn)品推薦，吸引用戶瀏覽。
四、結(jié)語(yǔ)
隨著互聯(lián)網(wǎng)時(shí)代的不斷發(fā)展，電子商務(wù)這一產(chǎn)業(yè)也發(fā)展迅速，各種不同類型的電子商務(wù)平臺(tái)也如雨后春筍般出現(xiàn)，不同的網(wǎng)頁(yè)設(shè)計(jì)也層出不窮。本文以淘寶網(wǎng)為案例，從視覺體驗(yàn)、交互體驗(yàn)、情感體驗(yàn)、瀏覽體驗(yàn)四個(gè)方面分析了用戶體驗(yàn)在電商網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。隨著互聯(lián)網(wǎng)的普及和使用人群的年齡跨度的不斷加大，淘寶應(yīng)推出更適合中老年使用的簡(jiǎn)化網(wǎng)頁(yè)，從用戶的角度出發(fā)，充分考慮用戶的需求，才能贏得用戶的好感。希望通過(guò)本文的研究，希望更多的網(wǎng)站能都以用戶為中心，省去花哨的設(shè)計(jì)和廣告，為用戶提供更好的體驗(yàn)。
作者：徐巍 單位：江蘇經(jīng)貿(mào)職業(yè)技術(shù)學(xué)院
計(jì)算機(jī)網(wǎng)頁(yè)的設(shè)計(jì)有著很強(qiáng)的專業(yè)性，其需要設(shè)計(jì)人員擁有文字版面處置的知識(shí)和動(dòng)畫制作以及圖像的處置能力，這就需要當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)教學(xué)應(yīng)該將理論和實(shí)踐相互融合，積極的使用案例教學(xué)的方式。在對(duì)其進(jìn)行使用的時(shí)候要積極地塑造一個(gè)輕松與和諧的學(xué)習(xí)氣氛；使其能夠?qū)處煹乃刭|(zhì)加以提升，建設(shè)一個(gè)很好的師生關(guān)系；挑選適宜的教學(xué)案例，積極的建設(shè)出一個(gè)科學(xué)有效的知識(shí)體制。以往的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)，主要還是按照教學(xué)大綱里提出的要求，模式化的去進(jìn)行教學(xué)的課程，這種教學(xué)形式嚴(yán)重的制約學(xué)生進(jìn)行學(xué)習(xí)的思維，不使用學(xué)生理論聯(lián)系實(shí)踐能力上的培養(yǎng)，使得理論和實(shí)踐彼此脫節(jié)，針對(duì)存在的問(wèn)題，導(dǎo)入案例的教學(xué)，按照學(xué)生自身的特點(diǎn)和目前教學(xué)的需要，科學(xué)的去對(duì)案例進(jìn)行選擇，把教學(xué)和具體的工作內(nèi)容進(jìn)行融合，這樣才能夠?qū)δ壳坝?jì)算機(jī)教育培養(yǎng)人才的要要保持一致。
1案例教學(xué)模式內(nèi)涵以及特點(diǎn)
案例的教學(xué)，美其名曰就是以實(shí)際的案例作為依托，然后實(shí)習(xí)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)，這樣的教學(xué)形式可以幫助學(xué)生能夠爆出扎實(shí)的基礎(chǔ)知識(shí)與實(shí)際實(shí)踐操作的要點(diǎn)，按照教學(xué)大綱上的需要，對(duì)于教學(xué)的目標(biāo)加以確認(rèn)之后，教師帶著學(xué)生工程完善實(shí)踐的學(xué)習(xí)，同時(shí)采用小組合作和探索研究的方式，積極的對(duì)知識(shí)予以進(jìn)一步的解析與研究，從而不斷對(duì)學(xué)生處理問(wèn)題的能力加以提升，另外，教師還需要積極的調(diào)動(dòng)起學(xué)生進(jìn)行溝通的能力和從工作作風(fēng)等多個(gè)方面去進(jìn)行教學(xué)計(jì)劃，從整體上去對(duì)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)整體水平加以提升，在很多的實(shí)踐調(diào)查分析之后我們能夠看出，案例教學(xué)可以充分的調(diào)動(dòng)起學(xué)生進(jìn)行學(xué)習(xí)的積極性，并且還可以對(duì)網(wǎng)頁(yè)課堂教學(xué)氣氛進(jìn)行活躍，從而提升學(xué)生進(jìn)行學(xué)習(xí)的積極性。
2案例教學(xué)在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的具體應(yīng)用
2.1案例教學(xué)設(shè)計(jì)
案例名稱：某旅游公司“一日游”的專題網(wǎng)頁(yè)設(shè)計(jì)（1）企業(yè)概況。本次進(jìn)行的案例教學(xué)，以某旅游公司的專題設(shè)計(jì)為內(nèi)容，該公司從事旅游資源開發(fā)工作，是一家具有民營(yíng)性質(zhì)的合法公司，在廬山腳下，四通八達(dá)，以“廬山”為景點(diǎn)的一日游獨(dú)具特色，價(jià)格合理，是針對(duì)各個(gè)群體要求定制的套餐服務(wù)，該公司具有自己的宣傳網(wǎng)站，屬于“三星級(jí)”旅游公司。（2）“廬山一日游”的主題介紹。人們生活節(jié)奏加快，身心俱疲，在周末或者是閑暇的時(shí)候，去廬山欣賞自然風(fēng)光，緩解身心疲勞，通過(guò)體驗(yàn)大好的自然風(fēng)光，喚醒人們對(duì)祖國(guó)打好河山的熱愛，
2.2主要教學(xué)內(nèi)容
（1）準(zhǔn)備階段。在準(zhǔn)備階段，教師應(yīng)選擇適當(dāng)?shù)那闆r，提供給學(xué)生，學(xué)生根據(jù)教師提供的情況，設(shè)計(jì)主題，進(jìn)行相關(guān)數(shù)據(jù)收集，教師應(yīng)該考慮學(xué)生的興趣，興趣和學(xué)習(xí)特點(diǎn)作為基礎(chǔ)，選擇當(dāng)前的熱點(diǎn)問(wèn)題，以及學(xué)生關(guān)心的問(wèn)題，善于解決問(wèn)題，從而保護(hù)案例教學(xué)的成功。（2）明確的設(shè)計(jì)主題。教師將成為向課堂上所有學(xué)生分發(fā)的第一種材料，根據(jù)教學(xué)目標(biāo)和公司情況，清晰的設(shè)計(jì)主題，要求學(xué)生設(shè)計(jì)具有風(fēng)格特點(diǎn)，可以對(duì)互動(dòng)功能頁(yè)面產(chǎn)生市場(chǎng)影響。（3）練習(xí)分組。在班上有45名學(xué)生，9人分為5組，每組選擇一組組長(zhǎng)，組內(nèi)容分配書面報(bào)告寫，數(shù)據(jù)收集任務(wù)，調(diào)查時(shí)間為半天，討論研究時(shí)間是長(zhǎng)時(shí)間。在整個(gè)實(shí)施階段，教師需要參與整個(gè)過(guò)程，為學(xué)生解決各種問(wèn)題，教師積極與各個(gè)小組保持聯(lián)系，檢查他們的網(wǎng)頁(yè)制作情況，發(fā)現(xiàn)問(wèn)題及時(shí)解決。（4）結(jié)束的過(guò)程。這一階段是總結(jié)網(wǎng)絡(luò)生產(chǎn)情況，分析問(wèn)題，總結(jié)過(guò)程中的經(jīng)驗(yàn)，案例評(píng)估可以是學(xué)生自我評(píng)價(jià)，教師評(píng)價(jià)和群體相互評(píng)價(jià)三種方法。
3案例教學(xué)落實(shí)過(guò)程中應(yīng)該注意的問(wèn)題
在案例教學(xué)過(guò)程中，和諧學(xué)習(xí)分為良好的師生關(guān)系和科學(xué)知識(shí)體系，這是促進(jìn)案例教學(xué)成功的重要因素。因此，教師應(yīng)更加注重這些方面，并為案例教學(xué)提供更多良好的條件。
3.1營(yíng)造輕松、和諧的學(xué)習(xí)氛圍
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)，和諧氣氛，學(xué)生的思維能更加積極，心理會(huì)產(chǎn)生安全感和自由感，網(wǎng)頁(yè)設(shè)計(jì)，數(shù)據(jù)分析與分析的時(shí)間，可大膽的想象力，教師在案例教學(xué)實(shí)現(xiàn)，記住他只是一個(gè)指導(dǎo)，在適當(dāng)?shù)臅r(shí)候給予學(xué)生輔導(dǎo)，但不能取代學(xué)生的思維和設(shè)計(jì)，教師應(yīng)該充分發(fā)揮學(xué)生的主動(dòng)性，讓學(xué)生獨(dú)立完成案例教學(xué)過(guò)程。
3.2提高教師素質(zhì)，構(gòu)建良好的師生關(guān)系
如你想確保計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)案例教學(xué)的順利進(jìn)行，教師需要有博潮知識(shí)，有經(jīng)驗(yàn)的特點(diǎn)，這是老師為學(xué)生傳授的基本條件的經(jīng)驗(yàn)和知識(shí)。因此，教師必須繼續(xù)學(xué)習(xí)，以便為學(xué)生提供豐富的信息。因?yàn)槲ㄒ坏霓k法是提高教師的影響力和威望，從而提高教學(xué)質(zhì)量和教學(xué)效果。此外，老師應(yīng)該全面，多角度關(guān)心和關(guān)心學(xué)生，而學(xué)生在中間，為了更好地感受和體驗(yàn)內(nèi)心世界，然后做好老師，努力成為學(xué)生朋友。
3.3建立科學(xué)合理的知識(shí)體系，選擇合適的教學(xué)案例
良好的認(rèn)知系統(tǒng)是幫助學(xué)生掌握快速消化知識(shí)的關(guān)鍵，學(xué)生有基本的條件來(lái)理解和適應(yīng)環(huán)境，在學(xué)習(xí)中可以繼續(xù)實(shí)現(xiàn)知識(shí)的同化適應(yīng)，遵守功能也是更優(yōu)秀。但是良好的認(rèn)知系統(tǒng)不是從一開始的，老師應(yīng)該引導(dǎo)學(xué)生建立內(nèi)在知識(shí)和新知識(shí)點(diǎn)之間的聯(lián)系，以大綱為基礎(chǔ)，案例教學(xué)，應(yīng)該確保案例有很強(qiáng)的針對(duì)性，可以充分反映相關(guān)知識(shí)點(diǎn)的大綱。例如，當(dāng)布置網(wǎng)頁(yè)時(shí)，可以通過(guò)使用表，框架和層來(lái)完成。例如，當(dāng)你為一個(gè)食物網(wǎng)站制作圖表：要確定頁(yè)面的主要顏色，將背景圖像放在第一層：添加活力和活力，可以插入第二層哈希動(dòng)畫：食物將被插入到第三層：為了反映食物文化，可以與第四層的歌曲相關(guān)聯(lián)：增強(qiáng)頁(yè)面三維，將浮動(dòng)對(duì)象添加到第五層。此外，教師應(yīng)鼓勵(lì)學(xué)生使用表單布局來(lái)解決問(wèn)題，然后是層的內(nèi)涵，然后逐漸解決問(wèn)題直到完成學(xué)習(xí)任務(wù)。
結(jié)束語(yǔ)
案例教學(xué)是網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中最有效的教學(xué)方法。它的應(yīng)用突破了傳統(tǒng)的無(wú)聊和單一教學(xué)模式，釋放了學(xué)生的思維，教學(xué)更相關(guān)，學(xué)生成為學(xué)習(xí)主體。設(shè)計(jì)本身非常實(shí)用，教學(xué)必須結(jié)合理論與實(shí)踐兩個(gè)方面，案例教學(xué)符合教學(xué)理論與實(shí)踐的要求，提升網(wǎng)頁(yè)設(shè)計(jì)教學(xué)質(zhì)量和效率。本文從幾個(gè)方面分析案例教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的應(yīng)用，希望為相關(guān)教育工作者提供一些建議和參考。
作者：琚慧婷 溫郭英 單位：江西應(yīng)用科技學(xué)院
［摘要］軟件類課程具有較強(qiáng)的實(shí)踐性，如何讓教學(xué)過(guò)程充分融入計(jì)算機(jī)與軟件技術(shù)行業(yè)實(shí)踐并符合職業(yè)規(guī)范，是需要重點(diǎn)研究的問(wèn)題。以網(wǎng)頁(yè)設(shè)計(jì)與制作為例，充分考慮教材和學(xué)生特點(diǎn)、企業(yè)用人需求，緊密結(jié)合國(guó)際項(xiàng)目管理知識(shí)體系與軟件行業(yè)職業(yè)規(guī)范，從重構(gòu)模塊化教學(xué)內(nèi)容、優(yōu)化教學(xué)順序、建立特色化項(xiàng)目管理體系三個(gè)方面設(shè)計(jì)了新的面向網(wǎng)頁(yè)設(shè)計(jì)與制作課程的項(xiàng)目驅(qū)動(dòng)型教學(xué)方法，從教學(xué)實(shí)踐和推廣應(yīng)用來(lái)看，取得了良好的效果。
［關(guān)鍵詞］教學(xué)方法；項(xiàng)目管理；網(wǎng)頁(yè)設(shè)計(jì)；軟件工程
一、引言
高等職業(yè)教育改革正在逐步深化，對(duì)教育教學(xué)質(zhì)量也提出了新要求，教育的重心已由單純的知識(shí)傳授轉(zhuǎn)向高素質(zhì)技術(shù)技能型人才的培養(yǎng)。人才的培養(yǎng)最終落實(shí)到具體的教學(xué)環(huán)節(jié)中，專業(yè)課程知識(shí)與實(shí)踐教學(xué)是主要過(guò)程，因此教育系統(tǒng)不斷探索科學(xué)、合理、高效的課程教學(xué)方法。軟件類課程具有較強(qiáng)的實(shí)踐性，如何讓教學(xué)過(guò)程充分融入計(jì)算機(jī)與軟件技術(shù)行業(yè)實(shí)踐是重點(diǎn)研究的問(wèn)題。針對(duì)軟件類課程的特點(diǎn)和學(xué)生的實(shí)際情況，從新工具技術(shù)應(yīng)用、情景模擬到任務(wù)驅(qū)動(dòng)等各種課程教學(xué)方法被應(yīng)用到了課堂教學(xué)實(shí)踐中。采用案例和任務(wù)驅(qū)動(dòng)的方法，以增強(qiáng)學(xué)生綜合運(yùn)用知識(shí)和實(shí)際動(dòng)手的能力，探討了網(wǎng)絡(luò)環(huán)境下計(jì)算機(jī)軟件應(yīng)用類課程的教學(xué)方法。強(qiáng)調(diào)以案例驅(qū)動(dòng)探索教材結(jié)構(gòu)和教學(xué)方法的優(yōu)化。從教材課件和教育程序優(yōu)化等方面探索了非計(jì)算機(jī)專業(yè)的程序設(shè)計(jì)教學(xué)方法?？偨Y(jié)來(lái)看，各種教學(xué)方法都關(guān)注通過(guò)情景、案例、任務(wù)等形式，盡可能使教學(xué)過(guò)程接近實(shí)踐應(yīng)用。
二、教學(xué)內(nèi)容改革情況
（一）教學(xué)內(nèi)容更新的總體思路
網(wǎng)頁(yè)設(shè)計(jì)與制作是軟件技術(shù)及相關(guān)專業(yè)的職業(yè)技術(shù)基礎(chǔ)課程和必修課。在教學(xué)過(guò)程中，以軟件技術(shù)專業(yè)人才培養(yǎng)方案為依據(jù)，以培養(yǎng)學(xué)生網(wǎng)站策劃、網(wǎng)頁(yè)美工、網(wǎng)站程序設(shè)計(jì)、網(wǎng)站運(yùn)營(yíng)與推廣等崗位職業(yè)能力和職業(yè)素養(yǎng)為目標(biāo)，將增強(qiáng)學(xué)生基本就業(yè)力、職業(yè)遷移力、持續(xù)發(fā)展力為著力點(diǎn)，按照“科學(xué)性、針對(duì)性、時(shí)效性、實(shí)用性”的原則選擇、更新課程及實(shí)踐教學(xué)內(nèi)容，重點(diǎn)培養(yǎng)學(xué)生的行業(yè)規(guī)范意識(shí)、職業(yè)化能力，未來(lái)能夠輕松地融入工作崗位，快速進(jìn)入職業(yè)角色，能有效地實(shí)現(xiàn)由教師為中心向以學(xué)生為中心，由課本為中心向以項(xiàng)目為中心，由課堂為中心向以實(shí)踐為中心的三個(gè)轉(zhuǎn)變。
（二）教學(xué)內(nèi)容更新的具體做法
1.依據(jù)不同時(shí)期對(duì)工作崗位的需求，重構(gòu)模塊化教學(xué)內(nèi)容作為軟件技術(shù)專業(yè)職業(yè)技術(shù)基礎(chǔ)課程，網(wǎng)頁(yè)設(shè)計(jì)與制作課程涉及的知識(shí)內(nèi)容較廣，如：HTML、CSS、JavaScript、Asp等眾多知識(shí)點(diǎn)。應(yīng)該以工作過(guò)程為導(dǎo)向，以學(xué)生為主體，充分考慮學(xué)生的認(rèn)知水平和已有知識(shí)、技能與興趣，為學(xué)生提供適應(yīng)市場(chǎng)需要的、模塊化的學(xué)習(xí)資源，開發(fā)模塊式教學(xué)計(jì)劃。2.設(shè)計(jì)實(shí)踐教學(xué)特色化項(xiàng)目管理體系，優(yōu)化實(shí)踐教學(xué)流程目前，整個(gè)課程實(shí)踐教學(xué)的管理體系已經(jīng)建立，有電子商務(wù)運(yùn)營(yíng)和管理、網(wǎng)絡(luò)營(yíng)銷、物流信息技術(shù)、網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開發(fā)等課程的實(shí)踐管理體系，以軟件技術(shù)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作課程為例，將目前計(jì)算機(jī)技術(shù)與軟件行業(yè)標(biāo)準(zhǔn)化項(xiàng)目管理知識(shí)體系與具體的專業(yè)技術(shù)課程實(shí)踐教學(xué)相結(jié)合，用項(xiàng)目的方式去管理課程實(shí)踐，構(gòu)建項(xiàng)目管理體系是基本前提。
三、教學(xué)方法改革情況
（一）“項(xiàng)目導(dǎo)向，任務(wù)驅(qū)動(dòng)”教學(xué)法
“項(xiàng)目驅(qū)動(dòng)，任務(wù)導(dǎo)向”教學(xué)法是師生通過(guò)共同實(shí)施一個(gè)完整的項(xiàng)目工作而進(jìn)行的教學(xué)活動(dòng)。該方法是以項(xiàng)目為主線、教師為主導(dǎo)、任務(wù)為驅(qū)動(dòng)、學(xué)生為主體的一種教學(xué)模式。
（二）“分組合作”教學(xué)法
分組教學(xué)，以團(tuán)隊(duì)的形式參與整個(gè)教學(xué)過(guò)程。以全班40人的規(guī)律為例，學(xué)生自由組成小組，一般6人一組，每組推選一名組長(zhǎng)，負(fù)責(zé)項(xiàng)目協(xié)調(diào)和管理，在16~20個(gè)學(xué)時(shí)內(nèi)完成既定的項(xiàng)目（網(wǎng)站），最終分組演示，分個(gè)人答辯、項(xiàng)目成果展示。項(xiàng)目的設(shè)置由小組討論形成，學(xué)生根據(jù)興趣、特長(zhǎng)設(shè)定網(wǎng)站類型和主題，其中教師只進(jìn)行輔助，提供技術(shù)和資源支持，不參與項(xiàng)目制作。通過(guò)案例實(shí)訓(xùn)，運(yùn)用項(xiàng)目管理的方式，綜合測(cè)評(píng)學(xué)生的技能掌握情況，同時(shí)使團(tuán)隊(duì)中的每個(gè)學(xué)生揚(yáng)長(zhǎng)避短，發(fā)揮各自優(yōu)勢(shì)，最終完成一個(gè)網(wǎng)站的設(shè)計(jì)與制作。
四、結(jié)語(yǔ)
網(wǎng)頁(yè)設(shè)計(jì)與制作是軟件技術(shù)專業(yè)的重要課程，承接了Web前端開發(fā)技術(shù)的主要內(nèi)容，是人機(jī)界面的首要交互接口。本文以網(wǎng)頁(yè)設(shè)計(jì)與制作為研究對(duì)象，將教學(xué)過(guò)程與行業(yè)實(shí)踐相結(jié)合，緊密結(jié)合國(guó)際項(xiàng)目管理知識(shí)體系與計(jì)算機(jī)與軟件技術(shù)行業(yè)職業(yè)規(guī)范，以企業(yè)用人要求為導(dǎo)向，從重構(gòu)模塊化教學(xué)內(nèi)容、優(yōu)化教學(xué)安排、建立特色化項(xiàng)目管理體系三個(gè)方面設(shè)計(jì)了新的項(xiàng)目驅(qū)動(dòng)型教學(xué)方法。從教學(xué)實(shí)踐來(lái)看，取得了良好的效果。
作者：王書琴 李從慶 吳艷 單位：合肥信息技術(shù)職業(yè)學(xué)院
隨著國(guó)家網(wǎng)絡(luò)信息技術(shù)的發(fā)展，各類新興媒介也逐漸進(jìn)步，并且形成了較為成熟的發(fā)展體系，而網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)就是其中最為新興的媒介，其是將設(shè)計(jì)與網(wǎng)絡(luò)交叉結(jié)合在一起，形成了良好的藝術(shù)體系，可以為網(wǎng)站建設(shè)工作提供較為良好的支持，基于此，本文針對(duì)網(wǎng)頁(yè)設(shè)計(jì)構(gòu)成要素的分析，提出幾點(diǎn)設(shè)計(jì)方式，以供相關(guān)人員參考。
1引言
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，相關(guān)設(shè)計(jì)人員必須要重視各類藝術(shù)形式的表現(xiàn)，保證可以提高網(wǎng)頁(yè)設(shè)計(jì)效率，增強(qiáng)網(wǎng)絡(luò)設(shè)計(jì)效果，達(dá)到網(wǎng)站建設(shè)要求，形成較為良好的發(fā)展體系。
2網(wǎng)頁(yè)設(shè)計(jì)主要構(gòu)成要素
在網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)之前，相關(guān)設(shè)計(jì)人員要想更好的表現(xiàn)出各類藝術(shù)形式，就要全面了解網(wǎng)頁(yè)設(shè)計(jì)的主要構(gòu)成要素，保證可以提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量與效率。具體構(gòu)成要素包括以下幾點(diǎn)：
2.1網(wǎng)頁(yè)文字設(shè)計(jì)要素文字是網(wǎng)頁(yè)設(shè)計(jì)中信息傳達(dá)的主要手段，是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的核心要素，因此，在網(wǎng)頁(yè)設(shè)計(jì)中，文字將占據(jù)較大面積，網(wǎng)頁(yè)設(shè)計(jì)人員也可以通過(guò)文字的設(shè)計(jì)提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量。因此，在
網(wǎng)頁(yè)設(shè)計(jì)期間，為了增強(qiáng)網(wǎng)頁(yè)文字編輯效果，為人們留下深刻的印象，必須要避免出現(xiàn)繁瑣、雜亂的文字，保證可以提高受眾度。同時(shí)，在文字編排與設(shè)計(jì)期間，還要根據(jù)信息內(nèi)容的特點(diǎn)，對(duì)風(fēng)格與文字相互融合，避免出現(xiàn)脫離主題或是與主題相互沖突的現(xiàn)象。例如：在對(duì)政府網(wǎng)站的網(wǎng)頁(yè)文字進(jìn)行設(shè)計(jì)的時(shí)候，必須要體現(xiàn)出規(guī)范的特性，字體造型歸正有序，不可以出現(xiàn)雜亂無(wú)章的現(xiàn)象；在對(duì)公司網(wǎng)站進(jìn)行設(shè)計(jì)的時(shí)候，網(wǎng)頁(yè)文字必須要體現(xiàn)出行業(yè)性質(zhì)，或是公司產(chǎn)品特點(diǎn)，這樣，才能提高網(wǎng)頁(yè)設(shè)計(jì)效率；在對(duì)個(gè)人頁(yè)面進(jìn)行設(shè)計(jì)的時(shí)候，網(wǎng)頁(yè)文字必須要體現(xiàn)出個(gè)人的性格特點(diǎn)與追求。這樣，才能提高網(wǎng)頁(yè)設(shè)計(jì)效率，充分表現(xiàn)出網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)形式[1]。
2.2網(wǎng)頁(yè)圖形設(shè)計(jì)要素
在對(duì)網(wǎng)頁(yè)圖形進(jìn)行設(shè)計(jì)的時(shí)候，必須要對(duì)網(wǎng)頁(yè)讀者的需求進(jìn)行分析，進(jìn)而提高網(wǎng)頁(yè)圖形設(shè)計(jì)的受眾度。同時(shí)，網(wǎng)頁(yè)圖形的設(shè)計(jì)還要凸顯出網(wǎng)頁(yè)文字的主體位置，發(fā)揮襯托的作用。同時(shí)，網(wǎng)頁(yè)圖形設(shè)計(jì)具有兩重性特點(diǎn)，主要因?yàn)榫W(wǎng)頁(yè)圖形不是精彩的文字語(yǔ)言，需要讀者利用視覺理解圖形，使得網(wǎng)頁(yè)在整體設(shè)計(jì)上，展現(xiàn)出飽滿的優(yōu)勢(shì)。由此可見，在網(wǎng)頁(yè)圖形設(shè)計(jì)過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)人員必須要重視圖形設(shè)計(jì)的視覺效果，將圖形與文字整合在一起，為讀者提供更多的信息，另外，還可以達(dá)到美化網(wǎng)頁(yè)頁(yè)面的效果，提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量與效率[2]。在網(wǎng)頁(yè)圖形設(shè)計(jì)期間，設(shè)計(jì)人員要注重圖形的分辨率，更好的對(duì)其尺寸與范圍進(jìn)行設(shè)計(jì)，這樣，才能提高網(wǎng)頁(yè)下載效率，更受讀者的歡迎[3]。
2.3網(wǎng)頁(yè)色彩設(shè)計(jì)要素
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，色彩要素是較為重要的，除了可以滿足人們的審美需求之外，還要提高技術(shù)的應(yīng)用質(zhì)量，全面掌握網(wǎng)站風(fēng)格，體現(xiàn)出配色與風(fēng)格藝術(shù)，提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量。在網(wǎng)站設(shè)計(jì)過(guò)程中，其屬于一種藝術(shù)品，主要因?yàn)榫W(wǎng)頁(yè)中不僅包含著優(yōu)美文字，還有新穎的圖片與色彩，可以產(chǎn)生較為良好的視覺效果，刺激讀者的感官，使得頁(yè)面更加生動(dòng)。在此期間，網(wǎng)頁(yè)瀏覽者在瀏覽網(wǎng)頁(yè)的時(shí)候，會(huì)注重網(wǎng)頁(yè)的色彩設(shè)計(jì)，并且為其留下深刻的印象。這就需要網(wǎng)頁(yè)設(shè)計(jì)人員重點(diǎn)關(guān)注網(wǎng)頁(yè)色彩的設(shè)計(jì)，進(jìn)而提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量。在網(wǎng)頁(yè)色彩設(shè)計(jì)期間，設(shè)計(jì)人員必須要遵循以下幾點(diǎn)原則：第一，遵循色彩選擇原則。就是根據(jù)網(wǎng)站主題的實(shí)際情況，選擇相應(yīng)的主色調(diào)，當(dāng)前，部分網(wǎng)頁(yè)色彩設(shè)計(jì)中都是以淺顏色為主，例如：淺灰色、淺黃色等，可以有效突出網(wǎng)頁(yè)頁(yè)面的重點(diǎn)。第二，遵循背景色調(diào)搭配特點(diǎn)。就是在網(wǎng)頁(yè)設(shè)計(jì)期間，設(shè)計(jì)人員根據(jù)網(wǎng)站建設(shè)實(shí)際需求，對(duì)網(wǎng)頁(yè)背景進(jìn)行色調(diào)的搭配，在此期間，設(shè)計(jì)人員必須要注色調(diào)搭配的科學(xué)性，主要因?yàn)槿绻尘吧{(diào)過(guò)于強(qiáng)烈，就會(huì)形成與網(wǎng)頁(yè)文字、圖片相互對(duì)立的顏色，導(dǎo)致讀者在閱讀的時(shí)候，過(guò)于重視網(wǎng)頁(yè)背景，不能更好的辨識(shí)網(wǎng)頁(yè)文字與圖片。由此可見，網(wǎng)頁(yè)設(shè)計(jì)人員在搭配背景顏色的時(shí)候，必須要應(yīng)用單純的顏色，以凸顯出網(wǎng)頁(yè)文字與圖形[4]。
3網(wǎng)頁(yè)版式設(shè)計(jì)措施
網(wǎng)頁(yè)是網(wǎng)站信息的傳遞系統(tǒng)，設(shè)計(jì)人員在對(duì)其進(jìn)行設(shè)計(jì)的過(guò)程中，必須要全面了解網(wǎng)頁(yè)設(shè)計(jì)要素，將文字、圖形、圖象、標(biāo)志與色彩等繪制成為一個(gè)整體，然后對(duì)菜單與正文等進(jìn)行編排，這就需要設(shè)計(jì)人員在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，重視版式的設(shè)計(jì)，保證可以提高其設(shè)計(jì)質(zhì)量。網(wǎng)頁(yè)版式設(shè)計(jì)主要就是對(duì)網(wǎng)頁(yè)頁(yè)面進(jìn)行布局，在有限的屏幕之內(nèi)，形成良好的視聽多媒體元素排列組合形式，使得頁(yè)面設(shè)計(jì)個(gè)性化思維得以有效展現(xiàn)。然而，當(dāng)前很多網(wǎng)頁(yè)設(shè)計(jì)人員在執(zhí)行工作的過(guò)程中，還存在排版設(shè)計(jì)問(wèn)題，無(wú)法對(duì)每個(gè)元素的尺寸與位置進(jìn)行設(shè)計(jì)，難以提高其設(shè)計(jì)效率。這就需要網(wǎng)頁(yè)設(shè)計(jì)人員根據(jù)網(wǎng)站建設(shè)工作特點(diǎn)與需求對(duì)網(wǎng)頁(yè)進(jìn)行排版，進(jìn)而提高排版的科學(xué)性與合理性，達(dá)到良好的排版效果[5]。
4網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)特點(diǎn)
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，其藝術(shù)特點(diǎn)較為突出，是網(wǎng)頁(yè)設(shè)計(jì)人員需要全面了解的體系。首先，網(wǎng)頁(yè)設(shè)計(jì)具有主題鮮明的藝術(shù)特點(diǎn)。主要因?yàn)榫W(wǎng)頁(yè)是網(wǎng)站的信息傳達(dá)結(jié)構(gòu)，只有設(shè)計(jì)較為鮮明，才能提高網(wǎng)頁(yè)設(shè)計(jì)效率與質(zhì)量。同時(shí)，色彩鮮明的網(wǎng)頁(yè)設(shè)計(jì)，可以滿足讀者心理需求，提高網(wǎng)站瀏覽效率。其次，網(wǎng)頁(yè)設(shè)計(jì)具有內(nèi)容形式統(tǒng)一的特點(diǎn)。主要因?yàn)榫W(wǎng)頁(yè)中的內(nèi)容與形式需要統(tǒng)一結(jié)合，將網(wǎng)頁(yè)主題與形象相互結(jié)合在一起。最后，網(wǎng)頁(yè)設(shè)計(jì)具有整體感較強(qiáng)的特點(diǎn)。就是在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，適當(dāng)?shù)膶?duì)空間環(huán)境進(jìn)行設(shè)計(jì)，并且突出網(wǎng)頁(yè)主題與意念，形成良好的設(shè)計(jì)風(fēng)格與整體性，進(jìn)而提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量，凸顯出網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)形式。
5結(jié)語(yǔ)
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，相關(guān)設(shè)計(jì)人員必須要重視各類要素的應(yīng)用，并且逐漸提升網(wǎng)頁(yè)設(shè)計(jì)效率與質(zhì)量，增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)效果。在此期間，相關(guān)設(shè)計(jì)人員不可以一味的重視網(wǎng)頁(yè)色彩的設(shè)計(jì)，而是要突出網(wǎng)頁(yè)設(shè)計(jì)整體性，提高其設(shè)計(jì)效率。
作者：李偉珍 單位：泉州師范學(xué)院軟件學(xué)院
摘要：網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)教學(xué)能使技校生有效地掌握網(wǎng)頁(yè)制作三劍客Dreamweaver、Fireworks、Flash在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中的應(yīng)用，這對(duì)于技校生將來(lái)的就業(yè)具有現(xiàn)實(shí)意義。因此，教師在實(shí)訓(xùn)教學(xué)過(guò)程中采用立體化教學(xué)模式，才能切實(shí)提升教學(xué)效果。本文主要對(duì)技工院校的網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)立體化教學(xué)進(jìn)行論述。
關(guān)鍵詞：網(wǎng)頁(yè) 實(shí)訓(xùn) 立體化
技工院校的網(wǎng)頁(yè)設(shè)計(jì)課程是以目前應(yīng)用最為廣泛的網(wǎng)頁(yè)制作軟件的使用方法為主線，采用任務(wù)和案例相結(jié)合的教學(xué)方式，以簡(jiǎn)明通俗的語(yǔ)言和生動(dòng)真實(shí)的案例詳細(xì)介紹Dreamweaver、Fireworks、Flash以及Photoshop這幾個(gè)在網(wǎng)頁(yè)制作中經(jīng)常用到的軟件，并重點(diǎn)講解各軟件在網(wǎng)頁(yè)制作中的實(shí)際操作。通過(guò)網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)，可以使學(xué)生具備就業(yè)所需的網(wǎng)頁(yè)設(shè)計(jì)能力，為未來(lái)的發(fā)展和自主創(chuàng)業(yè)奠定基礎(chǔ)。因此，該課程越來(lái)越得到技工院校計(jì)算機(jī)專業(yè)教師與學(xué)生的重視。其中，由于實(shí)訓(xùn)教學(xué)是整個(gè)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的關(guān)鍵核心所在，因此改進(jìn)實(shí)訓(xùn)教學(xué)模式，引入新的教學(xué)方法、手段，對(duì)于提升網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)效果具有重要的意義。
一、立體化教學(xué)的內(nèi)涵
傳統(tǒng)的課堂教學(xué)模式過(guò)于強(qiáng)調(diào)教師在教學(xué)過(guò)程中的主導(dǎo)作用，導(dǎo)致學(xué)生在教學(xué)過(guò)程中被動(dòng)地成為知識(shí)的存儲(chǔ)器。實(shí)踐證明，這種模式既無(wú)法體現(xiàn)職業(yè)教育能力本位的思想，又使學(xué)生無(wú)法適應(yīng)當(dāng)今社會(huì)的發(fā)展。因此，引入更加先進(jìn)的教學(xué)模式對(duì)于技工院校來(lái)說(shuō)尤為迫切。所謂的立體化教學(xué)，就是打破傳統(tǒng)的以教為主的一維化模式和教、學(xué)并重的二維化模式，將教、學(xué)、練、做四維集成一體，使四者相互滲透、相互融合。從而使學(xué)生的學(xué)、練、在教師的引導(dǎo)下，真正實(shí)現(xiàn)無(wú)縫對(duì)接，從而實(shí)現(xiàn)人才培養(yǎng)方案確定的目標(biāo)。
二、技工院校網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)教學(xué)采用
立體化模式的必要性一方面，傳統(tǒng)的技工院校計(jì)算機(jī)實(shí)訓(xùn)教學(xué)模式已迫切需要得到改進(jìn)、提高。隨著技工院校生源的不斷下降，技校生生源素質(zhì)的迅速下降已成為不爭(zhēng)的事實(shí)。特別是對(duì)于計(jì)算機(jī)實(shí)訓(xùn)教學(xué)，既要面對(duì)實(shí)訓(xùn)內(nèi)容與市場(chǎng)需要脫節(jié)的窘境，又要面對(duì)學(xué)生學(xué)習(xí)興趣缺乏，學(xué)習(xí)積極性不高的實(shí)際學(xué)情。另一方面，企業(yè)的發(fā)展對(duì)技工院校的計(jì)算機(jī)專業(yè)人才提出了更高的要求。既懂理論又具備較強(qiáng)實(shí)際操作技能的學(xué)生，更受用人單位的歡迎，也有著更加廣闊的發(fā)展空間與發(fā)展基礎(chǔ)。
三、技工院校網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)立體化教學(xué)的開展
1.確定合理的教學(xué)目的
技工院校網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)教學(xué)的目的應(yīng)體現(xiàn)應(yīng)用型人才的培養(yǎng)，并充分考慮技校學(xué)生的學(xué)習(xí)基礎(chǔ)、特點(diǎn)。在學(xué)生掌握計(jì)算機(jī)和網(wǎng)絡(luò)應(yīng)用基本知識(shí)的基礎(chǔ)上，掌握HTML、CSS、javascript有關(guān)的知識(shí)。通過(guò)對(duì)Web頁(yè)制作技術(shù)、工具的學(xué)習(xí)，使學(xué)生對(duì)于網(wǎng)頁(yè)設(shè)計(jì)與制作中所涉及的相關(guān)知識(shí)有全面的了解，并使學(xué)生具有解決一般網(wǎng)頁(yè)制作問(wèn)題的能力。掌握運(yùn)用DreamweaverCS6網(wǎng)頁(yè)制作軟件的方法、FireworksCS6圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作和運(yùn)用?ashCS6動(dòng)畫制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫的方法，進(jìn)而將這三個(gè)軟件互相配合，完成網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)的方法。為今后從事網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站開發(fā)和管理奠定基礎(chǔ)。
2.科學(xué)設(shè)置實(shí)訓(xùn)內(nèi)容與要求
由于網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)訓(xùn)內(nèi)容在整個(gè)教學(xué)過(guò)程中占有重要的地位，因此設(shè)置哪些實(shí)訓(xùn)內(nèi)容并提出相應(yīng)的要求是實(shí)訓(xùn)教學(xué)成功與否的關(guān)鍵。如在網(wǎng)頁(yè)布局這一環(huán)節(jié)，設(shè)置的實(shí)訓(xùn)內(nèi)容是在本地站點(diǎn)文件夾D:\myweb中，創(chuàng)建一個(gè)網(wǎng)頁(yè)文件web51.html，內(nèi)容自定。要求使用表格布局頁(yè)面。頁(yè)面要求：①有頁(yè)面標(biāo)題、頁(yè)眉、導(dǎo)航欄、主內(nèi)容區(qū)、頁(yè)腳。②版面布局合理，內(nèi)容安排有序。然后在本地站點(diǎn)文件夾D:\myweb中創(chuàng)建3個(gè)網(wǎng)頁(yè)文件，一級(jí)頁(yè)面web53.html，二級(jí)頁(yè)面web531.html、web532.html，內(nèi)容自定。要求使用APDiv布局頁(yè)面。頁(yè)面要求：①有頁(yè)面標(biāo)題、頁(yè)眉、導(dǎo)航欄、主內(nèi)容區(qū)、頁(yè)腳。②版面布局合理，顏色設(shè)置符合美學(xué)原理，使用部分圖像增強(qiáng)表現(xiàn)效果。③要求網(wǎng)頁(yè)鏈接層次至少2層，完成一、二級(jí)頁(yè)面的鏈接，并且各頁(yè)面之間有統(tǒng)一的導(dǎo)航機(jī)制。最后創(chuàng)建一個(gè)框架網(wǎng)頁(yè)文件web55.html，按要求給每個(gè)框架設(shè)置初始顯示網(wǎng)頁(yè)。其中左側(cè)框架設(shè)置為導(dǎo)航頁(yè)，被鏈接文件可以使用以前制作好的網(wǎng)頁(yè)。這樣就使得學(xué)生的學(xué)不再是盲目、被動(dòng)地學(xué)，而是知道如何學(xué)、練、做，從而真正實(shí)現(xiàn)立體化教學(xué)。最后，實(shí)訓(xùn)考核立體化?？己瞬粌H要綜合考查學(xué)生的學(xué)、做、練，也要相應(yīng)地考查教師的教，只有這樣才能不斷完善立體化教學(xué)模式，達(dá)到教學(xué)相長(zhǎng)的目的。
作者：齊立新 單位：江西省冶金技師學(xué)院
摘要：文章主要研究網(wǎng)站建設(shè)中網(wǎng)頁(yè)設(shè)計(jì)的安全缺陷和對(duì)策，分析了網(wǎng)頁(yè)設(shè)計(jì)安全缺陷的成因和危害，并給出了幾種常見網(wǎng)頁(yè)設(shè)計(jì)安全缺陷的應(yīng)對(duì)策略。
關(guān)鍵詞：網(wǎng)站建設(shè)；網(wǎng)頁(yè)設(shè)計(jì)；安全缺陷
近些年網(wǎng)絡(luò)技術(shù)突飛猛進(jìn)，人們的工作生活都離不開網(wǎng)絡(luò)，更多的企業(yè)以及機(jī)關(guān)單位都開始自行建設(shè)網(wǎng)站從事網(wǎng)絡(luò)宣傳和商務(wù)活動(dòng)，在簡(jiǎn)化業(yè)務(wù)流程，提高效率，拓寬業(yè)務(wù)渠道，方便工作生活的同時(shí)，網(wǎng)絡(luò)安全問(wèn)題也日益突出，研究網(wǎng)站建設(shè)中網(wǎng)頁(yè)設(shè)計(jì)安全缺陷和對(duì)策十分必要。
1網(wǎng)頁(yè)設(shè)計(jì)安全缺陷
1.1網(wǎng)站建設(shè)
網(wǎng)絡(luò)技術(shù)快速發(fā)展，網(wǎng)絡(luò)安全技術(shù)逐漸完善，黑客攻擊技術(shù)也不斷更新?lián)Q代，更加先進(jìn)，黑客行為從單純惡意攻擊逐漸轉(zhuǎn)變?yōu)樯虡I(yè)機(jī)密以及個(gè)人隱私的竊取，針對(duì)網(wǎng)站的攻擊越來(lái)越多，設(shè)計(jì)人員在網(wǎng)站設(shè)計(jì)工作中要對(duì)其安全問(wèn)題充分重視，了解網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)中存在的各種安全缺陷，并在網(wǎng)頁(yè)設(shè)計(jì)工作中找尋有效的措施予以解決，提高網(wǎng)站網(wǎng)頁(yè)的安全性。網(wǎng)站建設(shè)的基本流程主要有需求分析、美工設(shè)計(jì)、程序開發(fā)、網(wǎng)站運(yùn)營(yíng)等幾個(gè)步驟，需要設(shè)計(jì)開發(fā)很多配套輔助程序，其中網(wǎng)頁(yè)設(shè)計(jì)有著自身的特殊性，程序的安全漏洞更多，安全威脅也嚴(yán)重。
1.2網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)站建設(shè)的目的是為企業(yè)和用戶、政府機(jī)關(guān)和群眾提供便捷的溝通橋梁，利用網(wǎng)站為用戶和群眾提供產(chǎn)品信息、政策信息，并搜集用戶和群眾的反饋信息，加深用戶和群眾對(duì)企業(yè)以及政府機(jī)關(guān)的了解。尤其是電子商務(wù)網(wǎng)站，除了信息溝通之外，還兼具宣傳產(chǎn)品、網(wǎng)絡(luò)營(yíng)銷等商業(yè)用途，能夠?yàn)槠髽I(yè)提供展示自身產(chǎn)品的平臺(tái)，從而進(jìn)一步提高自身產(chǎn)品的知名度，為達(dá)成交易創(chuàng)造機(jī)會(huì)，加快企業(yè)發(fā)展。網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站建設(shè)的核心內(nèi)容之一，網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量的好壞對(duì)網(wǎng)站建設(shè)的整體質(zhì)量有較大的影響，是網(wǎng)站建設(shè)水平的一個(gè)縮影，也是網(wǎng)站建設(shè)的最終展示效果，經(jīng)過(guò)多年發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)已經(jīng)逐漸發(fā)展成熟，形成了多種便利的編程工具，網(wǎng)頁(yè)設(shè)計(jì)的效率更高，最終表現(xiàn)效果也更生動(dòng)，給網(wǎng)站開發(fā)人員提供了有力的技術(shù)支持。
1.3網(wǎng)頁(yè)設(shè)計(jì)安全缺陷威脅
現(xiàn)階段，網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用最為廣泛的服務(wù)器端網(wǎng)頁(yè)設(shè)計(jì)技術(shù)主要有動(dòng)態(tài)服務(wù)器頁(yè)面（ActiveServerPage，ASP），Java服務(wù)器頁(yè)面（JavaServerPages，JSP）以及超文本預(yù)處理器（HypertextPreprocessor，PHP）等幾類，利用腳本語(yǔ)言，就能夠高效管理網(wǎng)站資源，網(wǎng)站使用者和網(wǎng)站之間的交互性更強(qiáng)，功能更加多樣、直觀、簡(jiǎn)潔。如果網(wǎng)頁(yè)設(shè)計(jì)中存在語(yǔ)言編程問(wèn)題，用戶在使用過(guò)程中就會(huì)逐漸形成安全漏洞，為不法分子利用，就可能給企業(yè)造成間接和直接損失。用戶輸入信息不可控，信息不確定性很大，網(wǎng)頁(yè)設(shè)計(jì)開發(fā)人員需要充分考慮到這個(gè)問(wèn)題，詳細(xì)全面分析用戶信息，避免非法信息輸入損害網(wǎng)站安全。網(wǎng)頁(yè)腳本語(yǔ)言編輯和服務(wù)器之間有著密切的數(shù)據(jù)連接，關(guān)系到網(wǎng)站設(shè)置和服務(wù)器數(shù)據(jù)，網(wǎng)頁(yè)設(shè)計(jì)中的漏洞會(huì)影響網(wǎng)站的安全性，增加數(shù)據(jù)被竊取的風(fēng)險(xiǎn)。
2網(wǎng)頁(yè)設(shè)計(jì)安全缺陷應(yīng)對(duì)措施
網(wǎng)頁(yè)設(shè)計(jì)中的安全缺陷會(huì)降低網(wǎng)站的安全性能，威脅企業(yè)隱私數(shù)據(jù)安全，現(xiàn)階段，網(wǎng)頁(yè)設(shè)計(jì)中存在的安全缺陷主要包括Web安全加固、桌面數(shù)據(jù)庫(kù)泄密和文件上傳漏洞等幾方面。
2.1Web安全加固
常規(guī)安全設(shè)備不能抵御應(yīng)用層攻擊，因此互聯(lián)網(wǎng)廠商提供了應(yīng)用層防火墻，以硬件的方式抵御網(wǎng)絡(luò)攻擊，針對(duì)SQL注入式攻擊能夠提供數(shù)據(jù)攔截功能。但是針對(duì)網(wǎng)頁(yè)篡改的攻擊方法多種多樣，攻擊者會(huì)想方設(shè)法獲取系統(tǒng)操作權(quán)限并進(jìn)行違法操作。為了避免網(wǎng)頁(yè)篡改，設(shè)計(jì)網(wǎng)頁(yè)時(shí)要采取措施避免被篡改的網(wǎng)頁(yè)流出服務(wù)器，同時(shí)加固網(wǎng)頁(yè)使其不容易被修改。當(dāng)前市場(chǎng)上防SQL服務(wù)以硬件的方式實(shí)現(xiàn)，而網(wǎng)頁(yè)防篡改則通過(guò)網(wǎng)頁(yè)設(shè)計(jì)和應(yīng)用程序進(jìn)行，兩種防護(hù)功能的相互整合程度不高。為了整合兩種功能，在內(nèi)核層面，可以將文件目錄以及內(nèi)容修改行為封裝在內(nèi)核入口中，系統(tǒng)利用層次攔截服務(wù)驗(yàn)證修改操作的合法性，非法操作拒絕其調(diào)用函數(shù)進(jìn)入內(nèi)核，并記錄攻擊攔截日志；系統(tǒng)層面，在受保護(hù)頁(yè)面和文件目錄對(duì)應(yīng)內(nèi)核中設(shè)置防修改Incode節(jié)點(diǎn)位；應(yīng)用層則利用事件觸發(fā)保護(hù)策略監(jiān)控網(wǎng)頁(yè)文件和目錄，建立多層安全加固體系，保護(hù)網(wǎng)頁(yè)安全。
2.2逃避驗(yàn)證/文件上傳
用戶知道網(wǎng)頁(yè)文件名、路徑，就有可能逃避驗(yàn)證，威脅網(wǎng)站安全。網(wǎng)頁(yè)如果沒有設(shè)置用戶登錄限制，用戶就可能直接將網(wǎng)頁(yè)文件名輸入網(wǎng)頁(yè)，無(wú)需進(jìn)行登錄驗(yàn)證就能夠獲取網(wǎng)頁(yè)內(nèi)容，降低了網(wǎng)站的安全性。為了避免用戶逃避驗(yàn)證，網(wǎng)頁(yè)設(shè)計(jì)開發(fā)人員需要注意保護(hù)網(wǎng)頁(yè)信息，加密網(wǎng)頁(yè)文件名、路徑，重要網(wǎng)站內(nèi)容設(shè)置用戶身份驗(yàn)證，用戶需要驗(yàn)證身份之后再登錄相關(guān)頁(yè)面，獲取信息，從而進(jìn)一步提高網(wǎng)頁(yè)安全性。很多網(wǎng)站都設(shè)計(jì)了上傳文件功能，視頻網(wǎng)站用戶可以自行上傳視頻，網(wǎng)盤用戶可以上傳自己的各類文件，雖然給用戶帶來(lái)了便捷和更多豐富的功能，但也給網(wǎng)站安全性帶來(lái)了很大考驗(yàn)。一些網(wǎng)站設(shè)計(jì)開發(fā)工作人員在網(wǎng)頁(yè)設(shè)計(jì)中忽視了上傳文件的安全性問(wèn)題，沒有添加過(guò)濾功能，或者過(guò)濾參數(shù)設(shè)置不合理，一些不法分子利用文件上傳功能，上傳惡意文件，潛入網(wǎng)站數(shù)據(jù)庫(kù)系統(tǒng)進(jìn)行破壞或者信息竊取。為了提高網(wǎng)站文件上傳的安全性，網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該設(shè)置判斷程序，系統(tǒng)接收文件上傳請(qǐng)求之后首先分析判別其安全性，確認(rèn)其為無(wú)威脅文件之后方可完成上傳操作，從而有效避免非法文件、木馬病毒上傳到網(wǎng)站，提高系統(tǒng)安全性。
2.3數(shù)據(jù)庫(kù)下載/源代碼泄露
桌面數(shù)據(jù)庫(kù)被下載是另一個(gè)嚴(yán)重的網(wǎng)頁(yè)設(shè)計(jì)缺陷，ASP+Access應(yīng)用系統(tǒng)更容易出現(xiàn)這個(gè)問(wèn)題。用戶在一般情況下需要通過(guò)網(wǎng)站的用戶登錄和身份驗(yàn)證之后方可下載網(wǎng)站相關(guān)信息，但是在知道Access數(shù)據(jù)庫(kù)名稱、路徑之后，數(shù)據(jù)庫(kù)中的信息就可以隨意下載，導(dǎo)致數(shù)據(jù)庫(kù)機(jī)密敏感信息泄密，給企業(yè)帶來(lái)?yè)p失。例如圖書館管理系統(tǒng)數(shù)據(jù)庫(kù)名稱為L(zhǎng)ibrary.mdb，路徑為URL/database，瀏覽器中輸入U(xiǎn)RL/database/Library.mdb，就能夠直接下載該數(shù)據(jù)庫(kù)中的信息。為了保護(hù)數(shù)據(jù)庫(kù)信息，ASP程序設(shè)計(jì)首選開放數(shù)據(jù)庫(kù)互連（OpenDatabaseConnectivity，ODBC）數(shù)據(jù)源，該數(shù)據(jù)源不將數(shù)據(jù)庫(kù)名稱直接寫入程序中，不會(huì)出現(xiàn)ASP源代碼和數(shù)據(jù)庫(kù)名稱一同丟失的情況，除此之外，還應(yīng)該進(jìn)行頁(yè)面的加密處理和數(shù)據(jù)庫(kù)信息加密處理，保護(hù)數(shù)據(jù)庫(kù)內(nèi)部資料。源代碼泄露也嚴(yán)重威脅著網(wǎng)站的安全，網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)中為了避免源代碼泄露，網(wǎng)站頁(yè)面代碼都需要加密處理，從而保護(hù)源代碼，提高網(wǎng)站安全性能。常見的ASP加密方法主要有編程邏輯封裝和ASP頁(yè)面加密兩種，其中ScriptEncoderASP頁(yè)面加密更加常用，有著理想的可編程性，嵌入HTML頁(yè)面中的ASP代碼仍然可以使用常用的Dreamweaver等網(wǎng)頁(yè)編輯工具完善HTML部分，加密目錄內(nèi)所有ASP文件并統(tǒng)一輸出至指定目錄，操作簡(jiǎn)單，安全性高。
2.4網(wǎng)頁(yè)篩選過(guò)濾
網(wǎng)站服務(wù)器提供了過(guò)濾轉(zhuǎn)送機(jī)制，方便網(wǎng)頁(yè)設(shè)計(jì)開發(fā)工作人員額外篩選處理網(wǎng)頁(yè)數(shù)據(jù)，該機(jī)制能夠于網(wǎng)站服務(wù)器外掛命令文件并編譯執(zhí)行，利用網(wǎng)站服務(wù)設(shè)定，可以轉(zhuǎn)移網(wǎng)頁(yè)輸入數(shù)據(jù)至網(wǎng)頁(yè)篩選過(guò)濾模塊，該模塊接受網(wǎng)頁(yè)數(shù)據(jù)之后，獲得其參數(shù)數(shù)據(jù)，并將其傳遞給XML解析器驗(yàn)證，驗(yàn)證成功方可進(jìn)行下一步操作，否則將向用戶端回傳錯(cuò)誤信息；之后輸入數(shù)據(jù)傳遞給MAC模塊，校驗(yàn)數(shù)據(jù)完整性，數(shù)據(jù)完好，可進(jìn)行下一步操作，否則回傳錯(cuò)誤信息；數(shù)據(jù)完整性校驗(yàn)完畢，傳遞給網(wǎng)站應(yīng)用程序，網(wǎng)站應(yīng)用程序回傳Cookies和HTML數(shù)據(jù)，提取HTML數(shù)據(jù)參數(shù)網(wǎng)址和窗體數(shù)據(jù)傳給MAC處理模塊，生成信息驗(yàn)證碼，將其加入Cookie和HTML文件，回傳給客戶端。網(wǎng)頁(yè)篩選過(guò)濾模塊讀取參數(shù)名稱，判斷該網(wǎng)頁(yè)是否有待處理表單，如果沒有參數(shù)名稱則不做處理，有參數(shù)名稱，表示有待處理表單，則逐一提取字段值、Cookies信息，XML解析驗(yàn)證。該功能能夠過(guò)濾和分析網(wǎng)頁(yè)，實(shí)現(xiàn)流程控制、其他功能模塊調(diào)用和安全校驗(yàn)等功能。
3結(jié)語(yǔ)
信息化進(jìn)程不斷加快，網(wǎng)絡(luò)進(jìn)入了生產(chǎn)生活的方方面面，為人們提供了更加便捷的服務(wù)，網(wǎng)絡(luò)商務(wù)行為也更加普遍，電子商務(wù)、網(wǎng)絡(luò)營(yíng)銷等網(wǎng)絡(luò)商業(yè)行為對(duì)網(wǎng)絡(luò)安全性的要求越來(lái)越高，為了保護(hù)網(wǎng)絡(luò)信息，需要采取有效的對(duì)策解決網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)中存在的各種安全缺陷，進(jìn)一步提高網(wǎng)站運(yùn)行安全性和穩(wěn)定性。
作者：錢能 楊杰 單位：重慶科創(chuàng)職業(yè)學(xué)院
【摘要】本文先闡述計(jì)算機(jī)多媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用，然后分析其中的問(wèn)題，最后提出相應(yīng)的應(yīng)對(duì)措施，旨在為網(wǎng)頁(yè)設(shè)計(jì)提供一定的參考。
【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì) 多媒體技術(shù) 計(jì)算機(jī) 應(yīng)用
隨著網(wǎng)絡(luò)信息時(shí)代的到來(lái)，人們的思想觀念、生產(chǎn)和生活方式均發(fā)生重大改變，與此同時(shí)，人們對(duì)信息技術(shù)的掌握程度較以往明顯提高。作為一種視覺語(yǔ)言，網(wǎng)頁(yè)設(shè)計(jì)是對(duì)平面設(shè)計(jì)的延續(xù)，將計(jì)算機(jī)多媒體技術(shù)應(yīng)用其中，一方面可以極大增加網(wǎng)頁(yè)的內(nèi)容含量；另一方面，還能顯著提高設(shè)計(jì)人員的工作效率。目前，在圖像化技術(shù)中，計(jì)算機(jī)多媒體技術(shù)是最具有優(yōu)勢(shì)的技術(shù)之一，受到網(wǎng)頁(yè)設(shè)計(jì)人員的青睞。
1計(jì)算機(jī)多媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
1.1在即時(shí)通信設(shè)計(jì)中的應(yīng)用
網(wǎng)頁(yè)是一種借助互聯(lián)網(wǎng)來(lái)進(jìn)行信息傳播、功能實(shí)現(xiàn)的平臺(tái)。因此，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，需要確保其通信質(zhì)量、速度。但是，如果網(wǎng)頁(yè)的內(nèi)容比較繁多，存儲(chǔ)需求比較大時(shí)，就會(huì)導(dǎo)致網(wǎng)頁(yè)功能不能實(shí)現(xiàn)，比如出現(xiàn)網(wǎng)頁(yè)打開速度緩慢、無(wú)法打開等。為了解決上述問(wèn)題，需要利用計(jì)算機(jī)多媒體技術(shù)，即比如壓縮實(shí)時(shí)通信的信息、增加長(zhǎng)度限制等。通常情況下，用戶利用網(wǎng)絡(luò)來(lái)瀏覽網(wǎng)頁(yè)信息時(shí)，在下載、讀取文件的過(guò)程中，需要對(duì)音頻實(shí)時(shí)采樣序列操作。在網(wǎng)頁(yè)設(shè)計(jì)中，圖像、文本媒體所占內(nèi)存空間比較有限，但為了使用戶充分了解網(wǎng)頁(yè)內(nèi)容，實(shí)現(xiàn)廣告吸引等，需要有大量的闡述性、介紹性信息，包括文字說(shuō)明、圖片、網(wǎng)頁(yè)介紹等。此外，在大量的圖形、音頻文件中，同樣會(huì)夾雜文本信息。要想確保網(wǎng)頁(yè)容量處于限制范圍之內(nèi)，同時(shí)保證網(wǎng)頁(yè)的正常瀏覽，就需要解決好兩個(gè)問(wèn)題，即像素調(diào)節(jié)、控制文本和圖形文件的長(zhǎng)度。使用計(jì)算機(jī)多媒體技術(shù)進(jìn)行處理時(shí)，應(yīng)考慮壓縮標(biāo)準(zhǔn)對(duì)文件質(zhì)量的影響。目前，相對(duì)比較高的壓縮質(zhì)量為MPEG標(biāo)準(zhǔn)，但JPEG標(biāo)準(zhǔn)在實(shí)際應(yīng)用中最為廣泛。
1.2在網(wǎng)絡(luò)連接設(shè)計(jì)中的應(yīng)用
當(dāng)網(wǎng)頁(yè)正式工作后，網(wǎng)絡(luò)用戶會(huì)通過(guò)多種渠道來(lái)瀏覽網(wǎng)頁(yè)，訪問(wèn)量會(huì)不斷增長(zhǎng)，同時(shí)承載媒體信息的數(shù)量也會(huì)不斷擴(kuò)張，從而給網(wǎng)絡(luò)連接帶來(lái)一定的壓力。為了滿足傳輸需求，需要借助計(jì)算機(jī)多媒體機(jī)技術(shù)，實(shí)現(xiàn)對(duì)媒體數(shù)據(jù)的壓縮和解壓。壓縮指的是用戶在實(shí)時(shí)數(shù)據(jù)傳輸前，在進(jìn)行壓縮，然后再進(jìn)行傳輸，這樣一來(lái)，可以節(jié)約傳輸時(shí)間，有效避免出現(xiàn)網(wǎng)絡(luò)堵塞問(wèn)題。解壓縮則是發(fā)生在用戶獲得媒體資料以后，它主要是先對(duì)文件進(jìn)行解壓，然后再實(shí)施編輯、存儲(chǔ)等。除此之外，為了滿足網(wǎng)頁(yè)用戶之間的網(wǎng)絡(luò)連接，應(yīng)用計(jì)算機(jī)多媒體，可以建立不同的模型，比如OSI框架協(xié)議通信，它可以面向多用戶進(jìn)行操作，并且還具有自動(dòng)糾錯(cuò)功能。
1.3在網(wǎng)頁(yè)形象化設(shè)計(jì)中的應(yīng)用
在網(wǎng)頁(yè)設(shè)計(jì)中，為了確保網(wǎng)頁(yè)的吸引性、可讀性等，需要添加一些因素。利用計(jì)算機(jī)多媒體技術(shù)，既可以為網(wǎng)頁(yè)提供設(shè)計(jì)因素，同時(shí)還能利用視頻、圖像等方式，讓網(wǎng)頁(yè)更加生動(dòng)、豐富。值得注意的是，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，需要認(rèn)識(shí)到多媒體屬于一種加載程序，所以應(yīng)該適當(dāng)控制其容量，避免加載過(guò)多出現(xiàn)一定的負(fù)擔(dān)，從而設(shè)計(jì)出更加絢麗、快捷的網(wǎng)頁(yè)來(lái)。
2計(jì)算機(jī)多媒體技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用中存在的問(wèn)題
在網(wǎng)頁(yè)設(shè)計(jì)中，計(jì)算機(jī)多媒體技術(shù)的應(yīng)用大大提高其效果和效率，但同樣也存在一些問(wèn)題，具體如下：
2.1多媒體元素格式選擇錯(cuò)誤
在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)多媒體技術(shù)時(shí)，視頻、圖片等元素的格式選擇非常重要，要求其容量小、真實(shí)性好。但是，在目前的網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常出現(xiàn)視頻無(wú)法打開、圖片不顯示等問(wèn)題，究其原因，主要是因?yàn)闉g覽器與文件格式不兼容，或是文件比較大，不能有效載入。
2.2視覺元素堆砌
網(wǎng)頁(yè)平臺(tái)包含多種視覺元素，既包括平面視覺構(gòu)成的各個(gè)元素，同時(shí)又包括多種特有的視覺元素，比如多媒體、交互元素、動(dòng)態(tài)等。但是，在網(wǎng)頁(yè)布局的過(guò)程中，呈現(xiàn)出來(lái)的是一種簡(jiǎn)單的堆砌，網(wǎng)頁(yè)布局缺乏規(guī)劃，缺乏美感。這樣一來(lái)，不僅造成資源的浪費(fèi)，而且還會(huì)降低網(wǎng)頁(yè)的吸引性、可讀性，從而減少用戶瀏覽量。初次之外，還有一些網(wǎng)頁(yè)設(shè)計(jì)片面追求頁(yè)面的絢麗，缺乏實(shí)際內(nèi)容。
2.3視覺元素與相關(guān)應(yīng)用的沖突
在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)多媒體技術(shù)后，網(wǎng)頁(yè)會(huì)包含多種視覺元素，比如文字、影像、圖片等，而瀏覽上述元素需要通過(guò)專門的應(yīng)用軟件，比如瀏覽器、插件程序等，由于機(jī)器分辨率存在差異，進(jìn)而導(dǎo)致網(wǎng)頁(yè)呈現(xiàn)與視覺元素本身存在一定的差距。比如用戶在觀賞Flash動(dòng)畫時(shí)，則需要安裝特點(diǎn)的插件程序。此外，對(duì)于不同的瀏覽器來(lái)講，對(duì)于同一網(wǎng)頁(yè)的視覺元素，其呈現(xiàn)出來(lái)的效果也會(huì)出現(xiàn)差異。因此，用戶要想獲取最佳的視覺效果，需要切換瀏覽器。
3提高網(wǎng)頁(yè)設(shè)計(jì)質(zhì)量的具體措施
在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，為了提高計(jì)算機(jī)多媒體技術(shù)的應(yīng)用效果，需從以下兩個(gè)方面入手，做好網(wǎng)頁(yè)設(shè)計(jì)工作。
3.1選擇合適的多媒體元素
網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用計(jì)算機(jī)多媒體技術(shù)時(shí)，需要結(jié)合實(shí)際情況，選擇合適的多媒體元素格式，避免出現(xiàn)文件太大難以載入或是打不開等情況。比如要盡量多使用圖像微縮圖，針對(duì)無(wú)需放大的圖片，可以利用相關(guān)的圖像編輯軟件（如Photoshop）進(jìn)行處理，即先重新取樣原圖片，然后再根據(jù)自己的需要，對(duì)圖片的大小進(jìn)行合理調(diào)整，最后再保留新圖樣。對(duì)于動(dòng)畫標(biāo)題，為了節(jié)省容量，便于瀏覽等，可采用靜止圖片。
3.2將多媒體技術(shù)與藝術(shù)設(shè)計(jì)結(jié)合起來(lái)
在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)人員不能一味堆砌多媒體元素，而是要充分考慮其藝術(shù)性、實(shí)用性等。因此，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，需要做好以下幾點(diǎn)。
3.2.1突出主題要素。不管是哪個(gè)網(wǎng)頁(yè)，它都應(yīng)該有明確的主題。因此，在網(wǎng)頁(yè)設(shè)計(jì)中，風(fēng)格要素與主題內(nèi)容保持一致，以此為前提，添加文字、動(dòng)畫、圖片等多媒體元素，同時(shí)確保色調(diào)的統(tǒng)一。作為主題要素，還要處理好編排位置，使其成為視覺焦點(diǎn)，同時(shí)組合各構(gòu)成要素時(shí)，處理好結(jié)構(gòu)的大小、多少、虛實(shí)等。
3.2.2注重網(wǎng)頁(yè)布局。在網(wǎng)頁(yè)設(shè)計(jì)中，可采用“國(guó)”字型、Flash型、標(biāo)題正文型等。在規(guī)劃網(wǎng)頁(yè)布局時(shí)，需要根據(jù)信息量的大小來(lái)決定。如果信息量比較大，則可以采用拐角型、“國(guó)”字型等；對(duì)于綱要性的網(wǎng)頁(yè)，則可以采用標(biāo)題正文型。
3.2.3適當(dāng)運(yùn)用留白藝術(shù)。留白、虛實(shí)均是網(wǎng)頁(yè)設(shè)計(jì)中比較重要的表現(xiàn)形式。因此，在網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中，可以適當(dāng)運(yùn)用留白藝術(shù)，形成層次鮮明、節(jié)奏感強(qiáng)的效果，同時(shí)化解大量信息內(nèi)容聚集導(dǎo)致的壓迫感，給用戶創(chuàng)造一個(gè)輕松、愉悅的享受，激發(fā)用戶的瀏覽興趣。
4結(jié)語(yǔ)
在計(jì)算機(jī)多媒體技術(shù)的快速發(fā)展，逐漸滲透到社會(huì)的方方面面。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)人員也將其運(yùn)用其中，主要體現(xiàn)在即時(shí)通信、網(wǎng)絡(luò)連接、網(wǎng)頁(yè)形象化三個(gè)方面的設(shè)計(jì)中。為了保障其應(yīng)用效果，設(shè)計(jì)人員需正視其中存在的問(wèn)題，并且從選擇合適的多媒體元素、將多媒體技術(shù)與藝術(shù)設(shè)計(jì)結(jié)合起來(lái)兩個(gè)方面入手，提高網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量。
作者：索穎 劉乃榮 王玲 單位：遼東學(xué)院
摘要:Flash技術(shù)運(yùn)用范圍非常廣泛,不論是網(wǎng)站、廣告、動(dòng)畫、游戲,甚至程序設(shè)計(jì)與多媒體化展示方面都有一定程度的運(yùn)用。本文首先對(duì)Flash動(dòng)畫今后的發(fā)展趨勢(shì)進(jìn)行分析并具體化敘述了Flash的實(shí)際定義與特點(diǎn),并對(duì)Flash動(dòng)畫當(dāng)前在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用方式進(jìn)行分析,針對(duì)性闡述了Flash動(dòng)畫在整站式網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中交互式導(dǎo)航系統(tǒng)、Web圖像動(dòng)畫展示以及鼠標(biāo)動(dòng)畫的應(yīng)用。在此針對(duì)性研究Flash動(dòng)畫在網(wǎng)頁(yè)設(shè)計(jì)中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W(xué)者一定幫助。
關(guān)鍵詞:Flash動(dòng)畫 網(wǎng)頁(yè)設(shè)計(jì) 應(yīng)用研究
隨著社會(huì)邁入信息化時(shí)代,網(wǎng)絡(luò)及計(jì)算機(jī)技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢(shì),從而促進(jìn)網(wǎng)頁(yè)動(dòng)畫漸漸發(fā)展起來(lái),此外網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)重要地位,促使人們?cè)陉P(guān)注動(dòng)畫整體發(fā)展趨勢(shì)的過(guò)程中將注意力放在網(wǎng)頁(yè)動(dòng)畫方面。在構(gòu)建及設(shè)計(jì)網(wǎng)頁(yè)時(shí),運(yùn)用Flash幫助網(wǎng)頁(yè)實(shí)現(xiàn)多媒體化的網(wǎng)頁(yè)成果展示,同時(shí)也漸漸成為網(wǎng)頁(yè)設(shè)計(jì)發(fā)展過(guò)程中不可或缺的重要部分。
1Flash的運(yùn)用及特點(diǎn)
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)矢量動(dòng)畫文件格式時(shí)常得以較多的運(yùn)用,此外,針對(duì)性分析Flash,可以了解到目前其主要具備以下六大特點(diǎn):第一,將矢量圖形作為主要運(yùn)行前提,致使其自身文件導(dǎo)出容量不大,在進(jìn)行圖片縮放時(shí)對(duì)其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過(guò)程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強(qiáng)大的AS代碼,在設(shè)計(jì)動(dòng)畫時(shí)運(yùn)用Flash技術(shù),促使動(dòng)畫的交互性優(yōu)良,便于讀者在閱讀過(guò)程的理解并實(shí)施相關(guān)互動(dòng);第三,針對(duì)實(shí)際運(yùn)用過(guò)程分析,Flash動(dòng)畫在運(yùn)作時(shí)主要采用插件,若用戶想要實(shí)現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動(dòng)畫自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計(jì)Flash過(guò)程中,可以根據(jù)需要適當(dāng)增加頁(yè)面控制按鈕幫助頁(yè)面實(shí)現(xiàn)鏈接的跳動(dòng),還可以運(yùn)用鼠標(biāo)實(shí)現(xiàn)頁(yè)面動(dòng)畫中的運(yùn)動(dòng)及移動(dòng)。第五,Flash可以實(shí)現(xiàn)動(dòng)畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過(guò)程中可以直接構(gòu)建全Flash制作站點(diǎn);第六,Flash動(dòng)畫屬于一種“準(zhǔn)”流式文件內(nèi)容,無(wú)需全部下載完成就可以實(shí)現(xiàn)動(dòng)畫觀看。
2Flash動(dòng)畫在網(wǎng)絡(luò)設(shè)計(jì)中的應(yīng)用
在網(wǎng)頁(yè)設(shè)計(jì)中,Flash動(dòng)畫具備非常多關(guān)鍵性的作用,如流式播放動(dòng)畫、FlashMV及短片動(dòng)畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實(shí)施網(wǎng)頁(yè)設(shè)計(jì)時(shí),避免繁瑣、復(fù)雜的動(dòng)畫設(shè)計(jì)效果的存在,畢竟物極必反,只會(huì)降低網(wǎng)頁(yè)的品質(zhì);如圖1所示。2.1網(wǎng)頁(yè)動(dòng)畫信息交互的實(shí)現(xiàn)為了進(jìn)一步卻寶寶網(wǎng)頁(yè)動(dòng)畫信息交互整體的流暢性,其中的一個(gè)重要關(guān)鍵就是Flash動(dòng)畫導(dǎo)航的交互性設(shè)計(jì)。在對(duì)該部分內(nèi)容進(jìn)行設(shè)計(jì)時(shí),往往會(huì)使用針對(duì)性的Flash動(dòng)畫腳本——AxtionScript。實(shí)際設(shè)計(jì)過(guò)程中,通常由編程者的思想與Flash在事件中作用共同形成動(dòng)力,并依據(jù)動(dòng)畫中的相應(yīng)內(nèi)容實(shí)現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁(yè)動(dòng)畫相關(guān)要素的設(shè)計(jì)第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁(yè)設(shè)計(jì)中,導(dǎo)航欄對(duì)用戶主要起到一種引導(dǎo)性作用。所以在設(shè)計(jì)時(shí)需要將其設(shè)計(jì)為多個(gè)導(dǎo)航級(jí)別,并構(gòu)建針對(duì)性的標(biāo)識(shí)來(lái)將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動(dòng)畫形式展示。傳統(tǒng)網(wǎng)頁(yè)中,Web圖像主要呈現(xiàn)靜態(tài),不過(guò)經(jīng)由計(jì)算機(jī)技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁(yè)設(shè)計(jì)中漸漸出現(xiàn)了一部分動(dòng)態(tài)化的Web圖像。同時(shí)在其色彩方面的運(yùn)用,主要采用RGB模板,并在網(wǎng)頁(yè)安全色方面運(yùn)用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標(biāo)動(dòng)畫。為了實(shí)現(xiàn)優(yōu)質(zhì)化Flash動(dòng)畫效果,在制作動(dòng)畫效果時(shí)要特別注意鼠標(biāo)在移動(dòng)過(guò)程中其軌跡圖案及色彩搭配。首先,要確保鼠標(biāo)移動(dòng)過(guò)程中的色彩與網(wǎng)頁(yè)設(shè)計(jì)色彩是不同的,有助于用戶一眼就可以將鼠標(biāo)找到。最后就是,鼠標(biāo)在色彩區(qū)別網(wǎng)頁(yè)之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。
3結(jié)語(yǔ)
綜合全文內(nèi)容,在網(wǎng)站設(shè)計(jì)過(guò)程中,Flash作為一個(gè)極具重要性的視覺性元素,其可以在幫助網(wǎng)站實(shí)現(xiàn)多媒體化效果展示的同時(shí),還能夠結(jié)合數(shù)據(jù)通信這一措施全面性豐富網(wǎng)站自身具備的素材及資源,最終達(dá)到一種動(dòng)態(tài)化的效果。截至今日,由于計(jì)算機(jī)技術(shù)發(fā)展速度不斷提升,結(jié)合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flash動(dòng)畫一定可以獲得更加廣泛的用途,更具普遍性,最終實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)的主體化運(yùn)用趨勢(shì)。
作者：侯英杰 單位：隴南師范高等?？茖W(xué)校
摘要：分析了傳統(tǒng)教學(xué)模式與培養(yǎng)應(yīng)用型人才模式對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)改革的影響，提出為培養(yǎng)應(yīng)用型人才的改革方向，并以兩個(gè)專業(yè)、四個(gè)班的學(xué)生做為實(shí)驗(yàn)樣本，對(duì)本年度教學(xué)內(nèi)容做出了一些改革，得出了在培養(yǎng)應(yīng)用型人才時(shí)該課程內(nèi)容的改革方案和注意事項(xiàng)，指出為培養(yǎng)服務(wù)地方應(yīng)用型人才，網(wǎng)頁(yè)設(shè)計(jì)與制作的課程改革勢(shì)在必行。
關(guān)鍵詞：傳統(tǒng)教學(xué)；學(xué)即能用；CSS
互聯(lián)移動(dòng)終端的大面積推廣，使得掌握網(wǎng)頁(yè)制作技術(shù)的人才在各個(gè)行業(yè)里都成為必不可少的需求；同時(shí)，地方普通高校為社會(huì)服務(wù)的使命感在不斷增強(qiáng)，如何培養(yǎng)出“學(xué)即能用”的人才，使之在短時(shí)間內(nèi)掌握主流的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，提高站點(diǎn)訪問(wèn)量，是這門課程課堂教學(xué)效果進(jìn)步的體現(xiàn)。
一、技術(shù)背景與課堂教學(xué)要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動(dòng)的；Web2.0則為用戶開設(shè)了主動(dòng)權(quán)，使得用戶和網(wǎng)站可行雙向信息互動(dòng)；Web3.0提升了用戶的主動(dòng)權(quán)，用戶可對(duì)頁(yè)面的多種元素（顯示、色彩、像素、框架等）按需設(shè)置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機(jī)、PDA等多終端平臺(tái)定制。
（二）傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程內(nèi)容
一般情況下，高校開設(shè)的網(wǎng)頁(yè)設(shè)計(jì)課程從教學(xué)內(nèi)容上可劃分為兩大塊：1.相關(guān)知識(shí)介紹。網(wǎng)站的概念、基本元素及頁(yè)面等相關(guān)知識(shí)的介紹。2.應(yīng)用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁(yè)制作工具，使學(xué)生掌握布局（表格、層、框架、模板等）、超級(jí)鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學(xué)即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時(shí)代與時(shí)俱進(jìn)的特點(diǎn)。最關(guān)鍵的問(wèn)題在于：課堂學(xué)到的知識(shí)是否馬上就能得到應(yīng)用，是否與目前社會(huì)上專業(yè)的網(wǎng)頁(yè)制作公司的技術(shù)規(guī)格保持一致。因此，本門課程的改革勢(shì)在必行。
二“、服務(wù)于地方”教學(xué)內(nèi)容的改革
（一）教學(xué)內(nèi)容改革
內(nèi)容改革是課程改革的首要環(huán)節(jié)。關(guān)于什么是關(guān)鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁(yè)設(shè)計(jì)公司中企動(dòng)力的設(shè)計(jì)總監(jiān)馬女士，通過(guò)對(duì)她的訪談，了解到時(shí)下主流的網(wǎng)頁(yè)設(shè)計(jì)公司所涉及到的技術(shù)規(guī)范，對(duì)本?，F(xiàn)階段的教學(xué)內(nèi)容做了必要的調(diào)整，簡(jiǎn)化了表格布局頁(yè)面、框架設(shè)計(jì)等已被淘汰的陳舊技術(shù)的授課內(nèi)容，有選擇地介紹了網(wǎng)頁(yè)交互特效及表單的應(yīng)用，加強(qiáng)了網(wǎng)頁(yè)美化工具、HTML語(yǔ)言及CSS的學(xué)習(xí)內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁(yè)和網(wǎng)站的基礎(chǔ)知識(shí)、網(wǎng)頁(yè)美化工具（Photoshop或者Fireworks）、HTML語(yǔ)言、網(wǎng)頁(yè)開發(fā)工具的介紹、DIV+CSS、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。首先，通過(guò)具體的例子闡明網(wǎng)頁(yè)、網(wǎng)站的定義，頁(yè)面的布局類型（主要是盒模型）、整體造型及配色方案的相關(guān)知識(shí)；其次，介紹網(wǎng)頁(yè)美化工具圖片處理工具（Photoshop或Fireworks）的使用，學(xué)生可用其設(shè)計(jì)頁(yè)面元素，加強(qiáng)頁(yè)面的視覺效果與美觀性，提升站點(diǎn)的專業(yè)度；再次，介紹HTML的基本語(yǔ)法結(jié)構(gòu)和語(yǔ)句，使學(xué)生熟練掌握其主要標(biāo)簽的使用（傳統(tǒng)的教學(xué)模式對(duì)這一部分的內(nèi)容有所忽略）。實(shí)踐證明，學(xué)生若不熟悉HTML的語(yǔ)法構(gòu)成，學(xué)習(xí)DIV+CSS這一主流的網(wǎng)頁(yè)布局模式就會(huì)相當(dāng)吃力。當(dāng)然，對(duì)于非專業(yè)學(xué)生而言，學(xué)習(xí)一門語(yǔ)言，即便是文本標(biāo)記語(yǔ)言，由于其本身對(duì)計(jì)算機(jī)系統(tǒng)相關(guān)知識(shí)的欠缺，授課會(huì)比較困難，學(xué)生也學(xué)得辛苦，但這又是一個(gè)必要的過(guò)程，其所占用的時(shí)間比較長(zhǎng)，需要設(shè)計(jì)大量實(shí)例，反復(fù)練習(xí)才能掌握。之后介紹開發(fā)工具，重點(diǎn)是要理解頁(yè)面的代碼模式和設(shè)計(jì)模式，而DIV+CSS則是本門課程的重頭戲，由于學(xué)生對(duì)代碼有種天生的恐懼，所以，在建立CSS時(shí)又以開發(fā)工具建立為主，修改程序?yàn)檩o。最后簡(jiǎn)單提及動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。由于課時(shí)限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁(yè)制作。靜態(tài)網(wǎng)頁(yè)技術(shù)分為傳統(tǒng)技術(shù)和新技術(shù)。傳統(tǒng)課堂教學(xué)內(nèi)容重點(diǎn)是布局表格、框架、模板等，而目前主流的網(wǎng)頁(yè)制作公司則主要應(yīng)用DIV+CSS。所以，對(duì)于陳舊的技術(shù)簡(jiǎn)單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進(jìn)行講解。由于這些內(nèi)容需要學(xué)生對(duì)代碼部分比較熟悉，所以，在課時(shí)中增加了相應(yīng)的HTML的基本語(yǔ)法結(jié)構(gòu)和語(yǔ)句的介紹，并對(duì)主要標(biāo)簽的使用熟練掌握。
（二）實(shí)際授課效果
筆者今年為設(shè)計(jì)和思政兩個(gè)專業(yè)的學(xué)生授課。設(shè)計(jì)專業(yè)的學(xué)生已經(jīng)開設(shè)了PS，有一定的設(shè)計(jì)基礎(chǔ)，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學(xué)生沒有圖片處理基礎(chǔ)，筆者在授課過(guò)程中有意加強(qiáng)了這部分內(nèi)容，講授簡(jiǎn)單的圖片處理方法和文字特效工具。實(shí)踐證明，學(xué)生有追求新知識(shí)的欲望，基本能做到學(xué)以致用，并反饋到最終的作品中。往屆學(xué)生的作品更像電子小報(bào)，而今年通過(guò)課程內(nèi)容改革的學(xué)生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學(xué)效果良好。針對(duì)我校提出建立培養(yǎng)服務(wù)于地方應(yīng)用型人才的本科院校，傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)與制作課程必須響應(yīng)時(shí)代號(hào)召，更新教學(xué)內(nèi)容與方法。本文僅供從事該課程教學(xué)的教師參考。
作者：侯敏 單位：西安文理學(xué)院
摘要：
在當(dāng)前這個(gè)時(shí)代中，各種視覺信息不斷泛濫，讓我們眼花繚亂、應(yīng)不暇接。人們?cè)絹?lái)越希望網(wǎng)頁(yè)設(shè)計(jì)能夠變得簡(jiǎn)潔、明快、一目了然。將簡(jiǎn)約主義思想應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，有著明顯的現(xiàn)實(shí)意義。本文先分析簡(jiǎn)約設(shè)計(jì)理念的起源，接著研究簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，最后提出一套有針對(duì)性的應(yīng)用簡(jiǎn)約主義理念的對(duì)策，希望能起到一定的啟發(fā)意義。
關(guān)鍵詞：簡(jiǎn)約主義；網(wǎng)頁(yè)設(shè)計(jì)；對(duì)策
一、前言
邁入新世紀(jì)之后，信息技術(shù)蓬勃發(fā)展，我們已經(jīng)身處于信息時(shí)代的懷抱中，在這個(gè)時(shí)代中，各種視覺信息不斷泛濫，讓我們眼花繚亂、應(yīng)不暇接。人們?cè)絹?lái)越希望網(wǎng)頁(yè)設(shè)計(jì)能夠變得簡(jiǎn)潔、明快、一目了然。將簡(jiǎn)約主義思想應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，有著明顯的現(xiàn)實(shí)意義。本文先分析簡(jiǎn)約設(shè)計(jì)理念的起源，接著研究簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，最后提出一套有針對(duì)性的應(yīng)用簡(jiǎn)約主義理念的對(duì)策，希望能起到一定的啟發(fā)意義。
二、簡(jiǎn)約主義溯源
早在春秋戰(zhàn)國(guó)時(shí)期，我國(guó)哲學(xué)家、思想家老子就提出過(guò)“少則多、多則惑”的思想。在古希臘時(shí)期，柏拉圖曾經(jīng)用“簡(jiǎn)單及少”的理念來(lái)論述立方體。這足以說(shuō)明簡(jiǎn)約主義思想源遠(yuǎn)流長(zhǎng)，很早就初見雛形。事實(shí)上，正是世界文明史上的現(xiàn)代主義運(yùn)動(dòng)直接帶動(dòng)了簡(jiǎn)約主義的發(fā)展與成熟。從理論角度而言，現(xiàn)代主義是功能主義與簡(jiǎn)約原則的有機(jī)融合。上個(gè)世紀(jì)初，英國(guó)興起的“工藝美術(shù)運(yùn)動(dòng)”正式將簡(jiǎn)約主義理念登上了歷史的舞臺(tái)，使其出現(xiàn)在人們的視野中?！肮に嚸佬g(shù)運(yùn)動(dòng)”旨在否定機(jī)械化與裝飾過(guò)度的設(shè)計(jì)風(fēng)格，主張真實(shí)、熱情，兼具功能與價(jià)值的設(shè)計(jì)。這次運(yùn)動(dòng)為現(xiàn)代主義風(fēng)格奠定了良好的基礎(chǔ)。其提出設(shè)計(jì)應(yīng)該以功能作為核心，強(qiáng)調(diào)非裝飾化的簡(jiǎn)單幾何造型。之后，著名建筑大師米斯?凡德羅提出了經(jīng)典的“Lessismore”的設(shè)計(jì)原則，直接為簡(jiǎn)約主義理念奠定了理論基礎(chǔ)。如今，不光是建筑領(lǐng)域，產(chǎn)品設(shè)計(jì)領(lǐng)域、平面設(shè)計(jì)領(lǐng)域、室內(nèi)設(shè)計(jì)領(lǐng)域、家居設(shè)計(jì)領(lǐng)域都開始追求簡(jiǎn)約主義設(shè)計(jì)理念。如今，關(guān)于簡(jiǎn)約主義的稱法層出不窮，白色派、極少主義、“空”設(shè)計(jì)，其實(shí)都是追求簡(jiǎn)約大方的設(shè)計(jì)風(fēng)格，是簡(jiǎn)約主義設(shè)計(jì)理念的具體體現(xiàn)。本文認(rèn)為，所謂簡(jiǎn)約主義，其實(shí)就是呈現(xiàn)最基本的要素，主張摒棄一切多余的結(jié)構(gòu)、色彩、文字與圖形等，這樣可以讓核心內(nèi)容成為聚焦點(diǎn)，使人們迅速攫取到中心內(nèi)容。
三、簡(jiǎn)約主義視角下網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)
互聯(lián)網(wǎng)的日益普及使得網(wǎng)絡(luò)承載的網(wǎng)頁(yè)內(nèi)容不斷增多，功能也日趨多元化。雖然人們通過(guò)網(wǎng)頁(yè)能找到自己想要的信息，但由于網(wǎng)絡(luò)世界缺乏應(yīng)有的監(jiān)管，導(dǎo)致一些網(wǎng)頁(yè)看似華麗，實(shí)則空虛，這就對(duì)網(wǎng)頁(yè)設(shè)計(jì)提出了更高的要求。將簡(jiǎn)約主義理念用于網(wǎng)頁(yè)設(shè)計(jì)中，有著廣泛而深遠(yuǎn)的意義。首先，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念，可以提升用戶體驗(yàn)。如果只注重網(wǎng)頁(yè)的外觀設(shè)計(jì)，一味追求華麗美觀，用戶可能難以在網(wǎng)頁(yè)中迅速攫取自己想要的信息內(nèi)容，這樣的用戶體驗(yàn)顯然是很糟糕的。其實(shí)，在網(wǎng)頁(yè)設(shè)計(jì)中，簡(jiǎn)約是一個(gè)相對(duì)性概念，力求摒棄泛濫與隨意。網(wǎng)頁(yè)設(shè)計(jì)的簡(jiǎn)約是對(duì)網(wǎng)頁(yè)信息結(jié)構(gòu)進(jìn)行科學(xué)布置，簡(jiǎn)單清晰地向用戶傳達(dá)他們想要的信息，從而留住用戶，提高網(wǎng)頁(yè)的點(diǎn)擊率。其次，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念，可以做到網(wǎng)頁(yè)信息主次分明。Google產(chǎn)品設(shè)計(jì)副總裁MarissaMayer曾經(jīng)對(duì)這個(gè)功能做出過(guò)精辟闡釋，她認(rèn)為簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)就猶如一把合上的瑞士軍刀，用戶往往只能記住一個(gè)網(wǎng)站的7-9個(gè)功能，腦海中留有16個(gè)左右的關(guān)鍵詞印象，所以必須在這個(gè)范圍內(nèi)合理考慮用戶的要求，而那些功能繁雜、頁(yè)面華麗的網(wǎng)站，更像一把打開的瑞士軍刀，可能會(huì)“傷害”用戶的使用，使其感覺信息混亂。
四、網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念的對(duì)策
自從米斯?凡德羅提出了經(jīng)典的“Lessismore”設(shè)計(jì)原則，簡(jiǎn)約主義設(shè)計(jì)理念收到了人們的熱烈追捧與認(rèn)可，它提倡摒除所有無(wú)關(guān)緊要的要素，以簡(jiǎn)明、活潑、輕快的設(shè)計(jì)風(fēng)格直達(dá)用戶內(nèi)心，滿足用戶訴求。如今，現(xiàn)代人身處于一個(gè)信息爆炸、知識(shí)泛濫的時(shí)代中，內(nèi)心越來(lái)越渴望網(wǎng)頁(yè)界面做到簡(jiǎn)潔明快，能快速找到想要的信息。有鑒于此，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用簡(jiǎn)約主義理念可以從以下幾點(diǎn)入手：
1、合理取舍
簡(jiǎn)約主義設(shè)計(jì)風(fēng)格始終追求簡(jiǎn)單明晰的設(shè)計(jì)效果，摒棄所有多余的色彩、文字與圖形等設(shè)計(jì)元素，力求高效快捷地向用戶傳達(dá)有效信息，將他們的視覺關(guān)注點(diǎn)引領(lǐng)到關(guān)鍵信息中，對(duì)網(wǎng)頁(yè)的關(guān)鍵要點(diǎn)產(chǎn)生興趣。要達(dá)到這樣的境界，合理取舍至關(guān)重要，具體是指強(qiáng)調(diào)與著重，因?yàn)楹?jiǎn)約主義不是主張去除一切，而是提倡將關(guān)鍵信息優(yōu)先曝光在用戶的視覺世界中，在保證網(wǎng)頁(yè)好用的基礎(chǔ)上，為用戶減輕視覺負(fù)擔(dān)，使他們享受到良好的使用體驗(yàn)。在合理取舍過(guò)程中，設(shè)計(jì)者要注意這么幾個(gè)基本要求：網(wǎng)頁(yè)色彩、文字精簡(jiǎn)、圖形處理、位置編排和版面的“留白”處理等。對(duì)于一個(gè)沒有任何留白，文字布局密密麻麻的網(wǎng)頁(yè)，根本會(huì)讓讀者感覺無(wú)從下手，導(dǎo)致他們直接關(guān)上網(wǎng)頁(yè)。所以，網(wǎng)頁(yè)設(shè)計(jì)者必須保留一定的網(wǎng)頁(yè)留白，在空白背景下曝光重點(diǎn)信息和關(guān)鍵信息，然后再一步步引導(dǎo)用戶了解其他的信息。
2、合理組織視覺要素
在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)，有了簡(jiǎn)約主義設(shè)計(jì)理念的指導(dǎo)，設(shè)計(jì)師應(yīng)該合理組織視覺要素，力求做到簡(jiǎn)單清晰。設(shè)計(jì)者要合理分類、組合網(wǎng)頁(yè)界面的信息，進(jìn)行適當(dāng)刪減。分類網(wǎng)頁(yè)信息是為了讓用戶在瀏覽網(wǎng)頁(yè)時(shí)，可以直接、快捷地了解網(wǎng)頁(yè)布局與結(jié)構(gòu)，做到心中有數(shù)，在其腦海中留下一定印象；減少類別和適當(dāng)刪減并不是要減少網(wǎng)頁(yè)含量，而是將重點(diǎn)信息、關(guān)鍵信息放置于一個(gè)相對(duì)簡(jiǎn)單的布局中，使用戶能一眼就看到有效信息而不浪費(fèi)時(shí)間。在組織視覺要素時(shí)，設(shè)計(jì)師可以先構(gòu)建一個(gè)簡(jiǎn)單清晰的首頁(yè)，摒棄繁雜，然后進(jìn)行適當(dāng)配色，色彩種類不可過(guò)多，以簡(jiǎn)潔素養(yǎng)為主，文字介紹也不可花里胡哨，力求做到簡(jiǎn)潔明快。
3、網(wǎng)頁(yè)各界面保持風(fēng)格統(tǒng)一
毫無(wú)疑問(wèn)，現(xiàn)在的網(wǎng)頁(yè)界面有著眾多層級(jí)，設(shè)計(jì)是必須做到網(wǎng)頁(yè)界面的風(fēng)格統(tǒng)一和和諧，不可產(chǎn)生太大的突兀之感。用戶一般是通過(guò)首頁(yè)或者網(wǎng)頁(yè)鏈接進(jìn)入網(wǎng)頁(yè)界面的某個(gè)層級(jí)中，假若網(wǎng)格界面的風(fēng)格不夠統(tǒng)一，甚至存在較大反差，很容易影響用戶認(rèn)知網(wǎng)頁(yè)信息的效果，不利于他們順利解讀網(wǎng)頁(yè)信息。事實(shí)證明，統(tǒng)一和諧的網(wǎng)頁(yè)界面風(fēng)格不僅可以增強(qiáng)用戶的認(rèn)知與記憶，提高他們搜索所需信息的效率，還能使用戶對(duì)該網(wǎng)頁(yè)印象深刻，對(duì)其形成滿意度，成為該網(wǎng)頁(yè)的“忠實(shí)粉”。對(duì)于網(wǎng)頁(yè)界面風(fēng)格的和諧統(tǒng)一，關(guān)鍵要做到同樣元素的位置和大小要保持一致，起碼不能差距太大，配色方案也要保持整體一致，同類型的設(shè)計(jì)要素風(fēng)格也應(yīng)該盡量保持一致。
五、結(jié)束語(yǔ)
在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用簡(jiǎn)約主義理念大有裨益。但我們不能忽視，目前有設(shè)計(jì)師在應(yīng)用這個(gè)理念時(shí)走進(jìn)了誤區(qū)，即為了簡(jiǎn)約而簡(jiǎn)約，忽視了網(wǎng)頁(yè)的功能性，不注重用戶瀏覽網(wǎng)頁(yè)信息時(shí)的認(rèn)知體驗(yàn)，這樣的網(wǎng)頁(yè)設(shè)計(jì)必定“費(fèi)時(shí)、低效”。其實(shí)，簡(jiǎn)約主義設(shè)計(jì)理念并不是簡(jiǎn)單地簡(jiǎn)化設(shè)計(jì)元素，而是合理取舍界面要素。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，設(shè)計(jì)師必須立足于提升用戶的使用體驗(yàn)，提高網(wǎng)站的可用性，只有做到“以用戶為中心”，才是真正的簡(jiǎn)約主義設(shè)計(jì)。我國(guó)網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該多學(xué)習(xí)和借鑒國(guó)內(nèi)外優(yōu)秀的成功案例，認(rèn)真學(xué)習(xí)簡(jiǎn)約主義設(shè)計(jì)理念的精髓。
作者：穆冰玉 單位：鄭州輕工業(yè)學(xué)院藝術(shù)設(shè)計(jì)學(xué)院數(shù)字媒體藝術(shù)系
隨著網(wǎng)絡(luò)的發(fā)展,網(wǎng)頁(yè)可以把各種信息以快捷、方便的形式傳達(dá)給受眾,由此人們逐步產(chǎn)生了對(duì)于網(wǎng)頁(yè)審美的需求。人們對(duì)美感的追求應(yīng)從網(wǎng)頁(yè)設(shè)計(jì)中視覺元素的功能及其審美表現(xiàn)的角度出發(fā),利用有效的傳達(dá)信息,不斷擴(kuò)充網(wǎng)絡(luò)的多元化，使得網(wǎng)頁(yè)設(shè)計(jì)更注重個(gè)性化的表現(xiàn)形式，使信息更加快速有效的傳遞出去。本文重點(diǎn)闡述了在網(wǎng)頁(yè)設(shè)計(jì)中提高視覺信息傳達(dá)的具體方法。隨著我國(guó)網(wǎng)民增長(zhǎng)速度的加快,網(wǎng)頁(yè)設(shè)計(jì)在互聯(lián)網(wǎng)在我國(guó)的發(fā)展前景非常廣闊,網(wǎng)頁(yè)的視覺傳達(dá)設(shè)計(jì)更是成為一個(gè)不可忽視的課題。網(wǎng)絡(luò)給人們提供了一個(gè)便捷的信息交流平臺(tái)，網(wǎng)頁(yè)中視覺信息的表達(dá)己經(jīng)從簡(jiǎn)單圖、文編排的形式,發(fā)展到如今視覺元素的綜合運(yùn)用。由于網(wǎng)頁(yè)鏈接繁瑣性嚴(yán)重阻礙網(wǎng)絡(luò)信息的有效傳播,無(wú)效的傳達(dá)不利于與用戶之間相互溝通，一些視覺效果受網(wǎng)站的信息設(shè)計(jì)結(jié)構(gòu)及內(nèi)容量的影響,對(duì)于不同類型的網(wǎng)站,應(yīng)該明確采取什么樣的手法來(lái)表現(xiàn),使得網(wǎng)頁(yè)設(shè)計(jì)成為一種藝術(shù)形式。雖然目前我國(guó)網(wǎng)頁(yè)設(shè)計(jì)在理論與實(shí)踐上發(fā)展比較健全,視覺的表現(xiàn)力不強(qiáng)，影響了網(wǎng)民對(duì)網(wǎng)頁(yè)點(diǎn)擊率。由此可見，新媒介下的網(wǎng)頁(yè)設(shè)計(jì)還處于一個(gè)不理想的狀態(tài),計(jì)算機(jī)編程技術(shù)還處于一個(gè)以文字為主的信息交流形式,網(wǎng)頁(yè)設(shè)計(jì)的功能性也沒有得到好的體現(xiàn)。
一、要實(shí)現(xiàn)網(wǎng)頁(yè)中的版式功能與審美功能
為了滿足人們的實(shí)用需求,需要網(wǎng)頁(yè)設(shè)計(jì)主次分明,突出重點(diǎn)。在網(wǎng)頁(yè)設(shè)計(jì)前期,應(yīng)該明確每個(gè)網(wǎng)站都會(huì)有自己的特色,因此需要盡可能地使網(wǎng)站各個(gè)頁(yè)面間的切換簡(jiǎn)便。善于運(yùn)用圖形來(lái)引導(dǎo)用戶查看所需信息,一些抽象圖形和引導(dǎo)按鈕都可以起到引導(dǎo)信息傳遞的作用,這些圖形不但影響著網(wǎng)頁(yè)的視覺審美，還能以優(yōu)異的視覺形成格調(diào)優(yōu)美、韻味十足的良好視覺效果,。不同類型網(wǎng)站網(wǎng)頁(yè)是根據(jù)網(wǎng)站的服務(wù)來(lái)定性的,根據(jù)網(wǎng)站主題設(shè)定視覺元素的不同表現(xiàn),將各自的功能與網(wǎng)絡(luò)的交叉學(xué)科相融合，使受眾能更好地和更有效率地接收網(wǎng)頁(yè)上的信息，使人瀏覽起來(lái)心情愉快，接收信息也會(huì)更加輕易。網(wǎng)頁(yè)設(shè)計(jì)的審美需求，就是把傳統(tǒng)平面設(shè)計(jì)中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)的具體問(wèn)題相結(jié)合起來(lái)，運(yùn)用一些平面設(shè)計(jì)來(lái)增加網(wǎng)頁(yè)設(shè)計(jì)的美感和大眾的視覺審美需求。我們經(jīng)常所說(shuō)的如變化和統(tǒng)一、條理與反復(fù)的設(shè)計(jì)都是十分有效的視覺規(guī)律,首先，網(wǎng)頁(yè)的內(nèi)容與形式的表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁(yè)上的各種構(gòu)成是信息訴求的重點(diǎn)位置,在我們把大量的信息塞到網(wǎng)頁(yè)上去的時(shí)候，必須使整體感強(qiáng),同時(shí)又賦予變化，這樣才會(huì)使頁(yè)面更豐富，更有生氣，能夠突出一個(gè)清楚的主體，在用戶閱讀時(shí)視線流動(dòng)，要避免視線流動(dòng)偏離設(shè)計(jì)的初衷。網(wǎng)頁(yè)設(shè)計(jì)中要注重其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對(duì)比因素，加強(qiáng)視覺力度，以強(qiáng)化頁(yè)面的整體吸引力。
二、注重色彩的設(shè)計(jì)
網(wǎng)頁(yè)它既要求文字的美麗流暢，又要求頁(yè)面的整潔，使用色彩可以使頁(yè)面更加生動(dòng)。瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)留下的第一印象就是頁(yè)面的色彩設(shè)計(jì)，因此必須把握好色彩設(shè)計(jì)。
1.整個(gè)頁(yè)面中要確定一個(gè)主色調(diào)
頁(yè)面一般以淺顏色為背景的居多，以淺顏色為底并配上深顏色的字，這樣不但有利于突出頁(yè)面的重點(diǎn)，而且還可以為大多數(shù)人認(rèn)可和把握。其他一些線條適宜采用不搶眼的顏色，盡量選用一些精心選擇的元素，才能突出明亮的色彩，這些彩色亮點(diǎn)如果用得太多了，就會(huì)達(dá)不到強(qiáng)調(diào)的效果。
2.注重背景的色調(diào)搭配
色調(diào)搭配要注重不能有強(qiáng)烈的對(duì)比，大面積顏色適宜采用低比度，過(guò)于豐富的背景色彩會(huì)使文字溶于背景中，不易辨識(shí)。所以，背景一般需要一定的變化，實(shí)際上背景的作用在于統(tǒng)一整個(gè)網(wǎng)頁(yè)的風(fēng)格和情調(diào)，起到襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注重力并體現(xiàn)網(wǎng)站的主題。
三、提高網(wǎng)頁(yè)設(shè)計(jì)中視覺信息傳達(dá)的有效性
1.體現(xiàn)視覺語(yǔ)言的突出性
視覺語(yǔ)言就相當(dāng)于有語(yǔ)法和結(jié)構(gòu)的句子。視覺元素構(gòu)成了現(xiàn)代設(shè)計(jì)中的視覺語(yǔ)占。每一個(gè)設(shè)計(jì)作品都與他特有的視覺符號(hào)，各種視覺元素是按照一定的規(guī)律和邏輯性排列組合起來(lái)的，要想盡快的達(dá)到識(shí)別和接受的目的，就要依靠統(tǒng)一與對(duì)比、虛與實(shí)、大與小等形式手法，按照信息的順序產(chǎn)生強(qiáng)弱、主次等視覺語(yǔ)言的邏輯性讓視覺語(yǔ)言給人以親切溫馨的感受和對(duì)生活意義的領(lǐng)悟。
2.要體現(xiàn)網(wǎng)站獨(dú)特的風(fēng)格
首先網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該根據(jù)需要選擇一些適合主題設(shè)計(jì)風(fēng)格的字體。一般常用的中文字體需要許多專用的藝術(shù)字體下載，再要確定文字的字型、大小、顏色等等，當(dāng)然也可以采用一些特效文字，如果瀏覽者的計(jì)算機(jī)里沒有安裝這種特殊的字體，就會(huì)導(dǎo)致讀者闋讀速度降低。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，有很多軟件就是我們常說(shuō)的網(wǎng)頁(yè)，要具有互動(dòng)性，互動(dòng)性能夠充分調(diào)動(dòng)人的參與性,在網(wǎng)絡(luò)的環(huán)境下，充分實(shí)現(xiàn)每個(gè)人的個(gè)性化需求，使用戶能夠從中得到更深層次的了解和接受,從而做出決定。其次要適合視覺傳達(dá)的過(guò)程。視覺信息傳達(dá)是傳達(dá)者將準(zhǔn)各傳達(dá)的信息挑選出來(lái)后，對(duì)信息以符號(hào)序列的形式進(jìn)行排列，使之按照一定的排列組合方式形成的視覺語(yǔ)言，實(shí)質(zhì)上這一過(guò)程也就是譯碼的過(guò)程，因?yàn)閭鬟_(dá)者所發(fā)出的訊息只有引起注意，才會(huì)被接受者加以理解和接受，接受者只能按照自己的方式將傳達(dá)者的信息整理闡釋。網(wǎng)頁(yè)設(shè)計(jì)離不開一定的科學(xué)技術(shù)發(fā)展，好的網(wǎng)頁(yè)設(shè)計(jì)除考慮其內(nèi)容上的精益求精外，還要對(duì)內(nèi)容進(jìn)行合理有效的視覺編排，這樣不但為了滿足使用者的需求，更關(guān)鍵的是使使用者有一種全身心的享受和共鳴。
作者：于淼 歐陽(yáng)洲丹 單位：遼寧工業(yè)大學(xué)藝術(shù)設(shè)計(jì)與建筑學(xué)院
1信息可視化概述
1.1信息可視化的定義
信息可視化是“利用計(jì)算機(jī)支撐的、交互的、對(duì)抽象數(shù)據(jù)的可視化表示，來(lái)增強(qiáng)人們對(duì)這些抽象信息的認(rèn)知”的方法與技術(shù)。信息可視化最早出現(xiàn)于18世紀(jì)，歷史和政治學(xué)家Playfire和數(shù)學(xué)家Lambert為了幫助人們更好地理解數(shù)據(jù)，根據(jù)復(fù)雜的數(shù)據(jù)創(chuàng)建了可視化圖表。隨著人們對(duì)于信息可視化技術(shù)的研究，信息可視化應(yīng)用的領(lǐng)域越來(lái)越廣泛，它不再只是表示數(shù)據(jù)的一種方式，更成為深度挖掘數(shù)據(jù)之間隱藏的特征和關(guān)系的一種手段。隨著計(jì)算機(jī)科學(xué)的發(fā)展和各種移動(dòng)設(shè)備的普及，信息可視化在網(wǎng)頁(yè)設(shè)計(jì)中又引領(lǐng)了新的研究熱潮。
1.2信息可視化的流程
信息可視化的過(guò)程可以分為三個(gè)階段：源數(shù)據(jù)處理。將收集到的海量信息和數(shù)據(jù)進(jìn)行處理和加工，使其簡(jiǎn)化和標(biāo)準(zhǔn)化，以便后期的快速調(diào)度和輸入可視化流程。源數(shù)據(jù)處理是整個(gè)信息可視化過(guò)程的基礎(chǔ)。可視化圖。這個(gè)過(guò)程完成從數(shù)據(jù)到可視化圖表的轉(zhuǎn)變，通過(guò)各種可視化技術(shù)將抽象的數(shù)據(jù)用易于理解的圖形描述出來(lái)，并表達(dá)出各個(gè)信息的數(shù)量、質(zhì)量和關(guān)系等特征。視圖轉(zhuǎn)換。將抽象的數(shù)據(jù)轉(zhuǎn)換成圖形以后，按照用戶的需求進(jìn)行顯示從而完成信息的輸出。除此之外，還需要將用戶的反饋信息傳送回軟件層而實(shí)現(xiàn)人機(jī)交互。
1.3信息可視化的方法
信息可視化的數(shù)據(jù)種類很多，包括一維數(shù)據(jù)、二維數(shù)據(jù)、三維數(shù)據(jù)、多維數(shù)據(jù)和時(shí)間序列數(shù)據(jù)等。這里著重介紹多維數(shù)據(jù)和時(shí)間序列數(shù)據(jù)的可視化方法。多維數(shù)據(jù)的信息可視化技術(shù)有很多種，其中比較有代表性的有基于幾何的可視化技術(shù)、基于圖標(biāo)的可視化技術(shù)和動(dòng)畫的多維可視化技術(shù)等?；趲缀蔚目梢暬夹g(shù)包括平行坐標(biāo)系方法、Radviz方法、散點(diǎn)圖矩陣方法和Andrews曲線方法。平行坐標(biāo)系方法使用平行的豎直軸線代表維度，在豎直軸線上標(biāo)記多維數(shù)據(jù)并用折線相連相關(guān)坐標(biāo)點(diǎn)來(lái)表示多維數(shù)據(jù)；Radviz方法使用圓形坐標(biāo)系來(lái)實(shí)現(xiàn)多維數(shù)據(jù)的可視化；散點(diǎn)圖矩陣方法就是將多維數(shù)據(jù)的各個(gè)維度兩兩組合繪制成一系列按規(guī)律排列的散點(diǎn)圖來(lái)顯示多維數(shù)據(jù)可視化效果；Andrews曲線方法將多維數(shù)據(jù)的每一數(shù)據(jù)項(xiàng)通過(guò)一個(gè)周期函數(shù)映射到二維坐標(biāo)系中的一條曲線上從而展示可視化結(jié)果。基于圖標(biāo)的可視化方法用具備可視化特征的幾何圖形作為圖標(biāo)來(lái)表示多維數(shù)據(jù)，這些圖標(biāo)的每一個(gè)可視化屬性如大小、形狀、顏色等作為維度，通過(guò)多維數(shù)據(jù)到這些維度的映射來(lái)實(shí)現(xiàn)可視化效果。隨著計(jì)算機(jī)和互聯(lián)網(wǎng)科技的發(fā)展，動(dòng)畫由于其形象、直觀、交互性高和容易被理解等特點(diǎn)已經(jīng)被廣泛應(yīng)用于用戶界面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)中。時(shí)間序列數(shù)據(jù)是指具有時(shí)間屬性的數(shù)據(jù)。時(shí)間序列數(shù)據(jù)的可視化方法包括線形圖、堆積圖、動(dòng)畫、地平線圖和時(shí)間線方法。其中時(shí)間線方法是以時(shí)間軸為水平軸線，將數(shù)據(jù)信息以圖標(biāo)或者圖片的形式按照時(shí)間順序標(biāo)記在時(shí)間軸線上。時(shí)間線的方法最開始被應(yīng)用于歷史事件記錄中，后又發(fā)展用于醫(yī)療記錄和犯罪記錄。由于其完整的記錄體系和系統(tǒng)的記錄方式，時(shí)間線被應(yīng)用于越來(lái)越多的領(lǐng)域。
1.4可視化變量
對(duì)于可視化變量的研究豐富了信息可視化的研究領(lǐng)域和應(yīng)用領(lǐng)域。傳統(tǒng)意義上的可視化變量包括位置、形狀、方向、色彩、紋理、灰度和尺寸，一些學(xué)者將其中的色彩細(xì)分為色相、亮度和飽和度。近年來(lái)有學(xué)者將嗅覺、觸覺、聽覺等對(duì)于可視化變量的補(bǔ)充在很大意義上豐富了信息的表達(dá)方式?？梢暬兞窟x取的是否恰當(dāng)將直接影響到信息表示的質(zhì)量。
2網(wǎng)頁(yè)設(shè)計(jì)中的信息可視化應(yīng)用分析
2.1網(wǎng)頁(yè)設(shè)計(jì)概述
網(wǎng)頁(yè)界面是指人與計(jì)算機(jī)之間以互聯(lián)網(wǎng)為載體的界面，通過(guò)文字、圖形、圖片等元素傳達(dá)信息內(nèi)容以達(dá)到人機(jī)交互的目的。借助互聯(lián)網(wǎng)強(qiáng)大的存儲(chǔ)和傳播能力，網(wǎng)頁(yè)界面將來(lái)自世界每個(gè)角落的信息以最快的速度傳達(dá)給用戶。網(wǎng)頁(yè)設(shè)計(jì)的工作目標(biāo)，是通過(guò)更合理的顏色、字體、圖片進(jìn)行頁(yè)面設(shè)計(jì)，在功能限定的情況下，盡可能給予用戶完美的視覺體驗(yàn)，高級(jí)的網(wǎng)頁(yè)設(shè)計(jì)甚至?xí)紤]到通過(guò)聲音等來(lái)實(shí)現(xiàn)更好的試聽感受。隨著互聯(lián)網(wǎng)的應(yīng)用越來(lái)越廣泛和平民化，伴隨用戶的接受能力和審美能力的提升，網(wǎng)頁(yè)界面的美觀性和易用性越來(lái)越重要，信息可視化恰好解決了這一問(wèn)題。網(wǎng)頁(yè)中的信息可視化應(yīng)用由來(lái)已久，從開始的視覺圖形設(shè)計(jì)，到現(xiàn)在網(wǎng)絡(luò)中隨處可見的信息圖，通過(guò)信息可視化進(jìn)行的網(wǎng)頁(yè)設(shè)計(jì)讓更多信息更快更好地被用戶接受。
2.2網(wǎng)頁(yè)視覺設(shè)計(jì)與可視化
伴隨互聯(lián)網(wǎng)的快速發(fā)展和普及，網(wǎng)頁(yè)設(shè)計(jì)變得越來(lái)越重要和關(guān)鍵。網(wǎng)頁(yè)界面本身就是由文字、顏色、圖片、位置等為基本元素的，而這些元素也都屬于可視化變量的研究范圍，因而在網(wǎng)頁(yè)視覺設(shè)計(jì)中引入信息可視化就非常自然和必要了。隨著各種網(wǎng)站的普及和多樣化，一個(gè)吸引眼球和易用的網(wǎng)站則會(huì)讓你的網(wǎng)站在眾多同類型的網(wǎng)站中脫穎而出。互聯(lián)網(wǎng)的一大重要功能就是傳遞信息，近年來(lái)越來(lái)越多的網(wǎng)站開始將傳統(tǒng)的文字信息轉(zhuǎn)換為信息圖的形式，這樣大大降低了用戶理解信息花費(fèi)的時(shí)間和精力，又提升了網(wǎng)站整體的視覺效果。網(wǎng)易的數(shù)讀中國(guó)網(wǎng)站就是一個(gè)典型的應(yīng)用案例，數(shù)讀中國(guó)將每天的國(guó)際、經(jīng)濟(jì)、正在、民生、社會(huì)等方面的新聞或者話題通過(guò)信息圖的形式表達(dá)和解讀出來(lái)，用戶第一眼看上去就會(huì)直觀了解到話題的內(nèi)容，可以幫助用戶快速瀏覽信息。
2.3網(wǎng)頁(yè)交互設(shè)計(jì)與可視化
交互設(shè)計(jì)就是設(shè)計(jì)師對(duì)產(chǎn)品和用戶之間的互動(dòng)機(jī)制進(jìn)行分析、預(yù)測(cè)、定義和探索的過(guò)程。網(wǎng)頁(yè)的交互設(shè)計(jì)則是通過(guò)網(wǎng)頁(yè)語(yǔ)言表達(dá)出所要告訴用戶的信息，同時(shí)顯示用戶的操作功能。好的交互設(shè)計(jì)可以幫助用戶快速地接受和理解信息，實(shí)現(xiàn)產(chǎn)品的功能。交互設(shè)計(jì)=視覺界面設(shè)計(jì)﹢用戶行為設(shè)計(jì)，界面的意義是為了讓用戶實(shí)現(xiàn)同整個(gè)系統(tǒng)的交互，好的交互設(shè)計(jì)可以讓用戶更加有效率。因此除了應(yīng)用傳統(tǒng)意義的可視化變量實(shí)現(xiàn)視覺上的可視化，還需要對(duì)用戶行為進(jìn)行分析預(yù)測(cè)從而設(shè)計(jì)操作流程等以期獲得更好的用戶體驗(yàn)。以rodania網(wǎng)站為例，網(wǎng)頁(yè)中網(wǎng)站logo放到了主導(dǎo)航正中間的位置，這也是最顯眼的位置，該網(wǎng)站的網(wǎng)站歷史頁(yè)面，以時(shí)間為截點(diǎn)，向用戶展示網(wǎng)站的重要?dú)v史和傳統(tǒng)，由于是時(shí)間序列數(shù)據(jù)，采用了時(shí)間軸的可視化展示方法，用戶點(diǎn)擊年份數(shù)字，即可查看該年份的歷史時(shí)間，或者通過(guò)點(diǎn)擊左/右翻頁(yè)箭頭來(lái)切換上一個(gè)或者下一個(gè)歷史事件。時(shí)間軸最大的意義莫過(guò)于可以系統(tǒng)、完成地記錄某一領(lǐng)域的發(fā)展足跡和詳細(xì)事跡。相比傳統(tǒng)的文字堆砌，rodania通過(guò)時(shí)間軸用最直觀、簡(jiǎn)便的方式將網(wǎng)站歷史展現(xiàn)在用戶面前。
結(jié)語(yǔ)
信息可視化越來(lái)越多地被用于網(wǎng)頁(yè)設(shè)計(jì)中，無(wú)論是網(wǎng)頁(yè)的視覺設(shè)計(jì)還是交互設(shè)計(jì)，其目的都是為了提高網(wǎng)站的易用性，幫助用戶快速獲得和理解信息，提升用戶體驗(yàn)。信息可視化的方法和技術(shù)有很多，隨著互聯(lián)網(wǎng)技術(shù)和設(shè)計(jì)的發(fā)展提升，相信信息可視化可以在網(wǎng)頁(yè)設(shè)計(jì)中發(fā)揮更多的作用。
作者：曹新瑜 郝錕 單位：燕山大學(xué)
1網(wǎng)頁(yè)設(shè)計(jì)及視覺元素的概況
1.1網(wǎng)頁(yè)設(shè)計(jì)的概念
網(wǎng)頁(yè)設(shè)計(jì)是伴隨計(jì)算機(jī)互聯(lián)網(wǎng)產(chǎn)生的視聽設(shè)計(jì)，結(jié)合文字、色彩、圖形圖像、版式等對(duì)于網(wǎng)頁(yè)版面的編排。網(wǎng)絡(luò)設(shè)計(jì)者通過(guò)自身的創(chuàng)造性思維，對(duì)網(wǎng)頁(yè)的結(jié)構(gòu)進(jìn)行藝術(shù)上的規(guī)劃與設(shè)計(jì)，使網(wǎng)頁(yè)給人留下深刻的印象，讓人過(guò)目不忘。
1.2網(wǎng)頁(yè)設(shè)計(jì)的視覺特點(diǎn)
傳統(tǒng)紙媒對(duì)現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)有一定的影響，版式設(shè)計(jì)上符合人們的閱讀習(xí)慣，讀者往往習(xí)慣上下滾動(dòng)頁(yè)面進(jìn)行閱讀，所以排字以橫向排列為主，方便讀者閱讀，而且對(duì)于關(guān)鍵詞匯可以用其他色彩進(jìn)行突出設(shè)計(jì)，使人們?cè)陂喿x的時(shí)候?qū)ξ囊曈X元素在網(wǎng)頁(yè)設(shè)計(jì)中的功能阮翔國(guó)家新聞出版廣電總局831臺(tái)321100章重點(diǎn)內(nèi)容有所把握。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)一般采用網(wǎng)絡(luò)樣式，也可以進(jìn)行自由樣式的設(shè)計(jì)，給人們新鮮感，不會(huì)使讀者產(chǎn)生審美疲勞，但多樣性的同時(shí)，要注意不能違背整體的設(shè)計(jì)風(fēng)格，需要符合網(wǎng)頁(yè)設(shè)計(jì)中視覺效果的特點(diǎn)。
1.3網(wǎng)頁(yè)版式設(shè)計(jì)的視覺要素
網(wǎng)頁(yè)設(shè)計(jì)是在一個(gè)空間有限的頁(yè)面內(nèi)，將文字、圖形、圖案、鏈接等元素進(jìn)行規(guī)劃和排版，將這些視覺元素合理的安排，使它們可以相互協(xié)調(diào)，并且表達(dá)出指定的信息。網(wǎng)頁(yè)設(shè)計(jì)者可以通過(guò)不同的設(shè)計(jì)，突出不一樣的重點(diǎn)，根據(jù)不同的用意，使用不同的視覺元素，這些元素就形成了人們可見的視覺區(qū)域。
2視覺元素的呈現(xiàn)深受網(wǎng)頁(yè)布局的影響
2.1常見的網(wǎng)頁(yè)布局
現(xiàn)在的網(wǎng)頁(yè)布局雖然沒有明確的分類，但是網(wǎng)頁(yè)風(fēng)格類型卻是多種多樣的。
（1）大多數(shù)的網(wǎng)站選用國(guó)字型布局，這是最常見的一種布局，明確的主次關(guān)系
（。2）拐角型布局，這種布局是將一些相關(guān)信息的鏈接或者文字信息，放在網(wǎng)頁(yè)的左邊或者右邊，意思相似的內(nèi)容放在一起，可以使讀者一目了然
（。3）上下框架型布局，這種布局的特點(diǎn)是將網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容和中心標(biāo)題區(qū)分。
（4）封面型布局，這種布局的特點(diǎn)是在網(wǎng)站顯著的位置，設(shè)計(jì)引人注意的圖案或者是動(dòng)畫特效，點(diǎn)擊鏈接可以簡(jiǎn)單進(jìn)入相應(yīng)的界面。
2.2網(wǎng)頁(yè)布局的方法
網(wǎng)頁(yè)在設(shè)計(jì)之前是空白的，像是一張白紙，需要網(wǎng)頁(yè)設(shè)計(jì)者通過(guò)自身的想象力和創(chuàng)造能力，將一切元素組合到一起，然后具有自己的風(fēng)格。首先，網(wǎng)頁(yè)設(shè)計(jì)者要有獨(dú)特的構(gòu)思，要有一定的創(chuàng)意，創(chuàng)意的好壞直接影響設(shè)計(jì)的質(zhì)量，優(yōu)秀的創(chuàng)意可以在激烈的市場(chǎng)環(huán)境下勝出，可以給瀏覽者留下深刻的印象，并且與其他網(wǎng)站區(qū)別開。然后要將網(wǎng)頁(yè)的整體框架勾畫出來(lái)，把標(biāo)題和主要內(nèi)容先設(shè)計(jì)到網(wǎng)頁(yè)中，使大概的輪廓呈現(xiàn)出來(lái)。最后進(jìn)行細(xì)化，把具體內(nèi)容和圖形、動(dòng)畫等元素進(jìn)行規(guī)劃和設(shè)計(jì)，布局規(guī)劃要符合人們的瀏覽習(xí)慣。
3網(wǎng)頁(yè)設(shè)計(jì)中視覺元素的功能與審美性
3.1視覺元素的功能和審美性
網(wǎng)頁(yè)設(shè)計(jì)是指利用互聯(lián)網(wǎng)，可以將信息快速、準(zhǔn)確、簡(jiǎn)潔地傳達(dá)給用戶。審美是指通過(guò)視覺，欣賞、領(lǐng)會(huì)事物或藝術(shù)品的美。隨著網(wǎng)絡(luò)的普及，對(duì)網(wǎng)頁(yè)的要求越來(lái)越高，網(wǎng)頁(yè)設(shè)計(jì)的審美性也隨之產(chǎn)生。對(duì)于網(wǎng)頁(yè)的審美是指用戶對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的各個(gè)視覺元素的感受。網(wǎng)頁(yè)設(shè)計(jì)的文字、色彩和圖案等元素都應(yīng)遵照視覺美的規(guī)律，各元素之間要相互協(xié)調(diào)，突出內(nèi)容的主題，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素要有統(tǒng)一的風(fēng)格，并滿足人們的審美。
3.2網(wǎng)頁(yè)設(shè)計(jì)中視覺元素的功能和審美性的具體表現(xiàn)
人們對(duì)互聯(lián)網(wǎng)的應(yīng)用越來(lái)越頻繁，網(wǎng)絡(luò)已經(jīng)融入了生活中的方方面面，無(wú)論是工作還是學(xué)習(xí)都離不開網(wǎng)絡(luò)。通過(guò)網(wǎng)絡(luò)，可以實(shí)現(xiàn)資源共享、網(wǎng)絡(luò)檢索、網(wǎng)絡(luò)購(gòu)物，下載自己所需的資料等很多功能。在網(wǎng)頁(yè)設(shè)計(jì)上需要重點(diǎn)突出視覺性，方便用戶瀏覽到需要的內(nèi)容。而且，在網(wǎng)頁(yè)瀏覽內(nèi)容過(guò)程中，用戶可以發(fā)表自己的評(píng)論和觀點(diǎn)，對(duì)信息進(jìn)行反饋，使信息傳播變成雙向性。
3.3視覺元素在不同網(wǎng)站上的功能和審美性存在的差異
隨著電子商務(wù)的普及，在網(wǎng)絡(luò)上購(gòu)物已經(jīng)變成十分普遍，各種各樣的購(gòu)物網(wǎng)站相繼出現(xiàn)，但是大部分網(wǎng)頁(yè)結(jié)構(gòu)過(guò)于單調(diào)，顏色單一，對(duì)于重點(diǎn)并不突出。公共服務(wù)網(wǎng)站，存在較多的信息，統(tǒng)一的風(fēng)格，清晰的結(jié)構(gòu)，沒有過(guò)多的修飾，比較正式可信。個(gè)人網(wǎng)站顏色明亮，個(gè)性特點(diǎn)鮮明，富有活力。視覺元素應(yīng)用在不同類型的網(wǎng)站，給人們帶來(lái)的視覺體驗(yàn)是完全不相同的。
4結(jié)語(yǔ)
隨著電子信息化時(shí)代的到來(lái)，人們對(duì)于網(wǎng)頁(yè)設(shè)計(jì)中視覺元素的功能有所要求，對(duì)于美感的追求不斷加深，也提高了對(duì)于審美的標(biāo)準(zhǔn)。只有將各個(gè)視覺元素，通過(guò)創(chuàng)意進(jìn)行合理的布局和規(guī)劃，添加鮮明的色彩，給人們帶來(lái)視覺沖擊力，使人記憶猶新，才會(huì)在市場(chǎng)競(jìng)爭(zhēng)中取得勝利。
作者：阮翔 單位：國(guó)家新聞出版廣電總局831臺(tái)
