第一篇：網(wǎng)頁(yè)設(shè)計(jì)中FLASH的運(yùn)用論文

摘要：如今，F(xiàn)lash動(dòng)畫(huà)的科技取得越來(lái)越大的進(jìn)展，這導(dǎo)致其在Web網(wǎng)頁(yè)制作的領(lǐng)域里擁有更加寬泛的運(yùn)用。關(guān)于網(wǎng)頁(yè)的設(shè)計(jì)在各個(gè)網(wǎng)站中起到加強(qiáng)視覺(jué)體驗(yàn)的關(guān)鍵性作用，因此，為了讓網(wǎng)頁(yè)的效果越來(lái)越生動(dòng)化，越來(lái)越獲得用戶的關(guān)注，并加強(qiáng)和瀏覽用戶的互動(dòng)交流，就需要適宜的運(yùn)用Flash的科技。這篇文章為了向有關(guān)的鉆研提供參考，描述了Flash相關(guān)的科技，和它在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域里運(yùn)用的形式，以及建立網(wǎng)站時(shí)怎樣運(yùn)用Flash相關(guān)的科技和Flash科技的進(jìn)步過(guò)程。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；Flash科技；運(yùn)用

1Flash簡(jiǎn)要介紹

現(xiàn)階段，MacromediaFlash已經(jīng)在國(guó)際互聯(lián)網(wǎng)網(wǎng)頁(yè)的基于矢量的動(dòng)態(tài)畫(huà)面的文檔形式中得到大規(guī)模的運(yùn)用，它是用于多個(gè)媒體的開(kāi)發(fā)以及基于交互式的矢量圖的編輯軟件，擁有顯著的交互性、強(qiáng)大的跨越媒體性、低價(jià)的成本、比較小的存儲(chǔ)空間、比較好的視覺(jué)效果、勾線和上色的便利性、以及視頻流的便利性，這些都是其特有的性質(zhì)。當(dāng)前，在關(guān)于Web的每一個(gè)方面，如廣告的規(guī)劃、游戲的研發(fā)、網(wǎng)站頁(yè)面的設(shè)計(jì)等，有大規(guī)模的運(yùn)用了Flash技術(shù)，并且在較為傳統(tǒng)的方面，如商品的顯示、遠(yuǎn)程的教學(xué)、多個(gè)媒體和影視領(lǐng)域的視頻等，也都滲透了這一技術(shù)。

2網(wǎng)站設(shè)計(jì)領(lǐng)域里Flash的運(yùn)用

2.1網(wǎng)頁(yè)領(lǐng)域里Flash的顯著運(yùn)用形式

（1）交互特性。Flash加入了AS語(yǔ)言，并且占據(jù)的空間非常小，這些都讓它在交互方面表現(xiàn)良好，在早期這一特性即運(yùn)用在游戲和媒體廣告領(lǐng)域。第一，就交互性的廣告而言，僅僅利用圖和文字使瀏覽用戶全方位地認(rèn)識(shí)商品不能取得理想的結(jié)果。Flash可以讓瀏覽用戶站在更加立體化的角度認(rèn)識(shí)商品，并一邊娛樂(lè)一邊全方位地認(rèn)識(shí)商品，因?yàn)樗兄己玫慕换バ?，能夠把游戲和廣告無(wú)縫地融合。第二，就交互性的游戲而言，在一天的網(wǎng)頁(yè)瀏覽中間歇地放松是非常適宜的。Flash生產(chǎn)的游戲非常便于下載，并且占據(jù)的空間特別小，另一方面，它是基于矢量的，能夠全方位地生產(chǎn)出視覺(jué)效果良好的界面，并且考慮到AS語(yǔ)言的顯著功能，實(shí)現(xiàn)了大量的事項(xiàng)。Flash生產(chǎn)的游戲并沒(méi)有大型華麗游戲的感覺(jué)，甚至在游戲的性能方面不能同日而語(yǔ)。不過(guò)在下載的便利性方面，F(xiàn)lash游戲擁有絕對(duì)的優(yōu)勢(shì)，因此對(duì)于大量的白領(lǐng)這一寵愛(ài)群體，它更加適宜。另外，F(xiàn)lash能增添鏈接，這讓廣告的商家在游戲前后擁有大量的可以廣告空間。（2）顏色的轉(zhuǎn)換。顏色的轉(zhuǎn)換以及動(dòng)感的因素都可以降低瀏覽用戶的審美疲勞，要是Flash質(zhì)量高，這可以成為欣賞。沒(méi)有動(dòng)態(tài)效果的網(wǎng)頁(yè)中，出現(xiàn)的一直是圖和文字的靜態(tài)事物。盡管其畫(huà)面感可能很美，不過(guò)瀏覽用戶不會(huì)再次審閱圖像。如此導(dǎo)致新的圖像無(wú)法有期待的結(jié)果。最終使網(wǎng)站只在信息方面有用。但是其全方位的審美體驗(yàn)已經(jīng)不存在了。但是運(yùn)用Flash設(shè)計(jì)的網(wǎng)頁(yè)，每當(dāng)出現(xiàn)新的動(dòng)態(tài)畫(huà)面就會(huì)特別引起瀏覽者的注意，因?yàn)樗诰W(wǎng)頁(yè)界面上不停律動(dòng)。借此能利用Flash更理想的烘托網(wǎng)站界面的效果，同時(shí)不會(huì)給用戶帶來(lái)審美疲勞。但是就凸顯主題的性能而言，F(xiàn)lash一定占據(jù)所有圖像都沒(méi)有的完全優(yōu)勢(shì)，它更能稱為Flash用于宣傳的拓展。利用Flash把媒體廣告和網(wǎng)站的主題相互結(jié)合，能夠更加理想的使表現(xiàn)的主題向多元的方向發(fā)展，全方位地表現(xiàn)網(wǎng)站LOGO以及企業(yè)的觀念。

2.2Flash科技在建立網(wǎng)站領(lǐng)域里的運(yùn)用策略

要明確Flash科技在網(wǎng)站里面的比例，就必須站在顧客實(shí)體和建立網(wǎng)站的目的等多個(gè)角度去決策。一些網(wǎng)站利用整體Flash科技，一些只是在網(wǎng)站引領(lǐng)畫(huà)面中運(yùn)用，另一些根據(jù)網(wǎng)站的具體內(nèi)容彈性運(yùn)用Flash。比如基于信息搜索的網(wǎng)站，如果運(yùn)用過(guò)多的Flash動(dòng)態(tài)畫(huà)面就會(huì)造成本末倒置的反面效果；但是主要基于娛樂(lè)的網(wǎng)站則應(yīng)該較多的利用Flash達(dá)到交互的目的，這樣可以產(chǎn)生更多的樂(lè)趣，也能使用戶更好的認(rèn)同。（1）局部運(yùn)用。規(guī)劃網(wǎng)站頁(yè)面時(shí)，需要恰當(dāng)運(yùn)用Flash以顯示要凸顯的部分，這通?？梢允箖?nèi)容生動(dòng)有力，以很好的激起瀏覽用戶的注意。一部分網(wǎng)站的引領(lǐng)畫(huà)面以Flash動(dòng)態(tài)展現(xiàn)，一部分僅在要凸顯的成分中用Flash進(jìn)行規(guī)劃，例如在網(wǎng)頁(yè)里的Flash互動(dòng)、圖像顯示、導(dǎo)航欄目、形象顯示、廣告宣傳的畫(huà)面，和運(yùn)用Flash開(kāi)發(fā)的注冊(cè)及登錄的部分。需要強(qiáng)調(diào)的是利用的Flash不應(yīng)該過(guò)于花哨、雜亂，不然會(huì)導(dǎo)致不好的效果，讓用戶厭惡，最終阻礙網(wǎng)站的媒體傳播和拓展。（2）整體運(yùn)用。一部分網(wǎng)站，通過(guò)整站運(yùn)用Flash來(lái)展現(xiàn)特質(zhì)。單純運(yùn)用Flash的網(wǎng)站有著強(qiáng)大的動(dòng)態(tài)活力，其通常用于基于設(shè)計(jì)的企業(yè)，例如網(wǎng)游、設(shè)計(jì)、媒體傳播和廣告等領(lǐng)域。單純的Flash整站的體系由鏈接、導(dǎo)航欄目、游戲、媒體廣告、視頻、音頻、圖像、文字，和網(wǎng)站中的注冊(cè)、登錄等組成，這些都通過(guò)Flash設(shè)計(jì)并制作，基于Flash是動(dòng)態(tài)網(wǎng)站，有著自己的特性，為用戶帶來(lái)理想的視覺(jué)體驗(yàn)，激發(fā)用戶的興趣。

3Flash在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用進(jìn)展

Flash是現(xiàn)階段的全新設(shè)置和娛樂(lè)形式，在實(shí)際運(yùn)用方面很實(shí)用，另外可以感受聽(tīng)覺(jué)和視覺(jué)的體驗(yàn)，另外，它有很好的娛樂(lè)性，是很好的動(dòng)態(tài)畫(huà)面制造軟件，就視覺(jué)體驗(yàn)而言，比一般的網(wǎng)頁(yè)更有競(jìng)爭(zhēng)性，所以，在制造網(wǎng)絡(luò)的領(lǐng)域里得到寬泛的利用。開(kāi)始在網(wǎng)站的開(kāi)頭運(yùn)用，如今在網(wǎng)絡(luò)的公司商品的傳播中廣泛應(yīng)用。除此之外，電臺(tái)開(kāi)始播出利用Flash產(chǎn)生廣告以及短劇。作為最有利的一面，F(xiàn)lash在動(dòng)畫(huà)的基礎(chǔ)上增添樂(lè)曲就形成MTV。Flash擅長(zhǎng)制造互動(dòng)的多媒體，其制造的用于導(dǎo)航的畫(huà)面，伴著鼠標(biāo)的不同操作能制作聲音和動(dòng)態(tài)畫(huà)面。另外，可以讓網(wǎng)游更加引起用戶的注意。伴著動(dòng)態(tài)畫(huà)面在不同方面的持續(xù)性進(jìn)步，現(xiàn)在不能單單估量其未來(lái)的發(fā)展，不過(guò)可以堅(jiān)定它會(huì)活動(dòng)非凡的成就。如今我國(guó)特別強(qiáng)調(diào)動(dòng)畫(huà)產(chǎn)業(yè)，其中的新進(jìn)成員逐漸增多，可以期許該產(chǎn)業(yè)在未來(lái)的市場(chǎng)中能夠獲得更好的進(jìn)展的業(yè)績(jī)。

參考文獻(xiàn)：

[1]郝毛,雯沫.Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)技法范例[M].北京:清華大學(xué)出版社,2008.[2]潘麗.淺析Flash動(dòng)畫(huà)及Flash動(dòng)畫(huà)在網(wǎng)頁(yè)中的應(yīng)用[J].科園月刊,2010(17).

第二篇：flash網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)(論文)

遼寧警察學(xué)院畢業(yè)設(shè)計(jì)（論文）

Flash網(wǎng)頁(yè)設(shè)計(jì)

系： 高職計(jì)算機(jī)系 專業(yè)： 計(jì)算機(jī)應(yīng)用技術(shù) 學(xué)生： 陶帥帥 指導(dǎo)教師：楊 虹

完成日期：2017年4月3日

遼寧警察學(xué)院畢業(yè)設(shè)計(jì)（論文）

Flash網(wǎng)頁(yè)設(shè)計(jì)

總計(jì) 畢業(yè)設(shè)計(jì)（論文）表格 0表 插圖 24幅

頁(yè)

