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

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

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

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

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

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

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

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

新聞、搜索二、

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

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

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

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

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

個(gè)人主頁九、

門戶站點(diǎn)

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

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

新聞、搜索圖1新浪新聞和pcweek網(wǎng)絡(luò)報(bào)紙2.搜索頁面門戶類、搜索引擎類站點(diǎn)對搜索的頁面有較高的要求，應(yīng)盡量采用開放式的框架結(jié)構(gòu)，色彩沒有太多要求。不過要注意搜索框等CSS設(shè)置，以小的環(huán)節(jié)達(dá)到美化頁面的效果，同時(shí)確立頁面風(fēng)格。值得一提的是簡單的Google網(wǎng)站(見圖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)，這類站點(diǎn)信息面可以鋪得很大，網(wǎng)站可以做得很大。二、女性、男性、兒童、時(shí)尚、生活、體育

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(2)根據(jù)客戶要求和訪問者需求選擇信息。

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

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

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

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

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

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

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

圖221.電子郵局

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

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

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

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