數(shù)字媒體之?dāng)?shù)字媒體藝術(shù)與信息化設(shè)計(jì)

數(shù)字媒體藝術(shù)與信息化設(shè)計(jì)基本要求：

理解數(shù)字出版的意義；理解因特網(wǎng)的發(fā)展趨勢(shì)和網(wǎng)絡(luò)藝術(shù)的不同形式；理解跨界整合與設(shè)計(jì)；理解信息采集、整理和設(shè)計(jì)的重要意義。教學(xué)重點(diǎn)及難點(diǎn)：

理解因特網(wǎng)的發(fā)展趨勢(shì)和網(wǎng)絡(luò)藝術(shù)的不同形式；理解跨界整合與設(shè)計(jì)。基本內(nèi)容：

電子出版、網(wǎng)絡(luò)媒體和產(chǎn)品設(shè)計(jì)；科學(xué)可視化和信息設(shè)計(jì)；建筑、數(shù)字服裝設(shè)計(jì)和信息設(shè)計(jì)；數(shù)字影視和三維動(dòng)畫(huà)。電子書(shū)的定義與特點(diǎn)定義：電子書(shū)是指將文字、圖片、聲音、影像等訊息內(nèi)容數(shù)字化的出版物以及植入或下載數(shù)字化文字、圖片、聲音、影像等訊息內(nèi)容的集存儲(chǔ)介質(zhì)和顯示終端于一體的手持閱讀器，代表人們所閱讀的數(shù)字化出版物，從而區(qū)別于以紙張為載體的傳統(tǒng)出版物，通過(guò)數(shù)碼方式記錄在以光、電、磁為介質(zhì)的設(shè)備中，借助于特定的設(shè)備來(lái)讀取、復(fù)制、傳輸。”第一節(jié)電子圖書(shū)特點(diǎn)：方便性，可搜尋內(nèi)容，改變字體大小及字型，還可隨身攜帶。容量大，隨時(shí)可網(wǎng)絡(luò)下載，不受地域限制，傳播速度快。無(wú)論增加多少本電子書(shū)都是一樣的重量，比過(guò)往紙質(zhì)書(shū)重量上有優(yōu)勢(shì)。降低圖書(shū)成本，價(jià)格便宜。節(jié)省保存書(shū)本所需空間?？杀４鏁r(shí)間比紙質(zhì)書(shū)長(zhǎng)久。設(shè)計(jì)精美，靈活多樣，有多媒體功能。節(jié)省紙張，減輕地球負(fù)擔(dān)，零樹(shù)木砍伐量，真正的環(huán)保低碳。

2025/1/22數(shù)字媒體藝術(shù)概論4不足：閱讀體驗(yàn)不一樣顯示器容易造成視覺(jué)疲勞軟件類(lèi)型多、不兼容出版內(nèi)容還不豐富網(wǎng)上支付手段不夠完善2025/1/22數(shù)字媒體藝術(shù)概論5電子書(shū)的常見(jiàn)格式EXE：可直接打開(kāi)TXT：筆記本文件HTML：網(wǎng)頁(yè)格式HLP：幫助文件格式，直接打開(kāi)或F1CHM：幫助文件格式，支持視音頻LIT：微軟文件，需MicrosoftReader閱讀PDF：Adobe公司開(kāi)發(fā)的電子讀物文件格式WDL：華康公司的文件格式，Dynadoc打開(kāi)CEB：北大方正公司電子書(shū)格式PDG：超星公司電子書(shū)格式，SuperstarReader打開(kāi)EPUB：可重排電子書(shū)格式UMD：諾基亞手機(jī)系統(tǒng)支持的電子書(shū)格式JAR：與ZIP類(lèi)似電子書(shū)發(fā)展大事記第一代電子書(shū)——1998年美國(guó)NuvoMedia公司出品的“火箭書(shū)”（RocketE-book）可以作為第一代電子書(shū)誕生的標(biāo)志。在國(guó)內(nèi)，2000年8月，遼寧出版集團(tuán)宣布開(kāi)發(fā)“掌上書(shū)房”；同年，天津津科公司推出“翰林電子書(shū)”。同期，人民出版社創(chuàng)辦的人民時(shí)空網(wǎng)站提出了研發(fā)“電子書(shū)包”的構(gòu)想第二代電子書(shū)——2004年，SONY公司推出基于電子墨水（E-ink）技術(shù)的電子書(shū)閱讀器；2008年，亞馬遜Kindle上市，2009年，漢王推出電紙書(shū)第三代電子書(shū)——2010年1月，蘋(píng)果發(fā)布iPad，電子書(shū)成為其應(yīng)用之一；目前，電子書(shū)閱讀器、平板電腦和智能手機(jī)在電子書(shū)閱讀業(yè)務(wù)上形成交集，在獲得主流終端地位上形成競(jìng)爭(zhēng)2025/1/22數(shù)字媒體藝術(shù)概論11未來(lái)的發(fā)展真正的“電子書(shū)”：未來(lái)的電子書(shū)的外形將與現(xiàn)在的紙質(zhì)書(shū)籍相差無(wú)二，加上“雙面顯示，多屏重疊閱讀”的技術(shù)，紙質(zhì)書(shū)籍將逐漸退出歷史舞臺(tái)。電子教科書(shū)：孩子們不再背負(fù)沉重的書(shū)包上學(xué)，兜里揣上這個(gè)小巧的電子教科書(shū)即可2025/1/22數(shù)字媒體藝術(shù)概論12網(wǎng)絡(luò)藝術(shù)的起源