摘 要

本論文主要論述了本人所做畢業(yè)設(shè)計(jì)課題《Flash網(wǎng)頁(yè)設(shè)計(jì)》的技術(shù)背景、設(shè)計(jì)理念、概要設(shè)計(jì)、詳細(xì)設(shè)計(jì)以及最后效果展示等方面內(nèi)容，詳細(xì)的介紹了本人對(duì)于設(shè)計(jì)簡(jiǎn)單Flash網(wǎng)頁(yè)的一整套設(shè)計(jì)過(guò)程和相關(guān)技術(shù)難點(diǎn)的解決方法。

Flash設(shè)計(jì)網(wǎng)頁(yè)成為越來(lái)越多動(dòng)漫愛(ài)好者和非動(dòng)漫愛(ài)好者獲得信息和交流的平臺(tái)，它滿足了廣大用戶隨時(shí)隨地進(jìn)行交流和溝通的需要，為網(wǎng)上用戶提供交流場(chǎng)所，實(shí)現(xiàn)高效動(dòng)態(tài)信息交換，而網(wǎng)頁(yè)恰恰是由一個(gè)個(gè)小小的網(wǎng)頁(yè)集結(jié)而成，沒(méi)有網(wǎng)頁(yè)就沒(méi)有強(qiáng)大的網(wǎng)頁(yè)。現(xiàn)在雖然有很多動(dòng)漫網(wǎng)頁(yè)，但版面千篇一律，缺乏個(gè)性化、前瞻性，頁(yè)面設(shè)計(jì)混亂，不利于用戶查看，網(wǎng)頁(yè)的交互性比較差，因此我針對(duì)以上問(wèn)題為動(dòng)漫網(wǎng)頁(yè)設(shè)計(jì)一個(gè)個(gè)性化的動(dòng)漫網(wǎng)頁(yè)。關(guān)鍵詞：動(dòng)漫網(wǎng)頁(yè)，F(xiàn)lash

I

Abstract This paper mainly discusses the graduation design which I do the Anime Web Design Theme of technical background, design concept design, detailed design, summary and display effect etc, detailed introduces himself to design a simple Flash web design process and related technical difficulties in solving methods.Animation design website become more and more anime fans and the anime fans access to information and communication platform, it can meet the the needs of the masses of users communicate and communication anytime and anywhere, provide communication place for online users, efficient dynamic information exchange, and site is composed of little web pages gathering, no web, no powerful web site.Although there are a lot of DongManWang stand now, but the layout of the same, the lack of personalized, prospective, page design, unfavorable to the user to see, website interactivity is poorer, so I have to solve above problems as DongManWang station design a personalized anime web pages.Key words: Web Design；Flash；Flash web design

II

目錄

前 言..............................................................................................................................1 第1章 概述..................................................................................................................2

1.1 Flash軟件的介紹.........................................................................................2 1.1.1Flash的歷史.......................................................................................4 1.2 Flash軟件的特點(diǎn).........................................................................................4 1.2.1普通網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn).........................................................................4 1.2.2Flash網(wǎng)頁(yè)...........................................................................................5 第2章 網(wǎng)頁(yè)設(shè)計(jì)的開(kāi)發(fā)工具與開(kāi)發(fā)語(yǔ)言..................................................................7

2.1 網(wǎng)頁(yè)使用的開(kāi)發(fā)工具.....................................................................................7 2.1.1Macromedia Flash 8.0 Pro..............................................................7 2.1.2Adobe Photoshop CS2........................................................................7 2.2 網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言.................................................................................................7 第3章 Flash網(wǎng)頁(yè)設(shè)計(jì)中的各種技術(shù)解析................................................................9

3.1 主頁(yè)界面設(shè)計(jì)解析.........................................................................................9 3.1.1Flash網(wǎng)頁(yè)加載時(shí)的進(jìn)度條設(shè)計(jì)..........................................................9 3.1.2網(wǎng)頁(yè)LOGO與站點(diǎn)設(shè)計(jì)...................................................................10 3.1.3網(wǎng)頁(yè)導(dǎo)航條的設(shè)計(jì).............................................................................10 3.1.4進(jìn)入主頁(yè)界面前動(dòng)態(tài)效果設(shè)計(jì).........................................................12 3.1.5進(jìn)入主頁(yè)時(shí)的音效設(shè)置.....................................................................13 3.2 “賞漫軟件”Flash子頁(yè)面設(shè)計(jì)......................................................................14 3.2.1“賞漫軟件”目錄的制作..................................................................14 3.2.2賞漫軟件的圖片文字介紹部分制作.................................................15 3.3 “精品動(dòng)漫”Flash子頁(yè)面設(shè)計(jì)......................................................................15 3.4 “酷站導(dǎo)航”Flash子頁(yè)面設(shè)計(jì)......................................................................17 3.5 “酷炫漫畫(huà)”Flash子頁(yè)面設(shè)計(jì)......................................................................18 3.6 “關(guān)于作品”Flash子頁(yè)面設(shè)計(jì)......................................................................19 結(jié)論..............................................................................................................................20 致謝..............................................................................................................................21 參考文獻(xiàn)......................................................................................................................22 III

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

前 言

世界因Internet的出現(xiàn)而在逐步改變，網(wǎng)絡(luò)經(jīng)濟(jì)雛形因此而形成，由于Internet具有信息容量大、方便迅速、形態(tài)多樣、覆蓋全球等特點(diǎn)，直至今日已發(fā)展成為信息傳播的主要載體，所以幾乎全球的各個(gè)企業(yè)、機(jī)構(gòu)紛紛建立自己的web站點(diǎn)。Internet信息資源龐大、圖文互動(dòng)、高速高效的特點(diǎn)給傳統(tǒng)設(shè)計(jì)媒體帶來(lái)了巨大的沖擊，再加上網(wǎng)絡(luò)經(jīng)濟(jì)對(duì)設(shè)計(jì)行業(yè)的影響，由此而產(chǎn)生了一個(gè)新的設(shè)計(jì)領(lǐng)域--網(wǎng)頁(yè)設(shè)計(jì)。

Flash產(chǎn)業(yè)作為我國(guó)發(fā)展中的產(chǎn)業(yè)，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的發(fā)展推動(dòng)了該產(chǎn)業(yè)的傳播，使得各類Flash網(wǎng)頁(yè)紛紛崛起，為廣大Flash愛(ài)好者帶來(lái)了諸多便利。

本課題設(shè)計(jì)的是一個(gè)以Flash設(shè)計(jì)為主題的網(wǎng)頁(yè)設(shè)計(jì)，以信息發(fā)布、分享為主要的。通過(guò)發(fā)布一些關(guān)于Flash的信息、圖片和Flash等為有同樣喜好的人們提供一個(gè)分享的空間。同時(shí)訪客用戶可以在網(wǎng)頁(yè)中的劇情交流上發(fā)表自己的看法以及可供共享的信息，使人們?cè)讷@取信息的同時(shí)，還可以發(fā)表自己的感受。在如今網(wǎng)絡(luò)高速發(fā)展的時(shí)代，發(fā)布信息與分享興趣已成為大多網(wǎng)頁(yè)設(shè)計(jì)的主要目的。

Flash網(wǎng)頁(yè)設(shè)計(jì)

第1章 概述

Flash網(wǎng)頁(yè)設(shè)計(jì)是指用用Flash軟件制作的網(wǎng)頁(yè)，網(wǎng)頁(yè)內(nèi)容多數(shù)甚至全部是Flash。全Flash網(wǎng)頁(yè)基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁(yè)等。

在因特網(wǎng)飛速發(fā)展的今天，多姿多彩的網(wǎng)絡(luò)頁(yè)面總是讓我們目不暇接，創(chuàng)建富有個(gè)性的個(gè)人主頁(yè)更是每一個(gè)網(wǎng)絡(luò)愛(ài)好者的夢(mèng)想。作為一個(gè)優(yōu)秀的多媒體網(wǎng)頁(yè)設(shè)計(jì)平臺(tái)，F(xiàn)lash從眾多的網(wǎng)頁(yè)設(shè)計(jì)軟件中脫穎而出，成為大多數(shù)網(wǎng)絡(luò)愛(ài)好者設(shè)計(jì)網(wǎng)頁(yè)的首選工具。能夠?yàn)榇蠖鄶?shù)人所認(rèn)同的東西總有它的獨(dú)特之處，F(xiàn)lash正是以其獨(dú)特的魅力征服了網(wǎng)絡(luò)發(fā)燒友。

首先，F(xiàn)lash的一個(gè)很重要的特點(diǎn)是創(chuàng)建的文件體積很小，F(xiàn)lash是完全基于矢量的Flash處理技術(shù)，而矢量圖形就是用少量的向量數(shù)據(jù)來(lái)描述一個(gè)復(fù)雜的對(duì)象，存儲(chǔ)時(shí)只占很小的空間，而且圖像的質(zhì)量也很高。想必許多網(wǎng)友們也曾對(duì)自己掛在網(wǎng)上的一些Flash作品的體積擔(dān)心，那么，用Flash來(lái)創(chuàng)建網(wǎng)絡(luò)Flash作品也正是我們的首選。

其次，F(xiàn)lash使用的是插件的工作方式，用戶只要安裝一次插件，以后就可以快速啟動(dòng)并觀看Flash，而不必像Java那樣，每次都要花費(fèi)大量的時(shí)間啟動(dòng)虛擬機(jī)。

再次，F(xiàn)lash動(dòng)漫采用的是“流式”的Flash播放技術(shù)，用戶不必等到Flash下載完全再去欣賞，而是一邊下載一邊欣賞。

最后，F(xiàn)lash簡(jiǎn)單易學(xué)，盡管它不能像一門(mén)高級(jí)語(yǔ)言一樣進(jìn)行編程，但功能還是很廣泛的。使用內(nèi)置的ActionScript語(yǔ)句結(jié)合JavaScript，也可以制作出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)

1.1 Flash軟件的介紹

Flash是美國(guó)Macromedia公司所設(shè)計(jì)的一種二維矢量動(dòng)畫(huà)軟件（現(xiàn)Adobe公司產(chǎn)品），用于設(shè)計(jì)和編輯Flash文檔，最新版本為：Animate CC 2015.5。Flash通常也指Macromedia Flash Player（現(xiàn)Adobe Flash Player），用于播放Flash文檔。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

檔案格式:

圖1-1影片檔

“swf ”這是一個(gè)完整的影片檔，無(wú)法被編輯。有時(shí)會(huì)被念做“swiff”。Swf在發(fā)布時(shí)可以選擇保護(hù)功能，如果沒(méi)有選擇，很容易被別人輸入到他的原始檔中使用。然而保護(hù)功能依然阻擋不了為數(shù)眾多的破解軟件，有不少閃客專門(mén)以此來(lái)學(xué)習(xí)別人的程序代碼和設(shè)計(jì)方式。

圖1-2原始檔

“fla ”是Flash的原始檔，只能用Macromedia Flash打開(kāi)編輯或Adobe Flash CS3及更高版本打開(kāi)編輯

Actionscript是一種程序語(yǔ)言的簡(jiǎn)單文本文件.FLA檔案能夠直接包含Actionscript, 但是也可以把它存成AS檔做為外部連結(jié)檔案(如定義ActionScript類則必須在寫(xiě)在as文件里,再通過(guò)import加入類)，以方便共同工作和更進(jìn)階的程序修改。

Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡(jiǎn)單的Flash、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 Flash 創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的Flash。您也可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 Flash 應(yīng)用程序。

Flash 特別適用于創(chuàng)建通過(guò) Internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ　lash 是通過(guò)廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來(lái)表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來(lái)表示。

Flash網(wǎng)頁(yè)設(shè)計(jì)

1.1.1Flash的歷史

Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫(huà)的標(biāo)準(zhǔn)，由Adobe公司收購(gòu)。做Flash動(dòng)畫(huà)的人被稱之為閃客。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。Flash的前身是Future Wave公司的Future Splash，是世界上第一個(gè)商用的二維矢量動(dòng)畫(huà)軟件，用于設(shè)計(jì)和編輯Flash文檔。1996年11月，美國(guó)Macromedia公司收購(gòu)了Future Wave，并將其改名為Flash。后又于2005年12月3日被Adobe公司收購(gòu)。Flash通常也指Macromedia Flash Player（現(xiàn)Adobe Flash Player）。2012年8月15日，F(xiàn)lash退出Android平臺(tái)，正式告別移動(dòng)端。2015年12月1日，Adobe將動(dòng)畫(huà)制作軟件Flash professional CC2015升級(jí)并改名為Animate CC 2015.5。

Flash的過(guò)去無(wú)疑是異常輝煌的，然而它的現(xiàn)在和將來(lái)卻飽受非議。在移動(dòng)互聯(lián)網(wǎng)和Html5的強(qiáng)烈沖擊之下，F(xiàn)lash在網(wǎng)頁(yè)方面的應(yīng)用逐漸衰退，如今已經(jīng)很難再看到純正的Flash整站了。有人因此斷言Flash已經(jīng)成為一種“過(guò)時(shí)”的、“應(yīng)被拋棄”的技術(shù)，更有人提出“Flash將死”的預(yù)言。然而，換一種客觀的眼光來(lái)看現(xiàn)實(shí)情形，就會(huì)發(fā)現(xiàn)Flash并未完全衰退，在網(wǎng)頁(yè)游戲、互動(dòng)設(shè)計(jì)、媒體應(yīng)用、教育課件等領(lǐng)域，仍然能夠看到Flash異?；钴S的身影。在動(dòng)畫(huà)效果的流暢性、互動(dòng)設(shè)計(jì)的便捷性、代碼開(kāi)發(fā)的簡(jiǎn)易性、程序應(yīng)用的廣泛性等方面，目前還沒(méi)有任何一款軟件能夠與Flash相比擬。因此，也有許多開(kāi)發(fā)者認(rèn)為Flash還“大有可為”。無(wú)論Flash的未來(lái)何去何從，在當(dāng)下，它仍然是一門(mén)值得所有人認(rèn)真學(xué)習(xí)的技術(shù)。特別是對(duì)于有志成為網(wǎng)頁(yè)設(shè)計(jì)師的學(xué)習(xí)者而言，F(xiàn)lash更是一門(mén)必修課。

1.2 Flash軟件的特點(diǎn)

1.2.1普通網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)

網(wǎng)頁(yè)設(shè)計(jì)要注意的兩個(gè)要點(diǎn)：整體風(fēng)格和色彩搭配。

1、確定網(wǎng)頁(yè)的整體風(fēng)格

網(wǎng)頁(yè)的整體風(fēng)格及其創(chuàng)意設(shè)計(jì)是最難以學(xué)習(xí)的。難就難在沒(méi)有一個(gè)固定的模式可以參照和模仿。給你一個(gè)主題，任何兩人都不可能設(shè)計(jì)出完全一樣的網(wǎng)頁(yè)。

風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、4

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的。這些都是網(wǎng)頁(yè)給人們留下的不同感受。

在這里，我提供給大家一些參考經(jīng)驗(yàn)：

(1)將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置。(2)突出你的標(biāo)準(zhǔn)色彩。

(3)總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！

(4)相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)頁(yè)中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！

2、網(wǎng)頁(yè)色彩的搭配

無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。當(dāng)我們距離顯示屏較遠(yuǎn)的時(shí)候，我們看到的不是優(yōu)美的版式或美麗的圖片，而是網(wǎng)頁(yè)的色彩。

關(guān)于色彩的原理有許多，在此我們不可能一一闡述，大家可以看看相關(guān)設(shè)計(jì)書(shū)籍，有利于系統(tǒng)地理解。在此我們僅僅想告訴大家一些網(wǎng)頁(yè)配色時(shí)的小技巧。

(1)用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。

(2)用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

(3)用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

3、在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：

(1)不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。

(2)背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

1.2.2Flash網(wǎng)頁(yè)

Flash網(wǎng)頁(yè)具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁(yè)基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁(yè)等。

制作全Flash網(wǎng)頁(yè)和制作Html網(wǎng)頁(yè)類似，事先應(yīng)先在紙上畫(huà)出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁(yè)的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格的音樂(lè)、整個(gè)網(wǎng)頁(yè)可以分成幾個(gè)邏輯塊、各個(gè)邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁(yè)的前期

Flash網(wǎng)頁(yè)設(shè)計(jì)

部分等等，都應(yīng)在考慮范圍之內(nèi)。

實(shí)現(xiàn)全Flash網(wǎng)頁(yè)效果多種多樣，但基本原理是相同的：將主場(chǎng)景作為一個(gè)“舞臺(tái)”，這個(gè)舞臺(tái)提供標(biāo)準(zhǔn)的長(zhǎng)寬比例和整個(gè)的版面結(jié)構(gòu)，“演員”就是網(wǎng)頁(yè)子欄目的具體內(nèi)容，根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會(huì)再派生出更多的子欄目。主場(chǎng)景作為“舞臺(tái)”基礎(chǔ)，基本保持自身的內(nèi)容不變，其它“演員”身份的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場(chǎng)景內(nèi)。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

第2章 網(wǎng)頁(yè)設(shè)計(jì)的開(kāi)發(fā)工具與開(kāi)發(fā)語(yǔ)言

2.1 網(wǎng)頁(yè)使用的開(kāi)發(fā)工具

2.1.1Macromedia Flash 8.0 Pro Macromedia Flash 8.0 Pro相對(duì)于Macromedia Flash MX 2004增強(qiáng)了為移動(dòng)設(shè)備開(kāi)發(fā)的功能,方便創(chuàng)建Flash Web增強(qiáng)的網(wǎng)絡(luò)視頻。雖然有更高的版本，但是Macromedia Flash 8.0 Pro仍是現(xiàn)在最主流的Flash制作軟件，配合其內(nèi)置的ActionScript 2.0能夠完美實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)中所需要的各種動(dòng)態(tài)效果和交互效果，而我此次所做的Flash網(wǎng)站就是在Macromedia Flash 8.0 Pro的環(huán)境下制作。

新版本的Flash 8中引入了幾種高級(jí)技術(shù):實(shí)時(shí)渲染濾鏡、運(yùn)行時(shí)位圖緩沖、FlashType字體渲染引擎、自定義淡入淡出功能、改進(jìn)的視頻播放組件、增強(qiáng)的文本工具、增強(qiáng)的描邊屬性、高級(jí)漸變控制。其中一種非常棒的技術(shù)是，Macromedia減輕了Flash Player 8的渲染工作，在Flash文件中使用標(biāo)簽，F(xiàn)lash Player 8現(xiàn)在可以在用戶與Flash文件交互時(shí)實(shí)時(shí)渲染濾鏡。這意味著Macromedia已經(jīng)能夠合并內(nèi)建的濾鏡效果，象陰影、模糊、內(nèi)外發(fā)光、倒角、漸變倒角、顏色調(diào)整，以獲得更豐富的用戶體驗(yàn)。這些濾鏡或可視效果能夠被應(yīng)用到影片剪輯(MovieClips)和文本域，當(dāng)在網(wǎng)頁(yè)中運(yùn)行時(shí)，通過(guò)播放器渲染并顯現(xiàn)出來(lái)。2.1.2Adobe Photoshop CS2 作為Adobe公司出品的最出色的圖形圖像處理軟件，Photoshop以其強(qiáng)大的功能向我們證明著它的名至實(shí)歸。在falsh網(wǎng)頁(yè)設(shè)計(jì)時(shí)一些圖片素材如背景圖片、按鈕、LOGO等在載入Flash庫(kù)前有必要用Photoshop做適當(dāng)?shù)奶幚?2.2 網(wǎng)頁(yè)開(kāi)發(fā)語(yǔ)言

Html（Hyper Text Markup Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，它是一種計(jì)算機(jī)程序語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要內(nèi)容。

Html文件是用ASCLL代碼編寫(xiě)成的，可以保存為最簡(jiǎn)單的TXT文本文件，F(xiàn)lash網(wǎng)頁(yè)設(shè)計(jì)

這樣用任何一個(gè)文字處理軟件都可以進(jìn)行編寫(xiě)，這也是他能夠迅速迅速普及，并十分受歡迎的一個(gè)原因。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

第3章 Flash網(wǎng)頁(yè)設(shè)計(jì)中的各種技術(shù)解析

3.1 主頁(yè)界面設(shè)計(jì)解析

3.1.1Flash網(wǎng)頁(yè)加載時(shí)的進(jìn)度條設(shè)計(jì)

(1)新建Flash文檔index.fla，設(shè)置舞臺(tái)的大小為550*550像素，設(shè)置背景的顏色為#786e28。

(2)建立進(jìn)度條設(shè)計(jì)主要是幫助觀察Flash網(wǎng)頁(yè)載入的進(jìn)度，建立進(jìn)度條設(shè)計(jì)樣式如圖3-1，時(shí)間軸上各層設(shè)計(jì)如圖3-2。

圖3-1進(jìn)度條

圖3-2進(jìn)度條在時(shí)間軸上各層

Actions：幀1代碼： total = _root.getBytesTotal();loaded = _root.getBytesLoaded();baifenshu = int((loaded/total)*100);baifenbi = baifenshu+“%”;setProperty(“jindutiao”, _xscale, baifenshu);Actions：幀2代碼：

Flash網(wǎng)頁(yè)設(shè)計(jì)

if(baifenshu == 100){

gotoAndPlay(4);} else { gotoAndPlay(1);} 3.1.2網(wǎng)頁(yè)LOGO與站點(diǎn)設(shè)計(jì)

網(wǎng)頁(yè)LOGO設(shè)計(jì)：

(1)新建圖形元件“元件42”。

(2)利用矩形工具建立一個(gè)白色矩形，在矩形正中建立一稍小些的背景色矩形形成白色矩形框。

(3)利用任意變形工具將白色矩形框變形成為白色平行四邊形框。用線條工具進(jìn)行分割裁剪，旋轉(zhuǎn)變換得到要設(shè)計(jì)的網(wǎng)頁(yè)LOGO。（如圖3-3）

圖3-3 logo展示圖

3.1.3網(wǎng)頁(yè)導(dǎo)航條的設(shè)計(jì)

(1)新建圖形元件“元件22”（如圖3-4），作為導(dǎo)航條背景。

圖3-4導(dǎo)航條背景

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

(2)建立6個(gè)圖形元件分別在各元件中設(shè)計(jì)各導(dǎo)航按鈕文字，字體樣式雅黑，字號(hào)12，顏色黑色，分別載入各影片剪輯做出動(dòng)態(tài)效果，對(duì)應(yīng)每個(gè)影片剪輯做一個(gè)與影片剪輯等大的按鈕，按鈕與影片剪輯放于不同層疊加在一起均勻排列與導(dǎo)航條上（如圖3-5）。

圖3-5導(dǎo)航按鈕

(3)給每個(gè)按鈕附加動(dòng)作。（如圖3-6）

圖3-6按鈕b1動(dòng)作目錄