隨著WWW的出現(xiàn)，網(wǎng)絡(luò)藝術(shù)也隨之出現(xiàn)了1.最早的藝術(shù)嘗試

1993年建立的‘萬(wàn)維藝術(shù)網(wǎng)站’2.最早的網(wǎng)絡(luò)多媒體世界上第一個(gè)協(xié)作文本3.獨(dú)特的藝術(shù)體驗(yàn)方式2025/1/22數(shù)字媒體藝術(shù)概論13第二節(jié)網(wǎng)絡(luò)媒體與交互設(shè)計(jì)網(wǎng)絡(luò)藝術(shù)的特性技術(shù)依賴(lài)性傳播時(shí)空的廣泛性傳播方式的開(kāi)放性藝術(shù)種類(lèi)的綜合性實(shí)時(shí)交互性觀(guān)賞的私密性語(yǔ)言的獨(dú)特性2025/1/22數(shù)字媒體藝術(shù)概論14網(wǎng)絡(luò)原生藝術(shù)網(wǎng)頁(yè)設(shè)計(jì)超文本小說(shuō)網(wǎng)絡(luò)動(dòng)畫(huà)網(wǎng)絡(luò)超媒體網(wǎng)絡(luò)游戲2025/1/22數(shù)字媒體藝術(shù)概論15近年來(lái)，針對(duì)交互媒體中人機(jī)交互行為和設(shè)計(jì)方法的研究逐漸進(jìn)入到我們的視線(xiàn)里，即“交互設(shè)計(jì)”?！敖换ピO(shè)計(jì)”指的是涉及支持人們?nèi)粘９ぷ髋c生活的交互式數(shù)字產(chǎn)品設(shè)計(jì)。2025/1/22數(shù)字媒體藝術(shù)概論16目錄先介紹一個(gè)人……8年前，Numal高中畢業(yè)，朋友告訴他注冊(cè)一個(gè)電子郵箱就可以方便的給人寫(xiě)信，讓他也去弄一個(gè)。于是他就去上網(wǎng)了。他看到注冊(cè)頁(yè)面時(shí)，腦袋完全不清楚面前是什么東西。他有了一串疑問(wèn)：電子郵箱是什么東西？新用戶(hù)是什么？郵箱名是什么？……他發(fā)現(xiàn)自己很笨，什么都不懂，非常的懊惱。兩年前，Numal推薦一個(gè)不常上網(wǎng)的人去使用自己設(shè)計(jì)的網(wǎng)站：豆瓣他朋友說(shuō)發(fā)現(xiàn)豆瓣的注冊(cè)很簡(jiǎn)潔。他朋友說(shuō)很清楚自己要做什么事情他朋友說(shuō)很放心他朋友說(shuō)沒(méi)有出錯(cuò)他朋友說(shuō)很快完成了注冊(cè)整個(gè)過(guò)程他朋友很愉快，很有安全感是什么讓網(wǎng)站體驗(yàn)幾年間變得這么好？是什么讓Numal的朋友如此愉悅有安全感？Numal大學(xué)上的是設(shè)計(jì)專(zhuān)業(yè)。在大學(xué)最后兩年，他的方向轉(zhuǎn)向了交互設(shè)計(jì)。通過(guò)學(xué)習(xí)，他了解了很多交互設(shè)計(jì)的基本概念。交互設(shè)計(jì)定義（一）簡(jiǎn)單的說(shuō)，交互設(shè)計(jì)是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達(dá)這種行為的外形元素的設(shè)計(jì)與定義。不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式，最近則是關(guān)注內(nèi)容和內(nèi)涵，而交互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式。艾蘭.庫(kù)珀(alancooper)VB之父交互設(shè)計(jì)之父微軟視窗先鋒獎(jiǎng)軟件夢(mèng)幻獎(jiǎng)得主庫(kù)伯交互設(shè)計(jì)公司創(chuàng)始人交互設(shè)計(jì)定義（二）設(shè)計(jì)支持人們?nèi)粘９ぷ髋c生活的交互式產(chǎn)品。具體地說(shuō)，交互設(shè)計(jì)就是關(guān)于創(chuàng)建新的用戶(hù)體驗(yàn)的問(wèn)題，其目的是增強(qiáng)和擴(kuò)充人們工作、通信及交互的方式。Winnogard（1997）把交互設(shè)計(jì)描述為“人類(lèi)交流和交互空間的設(shè)計(jì)”HelenSharp從用戶(hù)角度來(lái)說(shuō)，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶(hù)和他們的期望，了解用戶(hù)在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。DeDreamNumal在學(xué)習(xí)時(shí)，接觸到了幾個(gè)很容易混淆的概念。后來(lái)經(jīng)過(guò)辨析，他這樣理解了……幾個(gè)概念交互設(shè)計(jì)設(shè)計(jì)行為，偏向于計(jì)算機(jī)的人機(jī)交互人與機(jī)器相互信息交換交互一種行為幾個(gè)概念可用性標(biāo)準(zhǔn)用戶(hù)體驗(yàn)?zāi)繕?biāo)UCD原則方法交互的廣義發(fā)展歷程舊石器時(shí)代簡(jiǎn)單的單一的機(jī)器大工業(yè)時(shí)代復(fù)雜的繁瑣的出錯(cuò)率高的危險(xiǎn)的信息時(shí)代效率易用性交互設(shè)計(jì)行業(yè)的發(fā)展學(xué)科人類(lèi)工程學(xué)心理學(xué)認(rèn)知科學(xué)信息學(xué)工程學(xué)計(jì)算機(jī)科學(xué)軟件工程社會(huì)學(xué)人類(lèi)學(xué)語(yǔ)言學(xué)美學(xué)……設(shè)計(jì)圖形設(shè)計(jì)產(chǎn)品設(shè)計(jì)商業(yè)美術(shù)電影產(chǎn)業(yè)服務(wù)業(yè)……交互設(shè)計(jì)人機(jī)交互（HCI）交互設(shè)計(jì)的范疇交互的三個(gè)要素可是，Numal發(fā)現(xiàn)在人機(jī)工程的介紹中，三要素是另外的三個(gè)……交互三個(gè)要素交互過(guò)程是一個(gè)輸入和輸出的過(guò)程，人通過(guò)人機(jī)界面向計(jì)算機(jī)輸入指令，計(jì)算機(jī)經(jīng)過(guò)處理后把輸出結(jié)果呈現(xiàn)給用戶(hù)。人和計(jì)算機(jī)之間的輸入和輸出的形式是多種多樣的，因此交互的形式也是多樣化的?；A(chǔ)的交互方式平衡5E法有效(Effective)效率(Efficient)易學(xué)(EasyToLearn)吸引人(Engaging)容錯(cuò)性(ErrorTolrant)Numal了解過(guò)了交互設(shè)計(jì)的相關(guān)知識(shí)后，想在工作中實(shí)踐一下，可是怎么下手呢？接下來(lái)他開(kāi)始研究交互設(shè)計(jì)的方法……UCD設(shè)計(jì)理想流程簡(jiǎn)單說(shuō)明：1.創(chuàng)造一些用戶(hù)2.找出重要的活動(dòng)3.找出用戶(hù)模型--用戶(hù)期望如何完成這些活動(dòng)4.草擬出初版的設(shè)計(jì)5.一直反復(fù)把設(shè)計(jì)修改得更容易,直到虛構(gòu)用戶(hù)能輕易使用為止6.找真人來(lái)看著他們?cè)囉媚愕能浖换ピO(shè)計(jì)所做的事情交互設(shè)計(jì)的核心要素精確描述我們的用戶(hù)以及用戶(hù)希望達(dá)到的目標(biāo)，定義幾個(gè)典型角色，并用故事的形式表達(dá)出來(lái)目標(biāo)用戶(hù)目標(biāo)生活目標(biāo)體驗(yàn)?zāi)繕?biāo)最終目標(biāo)產(chǎn)品目標(biāo)利潤(rùn)市場(chǎng)目標(biāo)是行動(dòng)的驅(qū)動(dòng)力，產(chǎn)品的功能和行為必須通過(guò)任務(wù)來(lái)解決目標(biāo)產(chǎn)品成功的關(guān)鍵是目標(biāo)，而不是特性成功的交互設(shè)計(jì)師應(yīng)該對(duì)目標(biāo)高度敏感Numal在思考，那么豆瓣的目標(biāo)是什么呢？目標(biāo)用戶(hù)目標(biāo)生活目標(biāo)：一種新的消遣方式體驗(yàn)?zāi)繕?biāo)：容易使用、方便、舒適最終目標(biāo)：撰寫(xiě)瀏覽書(shū)評(píng)，找到自己興趣相同的人產(chǎn)品目標(biāo)市場(chǎng)：聚集文化人群，創(chuàng)建文化交流社區(qū)角色簡(jiǎn)單的說(shuō)，角色就是為我們的產(chǎn)品虛擬的一個(gè)典型用戶(hù)。我們?cè)谠O(shè)計(jì)是，就可以專(zhuān)門(mén)為“他”設(shè)計(jì)。角色是一種強(qiáng)有力的交互設(shè)計(jì)工具角色的確定給設(shè)計(jì)帶來(lái)的好處：該做什么便于溝通提高效率解決邊緣設(shè)計(jì)……角色一般不超過(guò)兩個(gè)人一男一女一般將用戶(hù)定義為初級(jí)用戶(hù)和中級(jí)用戶(hù)。特殊產(chǎn)品才定義高級(jí)用戶(hù)。角色描述中應(yīng)該包含：一張相片人物基本特征于產(chǎn)品相關(guān)的性格、能力、愛(ài)好等介紹會(huì)用到的產(chǎn)品、功能介紹Numal感覺(jué)角色設(shè)計(jì)很有興趣，于是就針對(duì)自己負(fù)責(zé)的產(chǎn)品，制定了一個(gè)角色一個(gè)定義角色的例子Numal做完角色設(shè)計(jì)后，整個(gè)項(xiàng)目組都很認(rèn)可。Numal還發(fā)現(xiàn)有了角色之后項(xiàng)目組成員間的討論變得簡(jiǎn)單和高效了。一段經(jīng)典對(duì)話(huà)腳本人和他們的活動(dòng)組成的故事使用具體的故事來(lái)構(gòu)造模擬用戶(hù)的可能行為或者講述設(shè)計(jì)方案關(guān)注人物角色以及其心智模型，目標(biāo)和活動(dòng)，有可能包括對(duì)環(huán)境的考慮基于任務(wù)的腳本基于場(chǎng)景的腳本一個(gè)場(chǎng)景腳本的例子1.早上，小翠來(lái)到辦公室，拿起電話(huà)給朋友打了個(gè)電話(huà)，然后打開(kāi)電腦，打開(kāi)郵箱，開(kāi)始一天的工作2.在開(kāi)始工作之前，她上了一下豆瓣，看看是否有朋友給他留言或者回復(fù)了她的評(píng)論。3.小翠收到一封郵件，來(lái)此辦公室主任的，告知同事strong今天請(qǐng)假可能來(lái)不了，如果有事情幫忙處理一下。4.如往常一樣，把郵件中的一些事情處理一下，需要打印的就打印，需要蓋章的就蓋章。5.在工作過(guò)程中，她總是開(kāi)著QQ，經(jīng)常有朋友給他發(fā)個(gè)鏈接讓她看。當(dāng)她正在閱讀一封剛收到的郵件時(shí)，一個(gè)好友給她發(fā)來(lái)了豆瓣的一個(gè)網(wǎng)址，她便會(huì)放下手頭的工作開(kāi)始瀏覽網(wǎng)頁(yè)。......一個(gè)場(chǎng)景腳本的例子該腳本提綱試圖解決的問(wèn)題：1.產(chǎn)品使用時(shí)的設(shè)置是什么？2.是否會(huì)被使用。角色最終期望的結(jié)果很長(zhǎng)時(shí)間？3.人物角色是否經(jīng)常被打斷？4.和它一起使用的其他產(chǎn)品是什么？5.人物的技巧使用頻繁程度有多高？6.為了滿(mǎn)足人物角色的目標(biāo)，角色需要完成哪些主要活動(dòng)是什么？交互設(shè)計(jì)時(shí)需關(guān)注的可用性指標(biāo)