代碼如下： 圖層4：幀1： stop();元件11： on(rollOver){ } on(press){

} 元件11： on(rollOut){

gotoAndPlay(1);

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

gotoAndPlay(2);11

Flash網(wǎng)頁(yè)設(shè)計(jì)

} on(press){

} 圖層4：幀9： Stop（）； 元件11： on(rollOut){ } on(press){

} 3.1.4進(jìn)入主頁(yè)界面前動(dòng)態(tài)效果設(shè)計(jì)

(1)新建圖形元件“元件29”，創(chuàng)建長(zhǎng)條圖行，作為三個(gè)小窗口推薦酷站、本站作品、站內(nèi)更新的上框（如圖3-7）。建立三個(gè)圖形元件分別制作各個(gè)小窗口的名稱（如圖3-8）。

圖3-7小窗口的上框 圖3-8小窗口的名稱

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

gotoAndPlay(1);

tellTarget(“/”){

}

loadMovieNum(“index101.swf”, 100);

(2)新建圖像元件，在其上創(chuàng)建與小窗口等大的白色和背景色的矩形色塊，在不同圖層中各小窗口的上框和窗體依次在時(shí)間軸上載入并做形狀補(bǔ)間Flash（如圖3-9）。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

圖3-9小窗口動(dòng)態(tài)載入效果時(shí)間軸設(shè)置

(3)導(dǎo)航條、網(wǎng)頁(yè)頭尾的圖片條以相同方式在時(shí)間軸上依次載入并做形狀補(bǔ)間效果（如圖3-10），就可以完全載入主頁(yè)界面獲得完整的主頁(yè)框架界面。

圖3-10導(dǎo)航條、網(wǎng)頁(yè)頭尾的圖片動(dòng)態(tài)載入效果時(shí)間軸設(shè)置

3.1.5進(jìn)入主頁(yè)時(shí)的音效設(shè)置

(1)挑選合適的音效載入庫(kù)中。

(2)選擇適當(dāng)?shù)囊粜砑拥綍r(shí)間軸上的適當(dāng)位置（如圖3-11），使動(dòng)態(tài)效果更具表現(xiàn)力。

圖3-11在時(shí)間軸上添加聲音效果

主頁(yè)框架界面到現(xiàn)在已經(jīng)基本上設(shè)計(jì)完成了，主頁(yè)框架界面為一個(gè)獨(dú)立的Flash文檔，發(fā)布之后形成index.swf文件。此外，我們還要針對(duì)各個(gè)導(dǎo)航卡設(shè)計(jì)其對(duì)應(yīng)的swf文件，各swf文件之間通過(guò)as代碼連接形成一個(gè)整體，則構(gòu)成了本Flash網(wǎng)頁(yè)的主體結(jié)構(gòu)，再通過(guò)as代碼連接一些必要的網(wǎng)頁(yè)就構(gòu)成了一個(gè)完整

Flash網(wǎng)頁(yè)設(shè)計(jì)

Flash網(wǎng)頁(yè)。以下幾章我將對(duì)各個(gè)導(dǎo)航卡所對(duì)應(yīng)的.swf文件及它們所鏈接的網(wǎng)頁(yè)頁(yè)面的制作做進(jìn)一步的詳細(xì)說(shuō)明。

3.2 “賞漫軟件”Flash子頁(yè)面設(shè)計(jì)

3.2.1“賞漫軟件”目錄的制作

“賞漫軟件”子頁(yè)面載入效果和“迷你游戲”子頁(yè)面相仿不再贅述。賞漫軟件目錄的制作大體上與游戲目錄相仿，所不同的是不需要轉(zhuǎn)換和滑動(dòng)，也就比游戲目錄要好做多，同時(shí)目錄中軟件按鈕的制作也和游戲目錄中按鈕一樣，再此不在贅述目錄和按鈕的制作方法。我們來(lái)看一下做好的目錄的大概形狀樣式（如圖3-12），用以上做目錄的經(jīng)驗(yàn)可以輕松做好。

按鈕附加動(dòng)作代碼： on(press){

} unloadMovieNum(3);loadMovieNum(“此處最好填所連接swf文件的相對(duì)位置”, 2);

圖3-12軟件目錄樣式

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

3.2.2賞漫軟件的圖片文字介紹部分制作

該部分是以一個(gè)小的swf文件單獨(dú)存在的，在點(diǎn)擊軟件按鈕時(shí)會(huì)載入相應(yīng)的swf文件在界面的適當(dāng)位置。

接下來(lái)我們來(lái)做一下這個(gè)小swf文件，就那ACDSee圖片瀏覽軟件所對(duì)應(yīng)的swf文件來(lái)說(shuō)明吧。

（1）新建空白fla文件，命名.fla。將通過(guò)Photoshop設(shè)計(jì)好ACDSee軟件的圖片素材，載入到s2庫(kù)中。并生成影片剪輯。以影片剪輯動(dòng)態(tài)效果實(shí)現(xiàn)是通過(guò)逐幀F(xiàn)lash方式完成的（如圖3-13至3-14）

圖3-13本影片剪輯動(dòng)態(tài)效果的時(shí)間軸設(shè)置

圖3-14本影片剪輯動(dòng)態(tài)效果

3.3 “精品動(dòng)漫”Flash子頁(yè)面設(shè)計(jì)

“精品動(dòng)漫”Flash子頁(yè)面是一個(gè)與前幾個(gè)子頁(yè)面略有不同的子頁(yè)面，頁(yè)面的設(shè)計(jì)風(fēng)格與前幾個(gè)頁(yè)面有些許差異，不規(guī)則的背景使得頁(yè)面整體顯得翹起生動(dòng)。（如圖3-15）子頁(yè)面載入動(dòng)態(tài)效果及顯示出動(dòng)漫按鈕前的動(dòng)態(tài)效果在前面都有涉及不在贅述。

Flash網(wǎng)頁(yè)設(shè)計(jì)

圖3-15“精品動(dòng)漫”Flash子頁(yè)面

（1）新建空白fla文件，命名為index003。將通過(guò)Photoshop設(shè)計(jì)好Flash按鈕圖片素材，大小50*50像素，載入到index003庫(kù)中。

（2）新建圖形元件，將圖片載入圖形元件中并在圖片上面覆蓋一層多半透明的與圖片等大的色塊。（如圖3-16）

圖3-16圖像上覆蓋了透明色塊的圖形元件

（3）將圖像元件做成按鈕，按鈕元件第一幀是將該圖形元件透明度略調(diào)高一些（如圖3-17），在第二三幀恢復(fù)正常（如圖3-18）。

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

圖3-17按鈕第一幀

圖3-18按鈕第二三幀

（4）給每個(gè)按鈕附加動(dòng)作代碼以連接到要播放的swf文件。代碼如下： on(press){

} tellTarget(“/”){ } loadMovieNum(“xinFlash9.swf”, 2);3.4 “酷站導(dǎo)航”Flash子頁(yè)面設(shè)計(jì)

目錄的制作、按鈕的制作、子頁(yè)面載入動(dòng)態(tài)效果及顯示目錄時(shí)的動(dòng)態(tài)效果等在前面都有涉及不在贅述。這里僅提供該子網(wǎng)頁(yè)設(shè)計(jì)好后的最后效果。（如圖3-19）

Flash網(wǎng)頁(yè)設(shè)計(jì)

圖3-19“酷站導(dǎo)航”子網(wǎng)頁(yè)設(shè)計(jì)好后的效果

其中各個(gè)網(wǎng)頁(yè)按鈕附加動(dòng)作的代碼為： on(press){ } 其中對(duì)網(wǎng)頁(yè)的圖片展示和介紹部分同“賞漫軟件”子頁(yè)面中的小swf文件制作方法一致，可仿照其制作不再贅述。loadMovieNum(“需要讀取的swf文件的相對(duì)url地址”, 2);3.5 “酷炫漫畫(huà)”Flash子頁(yè)面設(shè)計(jì)

絕大部分和“賞漫軟件”子頁(yè)面中的設(shè)計(jì)保持一致，只是按鈕需要重新制作，右側(cè)的圖片展示部分也沒(méi)太多的改變，完全可以仿照其設(shè)計(jì)制作不再贅述。再次提供該子網(wǎng)頁(yè)設(shè)計(jì)好后的最后效果。（如圖3-20）

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

圖3-20“酷炫漫畫(huà)”子網(wǎng)頁(yè)設(shè)計(jì)好后的效果

3.6 “關(guān)于作品”Flash子頁(yè)面設(shè)計(jì)

本網(wǎng)頁(yè)就只有一個(gè)文字面板，文字面板的設(shè)計(jì)和其他頁(yè)面中目錄的設(shè)計(jì)比較相似，都是先在圖形元件中設(shè)計(jì)好其輪廓和背景，再在時(shí)間軸上通過(guò)形狀、亮度、透明度改變進(jìn)行形狀補(bǔ)間最終獲得文字面板（如圖3-21）。再次提供該子網(wǎng)頁(yè)設(shè)計(jì)好后的最后效果。（如圖3-22）

圖3-21文字面板設(shè)計(jì)在時(shí)間軸上的設(shè)置

圖3-22“關(guān)于作品”子網(wǎng)頁(yè)設(shè)計(jì)好后的效果

Flash網(wǎng)頁(yè)設(shè)計(jì)

結(jié)論

Flash網(wǎng)頁(yè)具有設(shè)計(jì)精美，擁有更多聲效、Flash、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)頁(yè)基本以圖形和Flash為主，所以比較適合做那些文字內(nèi)容不太多，以平面、Flash效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)頁(yè)等。

制作全Flash網(wǎng)頁(yè)和制作Html網(wǎng)頁(yè)類似，事先應(yīng)先在紙上畫(huà)出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)頁(yè)的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格的音樂(lè)、整個(gè)網(wǎng)頁(yè)可以分成幾個(gè)邏輯塊、各個(gè)邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)頁(yè)的前期部分等等，都應(yīng)在考慮范圍之內(nèi)。

因?yàn)楸救怂接邢?，雖然已從很多方面進(jìn)行闡述和講解，但終究是不能十全十美的，理論與實(shí)際永遠(yuǎn)是有距離的。希望能在今后的學(xué)習(xí)和工作中能不斷完善、進(jìn)步！

遼寧警察學(xué)院高職計(jì)算機(jī)畢業(yè)設(shè)計(jì)（論文）

致謝

畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝楊虹老師的大力幫助和支持，感謝我的同學(xué)和朋友，在我遇到各種各樣復(fù)雜問(wèn)題的時(shí)候，給予我鼓勵(lì)和幫助，使我分析問(wèn)題和解決問(wèn)題能力有了很大提高

本論文是在楊虹老師的悉心指導(dǎo)下完成的。楊虹老師淵博的專業(yè)知識(shí)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無(wú)華、平易近人的人格魅力對(duì)我影響深遠(yuǎn)。不僅使我樹(shù)立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)，還使我明白了許多待人接物與為人處世的道理。所有這一切都將成為我受益終生的寶貴財(cái)富!本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。在此，我向?qū)煴硎境绺叩木匆夂陀芍缘母兄x！我在研究思想方法上得到了啟發(fā)，并且在工作中采用他們的部分研究成果與資料。盡管與他們?yōu)槲腋冻龅囊磺邢啾?，所有的語(yǔ)言都顯得蒼白無(wú)力，但我仍要真誠(chéng)地說(shuō)聲:謝謝!感謝三年來(lái)各位老師和同學(xué)對(duì)我學(xué)習(xí)、生活的關(guān)心和幫助。在論文即將完成之際，我的心情久久無(wú)法平靜，從開(kāi)始進(jìn)入課題到論文的順利完成，有多少可敬的師長(zhǎng)、同學(xué)、朋友給予了我無(wú)言的幫助，在這里請(qǐng)接受我誠(chéng)摯的謝意！

最后感謝我的母?！|寧警察學(xué)院三年來(lái)對(duì)我的栽培。畢業(yè)設(shè)計(jì)完成之際，我由衷地感謝論文指導(dǎo)老師的大力幫助和支持，感謝熱心的同學(xué)與朋友，在我遇到種各樣復(fù)雜問(wèn)題的時(shí)候，給予我鼓勵(lì)和幫助。

Flash網(wǎng)頁(yè)設(shè)計(jì)

參考文獻(xiàn)

[1]向玫玫,林強(qiáng)，馬杰，薛雅娟,王亞冰，范文南.Flash設(shè)計(jì)(21世紀(jì)全國(guó)普通高等院校美術(shù)藝術(shù)設(shè)計(jì)專業(yè)十二五精品課程規(guī)劃教材)，遼寧美術(shù)出版社，2014.04.[2]李錫澤，王喆.《Flash動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)》，武漢大學(xué)出版社,2015年.[3]劉歡.《Flash ActionScript 3.0交互設(shè)計(jì)200例》，人民郵電出版社，2015.05.[4]劉斌.基于Flash的課件制作與應(yīng)用[J]，科技廣場(chǎng)，2012(7).P102-P103.[5]莫仲心.淺談Flash動(dòng)畫(huà)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].信息通信.2012(1).P135-P136.22

第三篇：網(wǎng)頁(yè)設(shè)計(jì)論文

網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)課程論文

摘要:隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國(guó)網(wǎng)絡(luò)人口的日益增長(zhǎng)，建立個(gè)人網(wǎng)站，不但可以更好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力,網(wǎng)站越發(fā)普及，網(wǎng)站建設(shè)也有新的要求,網(wǎng)站已發(fā)展為一種工具，一個(gè)企業(yè)對(duì)外信息展示的工具.以前網(wǎng)站上常見(jiàn)的大幅圖片，長(zhǎng)達(dá)幾十鐘的flash動(dòng)畫(huà)，已悄然而逝，瀏覽者再也不用為了查找一些信息而必須等待動(dòng)畫(huà)的時(shí)間，可以簡(jiǎn)單方便的找到自己想要的東西，是瀏覽者主要的目的，也是網(wǎng)站設(shè)計(jì)時(shí)應(yīng)該考慮的問(wèn)題。以前只是一味的追求網(wǎng)站的外觀，其實(shí)網(wǎng)站是一個(gè)公司的對(duì)外信息窗口，因此在考慮美觀的同時(shí)也得考慮瀏覽者的感受，如有些色調(diào)是很亮麗，但是這些過(guò)于亮的色彩看的時(shí)間長(zhǎng)了會(huì)讓你的眼睛不舒服，這樣瀏覽的人就不會(huì)長(zhǎng)時(shí)間在網(wǎng)站上逗留，網(wǎng)站沒(méi)把公司的信息完全的傳達(dá)給客戶． 關(guān)鍵詞：網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)發(fā)展趨勢(shì)網(wǎng)站標(biāo)準(zhǔn) 正文：一:網(wǎng)頁(yè)設(shè)計(jì)發(fā)展趨勢(shì): 1.更多的CSS3 + HTML5 這是期待已久的事情。在過(guò)去的幾年設(shè)計(jì)師已經(jīng)開(kāi)始關(guān)注和使用CSS3+HTML5，但在以后CSS3+HTML5將會(huì)得到更廣泛的應(yīng)用。網(wǎng)頁(yè)設(shè)計(jì)師最終會(huì)拋棄Flash。Flash不再是昔日的王者，新技術(shù)（指CSS3+HTML5）將會(huì)取而代之 2簡(jiǎn)單的配色方案

沒(méi)有比純色的背景更直觀更簡(jiǎn)潔。純色可以有很多種表達(dá)方式。不要老是黑白灰神馬的，太不給力了。多點(diǎn)考慮綠、黃或者紅作為你的網(wǎng)頁(yè)主色調(diào)。當(dāng)然，顏色最好保持使用2到3種。調(diào)整顏色的透明度，或許會(huì)給你意想不到的效果 3.移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來(lái)

智能手機(jī)，ipad和上網(wǎng)本隨處可見(jiàn)，將來(lái)這個(gè)將會(huì)更加明顯。這意味著你的設(shè)計(jì)需要考慮更多的設(shè)備。4.Parallax Scrolling 先來(lái)解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動(dòng)，形成運(yùn)動(dòng)視差 3D 效果，雖然純屬視覺(jué)效果，但在內(nèi)容滾動(dòng)時(shí)形成的視覺(jué)體驗(yàn)仍然非常出色。2011年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)熱點(diǎn)就是要?jiǎng)?chuàng)造這樣的深度視覺(jué)效果。5.設(shè)計(jì)需考慮更多的觸屏設(shè)備

觸屏技術(shù)應(yīng)用越來(lái)越廣泛，觸屏設(shè)備隨處可見(jiàn)。這意味著，你的導(dǎo)航設(shè)計(jì)不再只是鼠標(biāo)導(dǎo)航，你必須要要考慮你的設(shè)計(jì)適合觸屏設(shè)備。6.深度判析

深度判析是關(guān)于在網(wǎng)頁(yè)設(shè)計(jì)使用維數(shù)，這樣可以使你的網(wǎng)頁(yè)變得更加真實(shí)。如果運(yùn)用得恰當(dāng)，那將會(huì)是一個(gè)虛擬的3D效果，就像3D電影阿凡達(dá)那樣。盡管3D技術(shù)還沒(méi)有去到網(wǎng)站設(shè)計(jì)，你仍然嘗試使用維數(shù)進(jìn)行設(shè)計(jì)。7.大背景圖

大背景圖的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用在2011年將會(huì)更加明顯。這些背景圖像一般是高分辨率，覆蓋這個(gè)網(wǎng)站。高清照片是一個(gè)迅速抓住你的讀者的好方式，可以產(chǎn)生極具沖擊力的視覺(jué)效果-游客的視線會(huì)不自覺(jué)地落在寬大的背景上。8.不拘謹(jǐn)于頂級(jí)域名

嚴(yán)格意義上這一點(diǎn)與網(wǎng)頁(yè)設(shè)計(jì)無(wú)關(guān)，但這一點(diǎn)也是發(fā)展的趨勢(shì)，將出現(xiàn)更多創(chuàng)造性的域名。.com域名的吸引力越來(lái)越少，主要是你很難再找到一個(gè)比較短的.com域名。2011年人們開(kāi)始將視線慢慢轉(zhuǎn)移到.me、.co和.cc等身上。想想域名的發(fā)展，搶先一步，不然你很可能再次錯(cuò)失先機(jī)。9.QR: Quick Response 如果你注意現(xiàn)在越來(lái)越多的名片、雜志或者其他地方出現(xiàn)方形條形碼，證明你已經(jīng)看到2011年的這個(gè)趨勢(shì)熱門(mén)

10.縮略圖設(shè)計(jì)（Thumbnail Design）

Google已經(jīng)向?yàn)g覽用戶推出它們的瀏覽預(yù)覽技術(shù)。過(guò)去我們只能通過(guò)點(diǎn)擊鏈接才能看到網(wǎng)頁(yè)的內(nèi)容，現(xiàn)在你只需點(diǎn)擊放大鏡然后將鼠標(biāo)懸停在鏈接上就可以預(yù)覽該鏈接的網(wǎng)頁(yè)內(nèi)容。11.持續(xù)聯(lián)系/ Life Stream Lifestreaming, 一種在線記錄個(gè)人日?；顒?dòng)的網(wǎng)絡(luò)應(yīng)用，包括直接通過(guò)視頻feed或通過(guò)聚焦一個(gè)人的網(wǎng)絡(luò)在線內(nèi)容，比如博客日志，在社會(huì)性網(wǎng)絡(luò)上面的更新，在線相冊(cè)，聊天內(nèi)容甚至只是一些喜歡的網(wǎng)站的鏈接等等.二:網(wǎng)站標(biāo)準(zhǔn)是在W3C（W3C.org）的組織下，商業(yè)公司（Netscape、Microsoft等）也認(rèn)識(shí)到統(tǒng)一標(biāo)準(zhǔn)的好處。網(wǎng)站標(biāo)準(zhǔn)開(kāi)始被建立（1998年2月10日發(fā)布XML1.0為標(biāo)志），并在網(wǎng)站標(biāo)準(zhǔn)組織（webstandards.org）的督促下推廣執(zhí)行。

為什么要建立網(wǎng)站標(biāo)準(zhǔn): 我們大部分人都有深刻體驗(yàn)，每當(dāng)主流瀏覽器版本的升級(jí)，我們剛建立的網(wǎng)站就可能變得過(guò)時(shí)，我們就需要升級(jí)或者重新建造一遍網(wǎng)站。例如1996-1999年典型的“瀏覽器大戰(zhàn)”，為了兼容Netscape和IE，網(wǎng)站不得不為這兩種瀏覽器寫(xiě)不同的代碼。同樣的，每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備的出現(xiàn)，我們也需要制作一個(gè)新版本來(lái)支持這種新技術(shù)或新設(shè)備，例如支持手機(jī)上網(wǎng)的WAP技術(shù)。類似的問(wèn)題舉不勝舉：網(wǎng)站代碼臃腫、繁雜浪費(fèi)了我們大量的帶寬；針對(duì)某種瀏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無(wú)法瀏覽網(wǎng)站等等。這是一種惡性循環(huán)，是一種巨大的浪費(fèi)。如何解決這些問(wèn)題呢？有識(shí)之士早已開(kāi)始思考，需要建立一種普遍認(rèn)同的標(biāo)準(zhǔn)來(lái)結(jié)束這種無(wú)序和混亂。商業(yè)公司（Netscape、Microsoft等）也終于認(rèn)識(shí)到統(tǒng)一標(biāo)準(zhǔn)的好處，因此在W3C（W3C.org）的組織下，網(wǎng)站標(biāo)準(zhǔn)開(kāi)始被建立（1998年2月10日發(fā)布XML1.0為標(biāo)志），并在網(wǎng)站標(biāo)準(zhǔn)組織（webstandards.org）的督促下推廣執(zhí)行。

采用網(wǎng)站標(biāo)準(zhǔn)的好處:

對(duì)網(wǎng)站瀏覽者的好處：

1、文件下載與頁(yè)面顯示速度更快

2、內(nèi)容能被更多的用戶所訪問(wèn)（包括失明、視弱、色盲等殘障人士）；

3、內(nèi)容能被更廣泛的設(shè)備所訪問(wèn)（包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人、打印機(jī)、電冰箱等）；

4、用戶能夠通過(guò)樣式選擇定制自己的表現(xiàn)界面；

5、所有頁(yè)面都能提供適于打印的版本。對(duì)網(wǎng)站所有者的好處:

1、更少的代碼和組件，容易維護(hù)；

2、帶寬要求降低（代碼更簡(jiǎn)潔），成本降低。舉個(gè)例子：當(dāng)ESPN.com使用CSS改版后，每天節(jié)約超過(guò)兩兆字節(jié)（terabytes）的帶寬；

3、更容易被搜尋引擎搜索到；

4、改版方便，不需要變動(dòng)頁(yè)面內(nèi)容；

5、提供打印版本而不需要復(fù)制內(nèi)容；