ISO9241/11中的定義是：可用性是一個(gè)多因素概念，涉及到容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶(hù)滿(mǎn)意，以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對(duì)特定目標(biāo)的評(píng)價(jià)。常用交互設(shè)計(jì)原則可視性功能可性越好，越方便用戶(hù)發(fā)現(xiàn)和了解使用方法反饋返回與活動(dòng)相關(guān)的信息，以便用戶(hù)能夠繼續(xù)下一步操作限制在特定時(shí)刻顯示用戶(hù)操作，以防誤操作映射準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系一致性保證同一系統(tǒng)的同一功能的表現(xiàn)及操作一致啟發(fā)性充分準(zhǔn)確的操作提示交互設(shè)計(jì)準(zhǔn)則設(shè)計(jì)方案屬性：倫理的（能體諒人，有幫助）不傷害改善人的狀況有意圖的，能幫助用戶(hù)實(shí)現(xiàn)他們的目標(biāo)和渴望注重實(shí)效，幫助委托的組織實(shí)現(xiàn)它們的目標(biāo)優(yōu)雅的最簡(jiǎn)單的完整方案擁有內(nèi)部的一致性合適的容納和情感Numal做完整個(gè)項(xiàng)目后，團(tuán)隊(duì)對(duì)其專(zhuān)業(yè)性和技能都很滿(mǎn)意，于是讓他傳授一下自己的經(jīng)驗(yàn)。常用的交互設(shè)計(jì)工具illustratorFireworksWordPhotoshop交互設(shè)計(jì)師需具備的項(xiàng)目意識(shí)基于交互設(shè)計(jì)的網(wǎng)絡(luò)媒體——網(wǎng)站的設(shè)計(jì)及分類(lèi)1/22/202564一、