6、提高網(wǎng)站易用性。在美國(guó)，有嚴(yán)格的法律條款（Section 508）來(lái)約束政府網(wǎng)站必須達(dá)到一定的易用性，其他國(guó)家也有類似的要求。

參考文獻(xiàn)： 一：溫謙.HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)與布局從入門(mén)到精通[M].北京:人民郵電出版社,2010.3 二：http://004km.cn

三：http://btgyjlbjx.nease.net(北極星網(wǎng)站域名）

課程論文

系院:土木工程學(xué)院

專業(yè):建筑工程 姓名:王奎

學(xué)號(hào):105140340043 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)

第四篇：網(wǎng)頁(yè)中歌曲沒(méi)聲音,flash視頻沒(méi)聲音解決方法

一般是使用了什么優(yōu)化軟件或者插件，安裝、卸載了各種解碼器導(dǎo)致的。要解決這個(gè)問(wèn)題，1、檢查聲卡、連接線，以及音箱等設(shè)備是否連接正常；運(yùn)行殺毒軟件進(jìn)行殺毒；

2、右擊“我的電腦”----“屬性”---“硬件”----“設(shè)備管理器”，打開(kāi)“聲音、視頻和游戲控制器”有無(wú)問(wèn)題，即看前面有沒(méi)有出現(xiàn)黃色的“？”。如有，重新安裝這個(gè)設(shè)備的驅(qū)動(dòng)程序進(jìn)行解決；

3、有聲音但不見(jiàn)小喇叭時(shí)，打開(kāi)控制面板----聲音和視頻設(shè)備----音量，在“將音量圖標(biāo)放入任務(wù)欄”前打上對(duì)號(hào)；

4、無(wú)聲音又無(wú)小喇叭時(shí)，打開(kāi)控制面板----添加與刪除程序----添加刪除Windows組件，在“附件和工具”前打?qū)μ?hào)，點(diǎn)擊“下一步”，然后，關(guān)機(jī)重啟，系統(tǒng)會(huì)提示安裝新硬件，按照提示進(jìn)行安裝即可；

5、檢查sndvol32.exe文件和Systray.exe文件（注意兩個(gè)文件）丟沒(méi)丟，路徑C:WINDOWSsystem32，若丟從別的機(jī)器上拷一份到自己的電腦里，6、“開(kāi)始”——“運(yùn)行”輸入regedit打開(kāi)注冊(cè)表，依次打開(kāi)HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindowsCurrentVersionRun 在它的右窗口新建字串“Systray”（在Run上右鍵點(diǎn)新建）,鍵值（在Systray上雙擊編輯）為“c:windowssystem32Systray.exe”，如果是win2000系統(tǒng)，則為“c:winntsystem32Systray.exe”這樣就可以了

7、可以單擊“開(kāi)始”菜單→“運(yùn)行”輸入“regedit”并回車(chē)打開(kāi)注冊(cè)表編輯器，在左側(cè)窗格依次單擊“HKEY_LOCAL_MACHINESOFTWAREMicrosoftWindows NTCurrentVersionDrivers32”，接著在右側(cè)窗格檢查有沒(méi)有“wavemapper”值。如果沒(méi)有，就在右側(cè)窗格空白處單擊鼠標(biāo)右鍵，新建一個(gè)名為“wavemapper”的字符串值，然后雙擊該值設(shè)置它的“數(shù)值數(shù)據(jù)”為“msacm32.drv”，重新啟動(dòng)計(jì)算機(jī)即可解決問(wèn)題。

8、確定若聲卡、聲卡驅(qū)動(dòng)全無(wú)問(wèn)題（只是開(kāi)機(jī)、關(guān)機(jī)沒(méi)聲音,播放flash沒(méi)有聲音，即播放網(wǎng)頁(yè)視頻沒(méi)聲音），只需導(dǎo)入netvol.reg，具體步驟：從http:///regs_edits/netvol.reg下載附件netvol.rar,解壓釋放出netvol.reg，雙擊，系統(tǒng)尋問(wèn)是否導(dǎo)入注冊(cè)表，點(diǎn)確定即大功告成。連重啟都不用。

還有看瀏覽器有沒(méi)關(guān)閉聲音、插口有沒(méi)插錯(cuò)、聲音有沒(méi)靜音。

第五篇：平面構(gòu)成在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

平面構(gòu)成在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

易 星

目前，中國(guó)互聯(lián)網(wǎng)的發(fā)展已經(jīng)形成相當(dāng)規(guī)模，據(jù)中國(guó)互聯(lián)網(wǎng)網(wǎng)絡(luò)信息中心（CNNIC）報(bào)告顯示，預(yù)計(jì)中國(guó)網(wǎng)民數(shù)量在未來(lái)5年后將要超過(guò)美國(guó)，互聯(lián)網(wǎng)已是繼報(bào)紙、廣播、電視等之后的第六大媒介。

隨著互聯(lián)網(wǎng)的發(fā)展，各類網(wǎng)站有如雨后春筍般。然而，有的站點(diǎn)日訪問(wèn)量高達(dá)幾千萬(wàn)人次，而有的站點(diǎn)訪問(wèn)者寥寥無(wú)幾。究其原因，訪問(wèn)量大的站點(diǎn)，除資源豐富外，網(wǎng)站的策劃和精美的外觀也是吸引訪問(wèn)者的重要因素。所以將美的形式規(guī)律和平面構(gòu)成的手法結(jié)合到網(wǎng)頁(yè)設(shè)計(jì)中，是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的重要理論依據(jù)。

一、當(dāng)網(wǎng)頁(yè)設(shè)計(jì)遇上平面構(gòu)成

（一）了解網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)頁(yè)有如門(mén)面，小到個(gè)人主頁(yè)，大到政府及國(guó)際組織等，是構(gòu)成一個(gè)網(wǎng)站的最基本單位。而網(wǎng)頁(yè)實(shí)際上只是一個(gè)純文本文件，它通過(guò)各種標(biāo)記對(duì)頁(yè)面上的元素進(jìn)行描述（如顏色、大?。?，網(wǎng)頁(yè)上傳到互聯(lián)網(wǎng)之后再由用戶的瀏覽器對(duì)這些標(biāo)記進(jìn)行解釋并生成頁(yè)面，于是便有了現(xiàn)在千姿百態(tài)、百花齊放的互聯(lián)網(wǎng)絡(luò)。

打開(kāi)一個(gè)網(wǎng)站，首先映入眼簾的是該網(wǎng)頁(yè)的界面，如按鈕的擺放、文字的組合、色彩的應(yīng)用等等，這些都是網(wǎng)頁(yè)設(shè)計(jì)的范疇。其實(shí)在網(wǎng)絡(luò)剛興起時(shí)，沒(méi)有太多視覺(jué)設(shè)計(jì)的概念，很多網(wǎng)站都是程序員用HTML語(yǔ)言設(shè)計(jì)出只有功能取向的網(wǎng)頁(yè)，那時(shí)候網(wǎng)頁(yè)無(wú)法一邊寫(xiě)一邊觀看，只能寫(xiě)好后到瀏覽器上執(zhí)行，所以程式設(shè)計(jì)常常無(wú)法和基本的美觀結(jié)合在一起。然而，在一個(gè)個(gè)可視化的網(wǎng)頁(yè)編輯器相繼問(wèn)世，特別是許多平面設(shè)計(jì)師投入網(wǎng)頁(yè)設(shè)計(jì)的行列后，整個(gè)網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的行業(yè)起了重大的變化！

隨著這幾年網(wǎng)絡(luò)的飛速發(fā)展及人們對(duì)美的不斷追求，網(wǎng)頁(yè)設(shè)計(jì)逐漸受到人們的重視，形式了一門(mén)新興的學(xué)科。簡(jiǎn)單的講，網(wǎng)頁(yè)設(shè)計(jì)就是從審美入手，結(jié)合平面設(shè)計(jì)的特點(diǎn)，運(yùn)用平面構(gòu)成中的基本形式到網(wǎng)頁(yè)中，讓網(wǎng)頁(yè)更加富有美感。例如將平面構(gòu)成中的節(jié)奏與韻律、骨格與肌理溶入到網(wǎng)頁(yè)中，會(huì)使內(nèi)容繁多的頁(yè)面更加有條理、主次分明，因此對(duì)平面構(gòu)成的掌握與了解是關(guān)系到網(wǎng)頁(yè)成功與否的重要基礎(chǔ)。

（二）了解平面構(gòu)成

藝術(shù)設(shè)計(jì)是人類文明的重要部分，涵蓋了當(dāng)代人類生活的各個(gè)領(lǐng)域。構(gòu)成是一個(gè)近代造型概念，含義是指將不同或相同形態(tài)的幾個(gè)單元重新組合成為一個(gè)新的單元，是以研究視覺(jué)語(yǔ)言的特性、構(gòu)成原理以及審美規(guī)律為目的，重在研究和分析視覺(jué)的形態(tài)、空間、運(yùn)動(dòng)、比例等因素的變化和形式。

平面構(gòu)成的認(rèn)識(shí)源于自然科學(xué)和哲學(xué)認(rèn)識(shí)論的發(fā)展，是建立在量子力學(xué)基礎(chǔ)之上的微觀認(rèn)識(shí)論，這種由宏觀到微觀認(rèn)識(shí)的深化，逐漸影響了造型藝術(shù)的發(fā)展。構(gòu)成觀念早在西方繪畫(huà)中就可見(jiàn)其影子，如立體主義繪畫(huà)、俄國(guó)的構(gòu)成主義、荷蘭的新造型主義，到后來(lái)的德國(guó)包毫斯設(shè)計(jì)學(xué)院的不斷完善發(fā)展，形成一個(gè)完整的現(xiàn)代設(shè)計(jì)基礎(chǔ)的教學(xué)體系，奠定了構(gòu)成設(shè)計(jì)觀念在現(xiàn)代設(shè)計(jì)應(yīng)用中的地位和作用。二十世紀(jì)七十年代以來(lái)，平面構(gòu)成作為一門(mén)設(shè)計(jì)基礎(chǔ)課程，已廣泛應(yīng)用于工業(yè)設(shè)計(jì)、建筑設(shè)計(jì)、平面設(shè)計(jì)等領(lǐng)域。

（三）何為網(wǎng)頁(yè)平面構(gòu)成

平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中占有相當(dāng)大的比重，而平面設(shè)計(jì)的重要理論基礎(chǔ)則是平面構(gòu)成，所以說(shuō)，平面構(gòu)成也是網(wǎng)頁(yè)設(shè)計(jì)的重要理論依據(jù)和知識(shí)基礎(chǔ)。

在一堆雜志中，人們往往會(huì)拿起色彩豐富、圖片艷麗、結(jié)構(gòu)清晰的那本。同樣，一個(gè)布局合理、重點(diǎn)突出、富有美感的網(wǎng)頁(yè)，它不但能吸引用戶點(diǎn)擊，更能夠完美表達(dá)網(wǎng)頁(yè)的創(chuàng)意思維。所以，平面構(gòu)成的出現(xiàn)，不得不讓我們對(duì)單調(diào)、乏味、缺乏美感的HTML頁(yè)面進(jìn)行反思，為了拓展網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)視覺(jué)，豐富網(wǎng)頁(yè)設(shè)計(jì)的思維及表現(xiàn)手段，我們引進(jìn)了網(wǎng)頁(yè)平面構(gòu)成的理論，這有點(diǎn)類似于傳統(tǒng)平面設(shè)計(jì)中的構(gòu)成理論，一般包含風(fēng)格策劃、頁(yè)面構(gòu)圖、布局與色彩等方面，我們不妨將平面構(gòu)成理論作為網(wǎng)頁(yè)設(shè)計(jì)的理論指導(dǎo)，即“網(wǎng)頁(yè)平面構(gòu)成”。把網(wǎng)頁(yè)設(shè)計(jì)看成是平面設(shè)計(jì)的一種審美方式的延伸，而點(diǎn)線面作為平面構(gòu)成中的基本元素，在網(wǎng)頁(yè)中巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果，完美表達(dá)設(shè)計(jì)意境。因此，網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)設(shè)計(jì)，特別講究編排和布局，雖然主頁(yè)設(shè)計(jì)不同于平面設(shè)計(jì)，但它們有著許多相近之處，如：對(duì)比、漸變和節(jié)奏美、韻律美，圖/底關(guān)系或通過(guò)文字與圖形的組合形成空間上的立體感。所以，靈活運(yùn)用平面構(gòu)成中的各種手法，通過(guò)頁(yè)面各元素之間的有序排列使瀏覽者達(dá)到某種共鳴產(chǎn)生一種和諧的美感。