新聞、搜索二、

女性、男性、兒童、時(shí)尚、生活、體育三、IT、政府、財(cái)經(jīng)、醫(yī)療、旅游、短信四、

娛樂(lè)、游戲、節(jié)慶、通知五、

企業(yè)、電子商務(wù) 六、

文學(xué)、教育、藝術(shù)七、

電子郵局、社區(qū)、論壇、留言、電子報(bào)八、

個(gè)人主頁(yè)九、

門(mén)戶(hù)站點(diǎn)

網(wǎng)站的分類(lèi)及解析1.新聞?lì)愓军c(diǎn)

新聞網(wǎng)頁(yè)設(shè)計(jì)和報(bào)紙排版的感覺(jué)很類(lèi)似。新聞?lì)愓军c(diǎn)受傳統(tǒng)媒體的影響，當(dāng)頁(yè)面排版感覺(jué)類(lèi)似報(bào)紙時(shí)，便會(huì)讓絕大部分瀏覽者感到親切，很容易習(xí)慣和接受。新浪、163等的頁(yè)面幾乎沒(méi)有空隙地排滿(mǎn)了信息，如圖1所示。一

新聞、搜索圖1新浪新聞和pcweek網(wǎng)絡(luò)報(bào)紙2.搜索頁(yè)面門(mén)戶(hù)類(lèi)、搜索引擎類(lèi)站點(diǎn)對(duì)搜索的頁(yè)面有較高的要求，應(yīng)盡量采用開(kāi)放式的框架結(jié)構(gòu)，色彩沒(méi)有太多要求。不過(guò)要注意搜索框等CSS設(shè)置，以小的環(huán)節(jié)達(dá)到美化頁(yè)面的效果，同時(shí)確立頁(yè)面風(fēng)格。值得一提的是簡(jiǎn)單的Google網(wǎng)站(見(jiàn)圖2)，該站點(diǎn)的精彩之處是它的標(biāo)志。根據(jù)不同節(jié)慶、事件，Google擁有多套標(biāo)志更換，如圖3所示。圖2Google搜索圖3Google的Logo1.女性、男性站點(diǎn)

女性站點(diǎn)在網(wǎng)絡(luò)上占很重要的地位。女性網(wǎng)民幾乎達(dá)到上網(wǎng)人數(shù)的45％左右。女性站點(diǎn)的內(nèi)容包括了內(nèi)容較多，從美容、化裝、時(shí)尚、服裝、健美、醫(yī)療、飲食、旅游到兒童、文學(xué)、教育、生活等等。女性關(guān)注的事物不僅僅跟女性有關(guān)，和生活也密切相關(guān)，這類(lèi)站點(diǎn)信息面可以鋪得很大，網(wǎng)站可以做得很大。二、女性、男性、兒童、時(shí)尚、生活、體育

針對(duì)女性站點(diǎn)，設(shè)計(jì)可柔美、高雅、時(shí)尚感強(qiáng)，采用曲線(xiàn)的框架結(jié)構(gòu)，插圖的選取宜唯美、俏皮，色彩可以以純度低的色相系為主，或高雅的流行色為主等。擺放一些可愛(ài)的頁(yè)面小飾物，女孩子們會(huì)很喜歡。為了盡可能地出“新”出“奇”，風(fēng)格設(shè)計(jì)可以走時(shí)尚路線(xiàn)。注意流行色的搭配，框架大膽一些。例如，做得就非常好(見(jiàn)圖4)。圖42.兒童類(lèi)、卡通類(lèi)站點(diǎn)

兒童類(lèi)站點(diǎn)以色彩鮮亮、活潑為主(見(jiàn)圖5)，網(wǎng)頁(yè)可以采用無(wú)骨架的設(shè)計(jì)，這樣更自由一些。卡通類(lèi)站點(diǎn)的顏色則沒(méi)有限制，根據(jù)內(nèi)容框架也可以理智一些或感性一些。網(wǎng)站均可以選擇全Flash來(lái)制作，這樣更顯特色。圖5迪斯尼英文網(wǎng)站3.時(shí)尚類(lèi)、生活類(lèi)站點(diǎn)時(shí)尚類(lèi)站點(diǎn)最主要的是要表現(xiàn)時(shí)尚感，而生活類(lèi)站點(diǎn)要體現(xiàn)生活氣息。色彩上，時(shí)尚類(lèi)站點(diǎn)要注意流行色彩，如灰、黑、棕、米色等；生活類(lèi)站點(diǎn)則要溫和一些，選用一些淡雅的顏色，如藍(lán)、紫、米色等。插圖的選用：時(shí)尚類(lèi)站點(diǎn)選擇時(shí)尚類(lèi)的圖片，以及有速度感和張力感的插圖；生活類(lèi)站點(diǎn)要選擇一些和生活相關(guān)、貼近生活的圖片。這兩類(lèi)站點(diǎn)都需要注意細(xì)節(jié)的地方，運(yùn)用細(xì)節(jié)調(diào)節(jié)頁(yè)面氛圍，渲染頁(yè)面氣息，如圖6、圖7所示。圖6esprit圖7vidalsassoon4.體育新聞?lì)悺⑦\(yùn)動(dòng)產(chǎn)品類(lèi)站點(diǎn)體育新聞?lì)愓军c(diǎn)和純新聞?lì)愓军c(diǎn)有相同之處。國(guó)內(nèi)外各類(lèi)體育比賽報(bào)道、體育明星新聞以及賽場(chǎng)風(fēng)云等每日信息量也很大。與純新聞?lì)愓军c(diǎn)不同的是，體育類(lèi)站點(diǎn)更突出時(shí)代感、運(yùn)動(dòng)精神以及緊迫感。競(jìng)技精神一定要在標(biāo)志、頁(yè)面中強(qiáng)烈突出。