平面構(gòu)成是一種設(shè)計(jì)語(yǔ)言，已為當(dāng)今社會(huì)各個(gè)藝術(shù)設(shè)計(jì)領(lǐng)域所應(yīng)用，它以一個(gè)全新的造型觀念，給我們的網(wǎng)頁(yè)設(shè)計(jì)注入新鮮的血液。

二、為網(wǎng)頁(yè)設(shè)計(jì)注入新的血液

（一）人性化的網(wǎng)頁(yè)設(shè)計(jì)與策劃

“人們總以為設(shè)計(jì)有三維：美學(xué)、技術(shù)和經(jīng)濟(jì)，然而更重要是第四維：人性?！?-----美國(guó)設(shè)計(jì)師普羅斯

人類的藝術(shù)設(shè)計(jì)是一種審美活動(dòng)，設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者或用戶的意圖。網(wǎng)頁(yè)設(shè)計(jì)是指設(shè)計(jì)師將客戶要表現(xiàn)的主題和達(dá)到的效果，組合頁(yè)面元素，通過(guò)藝術(shù)手法創(chuàng)造出符合大眾審美觀的界面。開(kāi)始進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)前，需要做很多調(diào)查，如客戶的需求、站點(diǎn)的性質(zhì)等，這些要求的不同設(shè)計(jì)出的網(wǎng)頁(yè)也會(huì)不同，用現(xiàn)在最時(shí)髦的話來(lái)講就是更具有人性化。

在網(wǎng)絡(luò)的虛擬世界，互聯(lián)網(wǎng)提供了天下大同的機(jī)會(huì)，充斥著無(wú)數(shù)站點(diǎn)，然而大多數(shù)網(wǎng)站的設(shè)計(jì)都缺乏靈魂和主旨，頁(yè)面結(jié)構(gòu)都比較松散、混亂，其原因就在于缺乏有效的策劃。因此要想使你的網(wǎng)站從那些數(shù)不清的站點(diǎn)中脫穎而出，就必須對(duì)整個(gè)站點(diǎn)作好統(tǒng)籌規(guī)劃，對(duì)所有的內(nèi)容進(jìn)行斟酌，再合理組織頁(yè)面結(jié)構(gòu)與色彩。

首先，了解一下同類站點(diǎn)的風(fēng)格、特色，吸取他們的長(zhǎng)處，找出自己的優(yōu)勢(shì)，做好市場(chǎng)調(diào)查，明確自己網(wǎng)站的主題、規(guī)模、主要特色及主要受眾目標(biāo)，再確定整個(gè)網(wǎng)站的整體風(fēng)格。其次，網(wǎng)頁(yè)的制作，設(shè)計(jì)者先要在紙上用筆畫(huà)出大概的設(shè)計(jì)草圖，等待客戶確認(rèn)后，才用計(jì)算機(jī)繪圖軟件畫(huà)出平面效果圖（色彩與頁(yè)面結(jié)構(gòu)），之后才能投入實(shí)際的制作。

（二）網(wǎng)頁(yè)平面構(gòu)成手法

平面構(gòu)成是一種視覺(jué)形象的構(gòu)成，其形態(tài)的抽象性特征和產(chǎn)生不同視覺(jué)引導(dǎo)作用的構(gòu)成形式，組成嚴(yán)謹(jǐn)而富有節(jié)奏和動(dòng)感的畫(huà)面，營(yíng)造一種秩序之美、理性之美和抽象之美。其構(gòu)成形式主要有重復(fù)、近似、浙變、變異、對(duì)比、集結(jié)、發(fā)射、特異、空間、分割、肌理及錯(cuò)視等等。它的研究對(duì)象主要是在平面設(shè)計(jì)中，如何構(gòu)造形象，怎樣處理形象與形象之間的關(guān)系，如何掌握美的形式規(guī)律，并按照美的形式法則，構(gòu)成設(shè)計(jì)所需要的圖形。

平面構(gòu)成中最基本的形態(tài)要素是點(diǎn)、線、面，其構(gòu)成要素有大小、方向、明暗、色彩等，以這些基本要素為條件，加以組合構(gòu)成，便會(huì)創(chuàng)造出無(wú)數(shù)理想的抽象造型。

網(wǎng)頁(yè)上的所有元素都可以看作構(gòu)成的基本要素。在一幅成功的作品里，需要點(diǎn)、線、面的共同組合來(lái)構(gòu)造整個(gè)頁(yè)面。通過(guò)三者的組合，可以突出頁(yè)面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓訪問(wèn)者在感受美的過(guò)程中領(lǐng)會(huì)設(shè)計(jì)的主旨。

1、構(gòu)成的基本元素點(diǎn)、線、面及其在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

在頁(yè)面構(gòu)圖中凡是表現(xiàn)視覺(jué)圖形或文字，都可以簡(jiǎn)化或趨近于點(diǎn)、線、面的視覺(jué)感受。網(wǎng)頁(yè)版面中的各種視覺(jué)元素正是以點(diǎn)、線、面的形式相互依存、相互作用，組合成各種視覺(jué)信息，形成千變?nèi)f化的視覺(jué)空間和感受。因此，只有協(xié)調(diào)處理好點(diǎn)、線、面之間的相互關(guān)系，才能設(shè)計(jì)出最佳視覺(jué)效果的網(wǎng)頁(yè)。

（1）點(diǎn)的運(yùn)用

點(diǎn)是可見(jiàn)的最小的形式單元。在網(wǎng)頁(yè)中，點(diǎn)是相互比較而言的，任何一個(gè)單獨(dú)的細(xì)小的形象都可稱之為點(diǎn)：按鈕、字符、小色塊等等。在網(wǎng)頁(yè)中合理的安排點(diǎn)的布局，或者在頁(yè)面設(shè)計(jì)中將某些視覺(jué)形象進(jìn)行點(diǎn)化處理，并運(yùn)用恰當(dāng)?shù)臉?gòu)成手法進(jìn)行版面布局，不但可以協(xié)調(diào)畫(huà)面，甚至可以起以畫(huà)龍點(diǎn) 睛的作用。圖1為個(gè)人主頁(yè)，所以在形式上比較輕松活潑。網(wǎng)頁(yè)中大面積的空白與中間的四個(gè)點(diǎn)形成強(qiáng)烈的對(duì)比，而且在點(diǎn)的處理上采用傳統(tǒng)的中國(guó)水墨畫(huà)的手法，更富有意境。在點(diǎn)的位置安排上也體現(xiàn)了一種節(jié)奏與韻律，形成視覺(jué)上的跳躍。

圖１．點(diǎn)的運(yùn)用（來(lái)自004km.cn）

由這兩個(gè)典型的例子可以看出，無(wú)論是什么樣的法則都源自設(shè)計(jì)者本能的審美觀的驅(qū)使，再應(yīng)用到實(shí)際當(dāng)中，當(dāng)然在設(shè)計(jì)時(shí)不必十分刻意追求什么法則。應(yīng)該從日常生活中，從自然界的事物中觀察美的規(guī)律，培養(yǎng)構(gòu)圖的藝術(shù)美感。

（五）網(wǎng)頁(yè)色彩構(gòu)成

1、色彩的基礎(chǔ)知識(shí)

“接天連葉無(wú)窮碧，映日荷花別樣紅?！?------楊萬(wàn)里

每次讀這首詩(shī)，閉上眼睛仿佛就能看到：碧波萬(wàn)頃，微風(fēng)吹拂，滿塘荷葉輕輕搖曳，艷陽(yáng)下的荷花鮮紅欲滴。這句詩(shī)里的“碧”、“紅”其實(shí)就是色彩。所以色彩對(duì)我們來(lái)講是不陌生的，因?yàn)槲覀兩畹氖澜缰袩o(wú)處不存在著色彩。色彩以一種特別的方式傳達(dá)信息，這些信息會(huì)影響觀看者的心理和感受，左右他們的判斷和選擇，色彩對(duì)于設(shè)計(jì)而言實(shí)在太重要。

首先熟悉一下色彩的基本概念，三原色——紅、黃、藍(lán)，三間色——橙、綠、紫，三種間色互為“補(bǔ)色”。將圖10中圓環(huán)中的任意一種顏色和黑色、白色、灰色按照不同比例混合就可以得到更多的顏色。例如，當(dāng)色彩RGB值為（0，0，255）時(shí)為純藍(lán)色，飽和度100%。隨著飽和度的逐漸降低，顏色會(huì)越來(lái)越接近灰色。

2、色彩心理

色彩，在不知不覺(jué)中作用于人的心理，據(jù)說(shuō)倫敦泰姆士河附近有一座黑色的橋，它因每年在橋上自殺的人數(shù)驚人而著名，后來(lái)人們將 它改成了綠色，自殺人數(shù)劇減。有專家分析，如果將它改成粉紅色、天藍(lán)色等更明亮的色彩就可能使自殺人數(shù)將趨于零。圖10．色環(huán)

當(dāng)你看到色彩時(shí)，首先會(huì)勾引起對(duì)生活的聯(lián)想與情感作用。藍(lán)色來(lái)自天空和大海，它給人一種心胸開(kāi)闊，文靜大方的情操。綠色是大自然的顏色，它能令人充滿青春活力。黃色飽含智慧與生命力，讓人顯得年輕有朝氣?？吹桨咨?，使人覺(jué)得純潔可愛(ài)，而紫色卻有著神秘高雅的感覺(jué)，這些對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言特別重要。我們經(jīng)常說(shuō)“第一印象最重要”，用戶在訪問(wèn)網(wǎng)站時(shí)的第一印象實(shí)際上是來(lái)自整個(gè)網(wǎng)頁(yè)的色彩！

所以色彩具有一定的含義和感情上的象征作用，人類確實(shí)存在色彩聯(lián)想的共通性。在炎熱的夏天人們更容易接收藍(lán)色的“百事可樂(lè)”，而在較為冷的天氣喝紅色的“可口可樂(lè)”人是不是更多一點(diǎn)。在我們談到這種象征印象時(shí)，不能過(guò)于主觀、片面地看問(wèn)題，人們對(duì)色彩的聯(lián)想是相對(duì)，不同的色彩組合在一起也會(huì)起到不同的效果。

3、合理搭配色彩

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，及色彩對(duì)人們心理的影響，合理地加以運(yùn)用。將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成豐富的頁(yè)面。單純的顏色 并沒(méi)有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來(lái)的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。但也要考慮到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(yè)安全色。不同網(wǎng)站應(yīng)當(dāng)使用不同的色彩方案，與站點(diǎn)的主題相吻合的色彩方案決不僅僅可以讓網(wǎng)站 “更加好看”，更重要的是在訪問(wèn)者心目中建立對(duì)這個(gè)網(wǎng)站的感性認(rèn)識(shí)。所以，色彩方案的選擇決不能草率，是網(wǎng)站建設(shè)的第一步。