運(yùn)動(dòng)產(chǎn)品類(lèi)的網(wǎng)站頁(yè)面設(shè)計(jì)要有時(shí)尚感，因?yàn)轶w育運(yùn)動(dòng)也是當(dāng)今很時(shí)尚的活動(dòng)。頁(yè)面設(shè)計(jì)要輕松有張力，色彩應(yīng)多元化，插圖可以隨意一些，這些應(yīng)根據(jù)產(chǎn)品的消費(fèi)傾向去選取。框架設(shè)計(jì)可根據(jù)信息要求確定。頁(yè)面的張力感可以用運(yùn)動(dòng)產(chǎn)品的攝影圖片來(lái)巧妙地實(shí)現(xiàn)。讀者也可以借鑒著名品牌、adidas的網(wǎng)站設(shè)計(jì)(見(jiàn)圖8和圖9)。圖8圖9adidas1.IT資訊類(lèi)站點(diǎn)

數(shù)碼感、時(shí)代感、互動(dòng)感是IT給人們的感覺(jué)。IT咨詢(xún)類(lèi)站點(diǎn)在職能上類(lèi)似于新聞?lì)愓军c(diǎn)，但是注意氣氛不要太擁擠。色彩可以選擇清爽的藍(lán)色、綠色，灰色，黃色等，如圖10所示。三IT、政府、財(cái)經(jīng)、醫(yī)療、旅游、短信圖102.政府站點(diǎn)

政府類(lèi)網(wǎng)站講究莊重的氣氛和地區(qū)的特色，應(yīng)根據(jù)具體政府網(wǎng)特色選擇適當(dāng)?shù)念伾?，不能一概而論?？蚣茉O(shè)計(jì)上應(yīng)盡可能地選擇三欄式結(jié)構(gòu)，這種開(kāi)放式的結(jié)構(gòu)顯得大氣，很適合政府類(lèi)網(wǎng)，如圖11所示。圖11濱海政府網(wǎng)的第二、三版首頁(yè)3.財(cái)經(jīng)站點(diǎn)

財(cái)經(jīng)網(wǎng)站頁(yè)面氣氛應(yīng)屬于較緊張的感覺(jué)，選擇以暖色為主的配色，會(huì)有助于緩解緊張和壓力?？蚣茉O(shè)計(jì)應(yīng)根據(jù)信息空間的大小而定，大站則可以選擇分欄式結(jié)構(gòu)，小一些的站可以選擇區(qū)域排版，如圖12所示。圖12大鵬證券4.醫(yī)療站點(diǎn)

綠色、藍(lán)色等素雅的顏色很適合醫(yī)療類(lèi)的網(wǎng)站，而大紅大黃給人的感覺(jué)過(guò)于興奮，不適宜在醫(yī)療類(lèi)的站點(diǎn)上使用。醫(yī)療健康網(wǎng)站的插圖應(yīng)選擇較為舒適的圖片，不要制造緊張感，如果有動(dòng)畫(huà)，節(jié)拍要放慢。5.旅游站點(diǎn)

一想到旅游，很容易讓人聯(lián)想到天空、大地、海洋等，綠色、黃色、藍(lán)色都很適合旅游類(lèi)站點(diǎn)。旅游類(lèi)站點(diǎn)的插圖很容易選擇，名勝古跡、風(fēng)土人情等各種圖片拿到頁(yè)面上都會(huì)給人帶來(lái)憧憬。頁(yè)面設(shè)計(jì)要輕松，條理清晰，不要給人嘈雜的感覺(jué)。6.短信站點(diǎn)韓國(guó)的短信類(lèi)網(wǎng)站設(shè)計(jì)都相當(dāng)出色(見(jiàn)圖13)，我們可以借鑒一下，多利用像素風(fēng)格或是金屬感覺(jué)，動(dòng)態(tài)圖片多一些，色彩隨意，S的粉紅色就很成功。圖13韓國(guó)的短信站點(diǎn)1.娛樂(lè)類(lèi)、游戲類(lèi)站點(diǎn)

娛樂(lè)類(lèi)站點(diǎn)瀏覽者的視線(xiàn)通常被那些明星的各類(lèi)新聞所吸引，這類(lèi)站點(diǎn)最突出的不是時(shí)尚感，而是娛樂(lè)圈的紛亂的味道，以及音樂(lè)的感覺(jué)和電影的感覺(jué)，還有就是互動(dòng)感。這類(lèi)感覺(jué)很容易達(dá)到，插圖選用明星照片、電影海報(bào)、CDCover，自然就可以達(dá)到想要的感覺(jué)。四

娛樂(lè)、游戲、節(jié)慶、通知

色彩選擇艷麗一些的即可。娛樂(lè)網(wǎng)站圖片較多，圖片設(shè)計(jì)和字體排版設(shè)計(jì)顯得尤為重要，把握不準(zhǔn)時(shí)可以參考一下港臺(tái)設(shè)計(jì)的一些娛樂(lè)網(wǎng)站。另外，加一點(diǎn)動(dòng)態(tài)效果，感覺(jué)會(huì)很好，如圖14所示。游戲類(lèi)站點(diǎn)可以選擇金屬、像素風(fēng)格，也可添加游戲主角作為插圖。黑色背景能增加神秘感和科幻感，這種頁(yè)面效果一定很精彩。圖14.hk2.慶典頁(yè)面

中國(guó)人注重節(jié)日慶典，每當(dāng)春節(jié)、勞動(dòng)節(jié)、國(guó)慶節(jié)、母親節(jié)、父親節(jié)時(shí)，都會(huì)要求設(shè)計(jì)相應(yīng)的慶典頁(yè)面。設(shè)計(jì)這些頁(yè)面要抓住民族特色，并根據(jù)節(jié)日的特點(diǎn)來(lái)設(shè)計(jì)，設(shè)計(jì)的時(shí)候要考慮到如何烘托好節(jié)日氣氛，并選擇合適的插圖和背景，如圖15所示。對(duì)于網(wǎng)站周年慶之類(lèi)紀(jì)念日，可根據(jù)各自的信息類(lèi)型來(lái)設(shè)計(jì)慶典頁(yè)面，或者采用彈出式窗口，或者添加一個(gè)歡迎界面等。圖1521cn賀年3.通知頁(yè)面針對(duì)緊急通知，經(jīng)常采用以下三種方式來(lái)設(shè)計(jì)頁(yè)面：

(1)利用彈出式窗口。由于很多人不太注意，所以效果不是很好。

(2)利用橫幅廣告條。與小窗口相比，其效果能好一些?？稍O(shè)計(jì)成動(dòng)態(tài)效果，也可以采用跳躍性的色彩和吸引人的廣告用語(yǔ)。

(3)在頁(yè)面的某個(gè)位置打小廣告、發(fā)新聞或者利用滾動(dòng)文字。這些方式可能不夠顯眼，可根據(jù)通知的重要性來(lái)選擇合適的方式。1.企業(yè)類(lèi)站點(diǎn)

企業(yè)類(lèi)站點(diǎn)(見(jiàn)圖16)在網(wǎng)絡(luò)上占很大比例，但是往往宣傳力度不夠，大部分網(wǎng)站的訪(fǎng)問(wèn)量都很低。根據(jù)各自的特點(diǎn)，有針對(duì)性地進(jìn)行一些宣傳是有必要的。五

企業(yè)、電子商務(wù)圖16金山電線(xiàn)電纜股份有限公司

設(shè)計(jì)企業(yè)站點(diǎn)，應(yīng)該注意以下事項(xiàng)：

(1)根據(jù)企業(yè)類(lèi)型選擇合適的插圖和風(fēng)格定位。

(2)根據(jù)客戶(hù)要求和訪(fǎng)問(wèn)者需求選擇信息。

(3)針對(duì)企業(yè)的形象，最好運(yùn)用CI色系，搭配合適風(fēng)格的頁(yè)面設(shè)計(jì)。

(4)若信息量少，可盡量選用字號(hào)大的文字。

(5)如果有英文版，應(yīng)該有針對(duì)英文版的設(shè)計(jì)方案。針對(duì)兩種語(yǔ)言的不同特點(diǎn)，設(shè)計(jì)頁(yè)面也不盡相同。(6)如果大型企業(yè)站點(diǎn)中包含很多行業(yè)信息，最好采取開(kāi)放式框架，這可以給人以親切的感覺(jué)，對(duì)企業(yè)形象也很有幫助。所以要選擇清爽的顏色，盡量不要含有個(gè)人色彩。2.微型企業(yè)站點(diǎn)一部分小型企業(yè)只需要有一個(gè)宣傳性的網(wǎng)站(見(jiàn)圖17)，網(wǎng)站中欄目較少，信息量也很少，頁(yè)面比較空，這時(shí)最需要注意的是頁(yè)面框架和頁(yè)面背景。頁(yè)面框架可以采用通欄，盡量做得細(xì)致，以刻畫(huà)企業(yè)形象，給瀏覽者樹(shù)立良好的感覺(jué)。另外，可以根據(jù)具體情況選擇一些時(shí)代感、科技感強(qiáng)的插圖。圖17信息量小的企業(yè)站點(diǎn)3.電子商務(wù)類(lèi)站點(diǎn)

電子商務(wù)類(lèi)站點(diǎn)，尤其是在線(xiàn)買(mǎi)賣(mài)商務(wù)站點(diǎn)(見(jiàn)圖18)，應(yīng)該多注意一些細(xì)節(jié)問(wèn)題。圖18gap1.文學(xué)、教育類(lèi)站點(diǎn)

文學(xué)、教育類(lèi)的網(wǎng)站應(yīng)加強(qiáng)功能性設(shè)計(jì)。這類(lèi)站點(diǎn)中主要是文字類(lèi)信息(見(jiàn)圖19)，而且在線(xiàn)閱讀量很大，加強(qiáng)易用性，會(huì)給瀏覽者親切舒適的感覺(jué)。網(wǎng)頁(yè)的色彩要柔和，不要傷眼睛，盡力選擇白為底色，配黑色的字體顏色；網(wǎng)頁(yè)主色調(diào)應(yīng)根據(jù)具體情況來(lái)定，插圖則選擇大氣自然的圖片，頁(yè)面干凈整潔很重要(見(jiàn)圖20)。六