按照色彩方案中色彩使用方式的不同，可以將色彩方案劃分為幾種常用類型，單色方案、相似色方案、對(duì)比色方案等。

（1）單色方案，是指在網(wǎng)頁(yè)設(shè)計(jì)中使用一種基本顏色，通過(guò)調(diào)整這種基本顏色的灰度和亮度來(lái)得到更多的顏色。單色方案是一種比較穩(wěn)重的方案，或者說(shuō)比較保守的方案。給人整潔、經(jīng)典的感覺(jué)，商業(yè)網(wǎng)站也比較適合使用此種顏色方案，使訪問(wèn)者容易建立對(duì)網(wǎng)站的信任感。

（2）相似色方案，在色彩圓環(huán)上彼此相鄰的幾種顏色構(gòu)成的配色方案就是相似色方案。例如橙色、橙紅色以及橙黃色就可以組成一個(gè)相似色方案。通常，相似色配色方案可以給人非常協(xié)調(diào)的感覺(jué)，因此在網(wǎng)站設(shè)計(jì)中非常實(shí)用。典型的運(yùn)用方法就是，用一種顏色作為頁(yè)面背景，而另外一種在顏色環(huán)中與其相鄰的顏色作為前景色。

（3）對(duì)比色方案，把一個(gè)顏色和它補(bǔ)色的左右邊的色彩配合起來(lái)，可以得到強(qiáng)烈的視覺(jué)效果。運(yùn)用這種方式容易塑造活潑、運(yùn)動(dòng)的網(wǎng)頁(yè)效果，在設(shè)計(jì)時(shí)要注意主體色彩的運(yùn)用，即以一種或兩種色彩為主，其他色彩為輔。

4、色彩構(gòu)成在網(wǎng)頁(yè)設(shè)計(jì)中的細(xì)節(jié)體現(xiàn)

-----中國(guó)移動(dòng)網(wǎng)與MTV網(wǎng)之色彩比較

圖11．中國(guó)移動(dòng)網(wǎng)（來(lái)自004km.cn）

圖12．MTV網(wǎng)（來(lái)自004km.cn）由兩幅圖比較可以看出，企業(yè)的不同性質(zhì)決定了網(wǎng)頁(yè)的用色，首先，中國(guó)移動(dòng)是一家面向全國(guó)用戶的大型企業(yè)，他所服務(wù)的對(duì)象決定了網(wǎng)頁(yè)用色必須考慮到所有用戶的接受能力，必須穩(wěn)重大方，可以看出整個(gè)界面采用冷靜開(kāi)闊的藍(lán)色調(diào)，但是頁(yè)面色彩卻不單調(diào)，當(dāng)用戶將鼠標(biāo)移動(dòng)到導(dǎo)航欄上，藍(lán)色的橫線變成了明快的翠綠色，就這一點(diǎn)小小的細(xì)微動(dòng)作卻增強(qiáng)了用戶的交互性。但整體而言，色彩還是比較單一，穩(wěn)重有余而活力不足，作為一家年輕的企業(yè)，應(yīng)該要有年輕人的活力。所以在大片的藍(lán)色中夾雜了鮮艷的橘紅色作為點(diǎn)綴，立刻整個(gè)頁(yè)面就會(huì)顯得比較活潑，再用漸變色豐富了色彩的層次。整體來(lái)看是一個(gè)比較成功的功能與美感并存的企業(yè)網(wǎng)站。

另外再來(lái)看看第二幅圖，感覺(jué)立即不一樣了，全黑的底與白色的文字形成視覺(jué)上的沖擊力，而頁(yè)面中間被等分成四塊，分別用了淡、淺、深三種灰色引起視覺(jué)上的分割。并且在色彩上明顯比第一幅圖豐富，有桔色、黃色、綠色、青綠色、紫色等等。這是一家以?shī)蕵?lè)服務(wù)為主的網(wǎng)站，他所面向的用戶是以年輕人為主，符合潮流，走在時(shí)尚前沿。在用色上也大膽出位，全黑色的底，象征年輕人的叛逆與不羈，以及時(shí)尚感較強(qiáng)的紫色和青綠色的搭配更能吸引人的視線。

在細(xì)節(jié)上的設(shè)計(jì)與處理最能體現(xiàn)一個(gè)網(wǎng)站是否成功，可以看出來(lái)兩個(gè)網(wǎng)頁(yè)都是比較注重在這方面 的用色，總的主色調(diào)不變，以豐富多彩的小色塊點(diǎn)綴，起到畫(huà)龍點(diǎn)睛的作用。所以一幅比較成功的網(wǎng)頁(yè)在色彩的設(shè)計(jì)上也要獨(dú)具匠心，充分合理的利用細(xì)節(jié)，結(jié)合色彩的感情，才可以使作品具有更加深刻的藝術(shù)文化內(nèi)涵，才能夠讓網(wǎng)頁(yè)設(shè)計(jì)的個(gè)性創(chuàng)造和審美意識(shí)得到淋漓盡致的展現(xiàn)，設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加富有生命力。

三、不同審美文化中的網(wǎng)頁(yè)設(shè)計(jì)

（一）文化背景對(duì)網(wǎng)頁(yè)設(shè)計(jì)的影響

美學(xué)(Aesthetics)，德文原義為“感性學(xué)”，是一門(mén)研究人類審美活動(dòng)的學(xué)科?！皩彙闭?，看也。通俗地說(shuō)，就是人們對(duì)現(xiàn)實(shí)生活中各種美好現(xiàn)象的感受和欣賞，是人類最基本的精神文化活動(dòng)，因而也最通俗、最具大眾化，在東西方都有著極為悠久的歷史。

21世紀(jì)是一個(gè)經(jīng)濟(jì)飛速發(fā)展的時(shí)代，是一個(gè)時(shí)時(shí)事事講求審美格調(diào)的時(shí)代，其實(shí)審美就是一個(gè)民族精神世界的流露。中國(guó)的審美觀是中國(guó)人的人格、修養(yǎng)、品行、文化、藝術(shù)的高度統(tǒng)一的綜合表現(xiàn)。具有時(shí)代的、民族的和階級(jí)的烙印。也就是說(shuō)不同時(shí)代、不同民族和不同階級(jí)在文化藝術(shù)審美格調(diào)的追求上有著不盡相同的傾向和標(biāo)準(zhǔn)。且不說(shuō)漢代人如何會(huì)在盧浮宮不屑一顧；古希臘人如何會(huì)在故宮拂袖而去，就是同為中國(guó)的唐漢兩代對(duì)美的欣賞都不一致。所以說(shuō)，各國(guó)的地域環(huán)境、氣候條件、經(jīng)濟(jì)情況、人文思想不同所形成的審美觀也會(huì)不同，從網(wǎng)頁(yè)設(shè)計(jì)方面來(lái)看，各國(guó)都有自己的特色。

1、歐美風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)

歐美國(guó)家進(jìn)行工業(yè)化比較早，經(jīng)濟(jì)相對(duì)比亞洲發(fā)達(dá)。美國(guó)早在二十年代就已經(jīng)是世界上工業(yè)化程度化最高的國(guó)家，特別是二戰(zhàn)后，更成為世界上的經(jīng)濟(jì)大國(guó)。隨后進(jìn)入90年代，計(jì)算機(jī)業(yè)迅速發(fā)展，高度的工業(yè)機(jī)械化對(duì)其網(wǎng)頁(yè)設(shè)計(jì)也有一定影響，除注重實(shí)用性之外特別在細(xì)節(jié)元素上的處理更顯精致，網(wǎng)頁(yè)的藝術(shù)表現(xiàn)更是別具一格，其中肌理的表現(xiàn)形式獨(dú)具特色。另外，美國(guó)是一個(gè)移民國(guó)家，有著一個(gè)多元化的社會(huì)，其短暫的歷史，自由的人性，在網(wǎng)頁(yè)設(shè)計(jì)中表現(xiàn)出豐富的幽默感與創(chuàng)造性。圖13中所示：整個(gè)網(wǎng)頁(yè)由機(jī)械化式的線條相互組合構(gòu)成，剛強(qiáng)有力，將金屬的質(zhì)感充分的表現(xiàn)出來(lái)。

圖13．歐美網(wǎng)頁(yè)中肌理的表現(xiàn)形式（來(lái)自004km.cn/fr）

德國(guó)則不同，氣候干燥而寒冷，地形復(fù)雜多山的自然環(huán)境造就了嚴(yán)肅的德國(guó)人，因而，德國(guó)設(shè)計(jì)更加體現(xiàn)其科學(xué)性和邏輯性，德國(guó)網(wǎng)站設(shè)計(jì)也充分體現(xiàn)了 “實(shí)用”和“簡(jiǎn)潔就是美”的觀點(diǎn)，如圖15所示。

圖15．簡(jiǎn)單實(shí)用的德國(guó)網(wǎng)頁(yè)（來(lái)自004km.cn）20），對(duì)字體、字型及字號(hào)的選擇除要符合審美標(biāo)準(zhǔn) 外還要考慮到顯示屏的大小，及整個(gè)頁(yè)面結(jié)構(gòu)的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手機(jī)上使用多媒體技術(shù)，使得網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力更加豐富。

在未來(lái)，網(wǎng)頁(yè)的顯示模式將會(huì)發(fā)生翻天覆地的變化，不論是在電腦、手機(jī)、手表抑或是電視上，我們看到的網(wǎng)頁(yè)對(duì)美的追求會(huì)更加徹底，平面構(gòu)成中的重復(fù)、變異、韻律、連續(xù)以及圖/底關(guān)系處理等，是任何一種設(shè)計(jì)的基本原理，盡管處于不同文化背景中的設(shè)計(jì)師在運(yùn)用這些視覺(jué)構(gòu)成元素時(shí)都不經(jīng)相同，但是，所有的文化都涉及到這些視覺(jué)基本要素，都離不開(kāi)形式美的法則。美與技術(shù)并存將會(huì)在未來(lái)完美體現(xiàn)，所以，在未來(lái)網(wǎng)頁(yè)設(shè)計(jì)將真正走進(jìn)每個(gè)人的生活，設(shè)計(jì)將會(huì)不再不拘于形式，更加的靈活，看重的是網(wǎng)頁(yè)設(shè)計(jì)的靈魂。因而，平面構(gòu)成也就必然成為網(wǎng)頁(yè)設(shè)計(jì)的重要基礎(chǔ)。

五、主要參考資料

①．毛溪，2003．平面構(gòu)成(第一版)．上海：上海人民美術(shù)出版社，122． ②．李凇，2000．中外美術(shù)對(duì)談錄（第一版）．中國(guó)工人出版社，2 ③．姜偉，2004．網(wǎng)頁(yè)美工傳奇（第一版）．機(jī)械工業(yè)出版社，2 ④．徐希景、陳筍，2003．網(wǎng)頁(yè)平面構(gòu)成的創(chuàng)意手法分析．福建商業(yè)高等專科學(xué)校學(xué)報(bào)，47 ⑤．劉永翔、唐良瑞，2004．網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)構(gòu)成分析．北京工商大學(xué)學(xué)報(bào)，58 ⑥．楊萍，2005．抽象形、空間、肌理——平面構(gòu)成在教學(xué)實(shí)踐中的思考．黔南民族師范學(xué)院學(xué)報(bào)，78 15