文學(xué)、教育、藝術(shù)圖19bookzone圖20榕樹(shù)下2.常規(guī)型藝術(shù)類(lèi)站點(diǎn)藝術(shù)站點(diǎn)常規(guī)與否主要表現(xiàn)在框架設(shè)計(jì)上。常規(guī)的藝術(shù)類(lèi)網(wǎng)站在頁(yè)面格局上多選擇分欄式或區(qū)域排版式的框架設(shè)計(jì)(見(jiàn)圖21)?。

這樣的站點(diǎn)適合藝術(shù)類(lèi)信息網(wǎng)站。瀏覽這部分信息的人對(duì)美感要求較高，所以這類(lèi)網(wǎng)站的頁(yè)面設(shè)計(jì)應(yīng)注意細(xì)節(jié)修飾，給人精致的感覺(jué)。圖21neuegalerie(newyork)3.非常規(guī)型藝術(shù)類(lèi)站點(diǎn)非常規(guī)的藝術(shù)類(lèi)網(wǎng)站在頁(yè)面格局上選擇無(wú)骨架設(shè)計(jì)的結(jié)構(gòu)(見(jiàn)圖22)。這樣的站點(diǎn)風(fēng)格自由、怪異、新穎,??讓信息內(nèi)容決定頁(yè)面設(shè)計(jì)，不過(guò)如果圖片量多，應(yīng)注意考慮下載速度等。

圖221.電子郵局

國(guó)內(nèi)電子郵局類(lèi)站點(diǎn)的設(shè)計(jì)都十分簡(jiǎn)陋(見(jiàn)圖23)。電子郵局頁(yè)面設(shè)計(jì)應(yīng)特別注意圖標(biāo)、按鈕等小細(xì)節(jié)物件的設(shè)計(jì)，充分利用這些小物件確立頁(yè)面風(fēng)格。七

電子郵局、社區(qū)、論壇、留言、電子報(bào)圖232.社區(qū)網(wǎng)絡(luò)社區(qū)不等同于論壇，社區(qū)中包含的內(nèi)容較多。社區(qū)頁(yè)面設(shè)計(jì)和社區(qū)的程序設(shè)計(jì)密不可分，設(shè)計(jì)受到程序的影響。具體設(shè)計(jì)時(shí)，應(yīng)根據(jù)社區(qū)的具體性質(zhì)來(lái)確定頁(yè)面設(shè)計(jì)的顏色、框架。圖24的卡哆家族是一個(gè)頁(yè)面設(shè)計(jì)較為新穎的社區(qū)，值得學(xué)習(xí)借鑒。圖243.論壇配色

現(xiàn)在網(wǎng)絡(luò)中到處都是VBB代碼的論壇(見(jiàn)圖25)。這類(lèi)論壇的框架風(fēng)格一樣，可以修改的是論壇的表格配色、圖片背景、超級(jí)鏈接的顏色等，最重要的是，還可以修改論壇圖標(biāo)，如圖26所示。圖25VBB論壇值得一提的是，ultrashock討論區(qū)(/)是最酷的VBB(見(jiàn)圖28)，論壇頁(yè)面和Flash框架感覺(jué)完全融合在一起，感覺(jué)很棒。圖26論壇圖標(biāo)圖27refresh.newthread圖28ultrashock4.留言本風(fēng)格對(duì)于留言本的風(fēng)格，可以多學(xué)習(xí)借鑒日本的留言本(見(jiàn)圖29)。日本的留言本都很有特點(diǎn)，而且很精致、漂亮。可以在日本雅虎上搜索一下提供免費(fèi)程序的站點(diǎn)，查找留言本即可。如果有技術(shù)支持的站點(diǎn)設(shè)計(jì)，論壇、留言本、社區(qū)均應(yīng)該與頁(yè)面設(shè)計(jì)統(tǒng)一風(fēng)格?，F(xiàn)在使用Flash制作的留言本等互動(dòng)程序也逐漸多起來(lái)，如圖30所示。圖29bbs圖30bimbern留言本5.電子報(bào)

電子報(bào)可以當(dāng)作報(bào)紙來(lái)設(shè)計(jì)。如Pchome活動(dòng)專(zhuān)刊(見(jiàn)圖31)選擇了帶有pop海報(bào)的風(fēng)格設(shè)計(jì)，給人一種海報(bào)的感覺(jué)?！鞍①F專(zhuān)刊”(見(jiàn)圖32)則美術(shù)設(shè)計(jì)強(qiáng)一些，更符合網(wǎng)絡(luò)新媒體的形式味道。圖33中的“精彩購(gòu)物”偏向傳統(tǒng)報(bào)紙的感覺(jué)。應(yīng)根據(jù)電子報(bào)內(nèi)容的不同來(lái)設(shè)計(jì)合適的報(bào)紙風(fēng)格，不要千篇一律。圖31PChome活動(dòng)專(zhuān)刊圖32阿貴電子報(bào)圖33精彩購(gòu)物6.聊天室國(guó)內(nèi)的聊天室絕大部分還屬于HTML的形式，這種聊天室的版式設(shè)計(jì)大致雷同，主要注意按鈕設(shè)計(jì)、圖標(biāo)繪制等方面即可(見(jiàn)圖34)。另外，程序設(shè)計(jì)師要開(kāi)放更多的功能，為網(wǎng)民服務(wù)。圖34普通聊天室的按鈕