�。ㄕf明：文中從專業(yè)角度對(duì)所舉個(gè)案表揚(yáng)少批評(píng)多，但均為客觀評(píng)價(jià)）

　　一、新聞網(wǎng)站視覺設(shè)計(jì)的主要特點(diǎn)

　　1、視覺與主題的一致性

　　網(wǎng)絡(luò)視覺設(shè)計(jì)作為一種特殊媒介的視覺傳達(dá)設(shè)計(jì)，在具有平面設(shè)計(jì)一般特征的同時(shí)，還具有自身的設(shè)計(jì)特征。網(wǎng)絡(luò)視覺設(shè)計(jì)應(yīng)始終圍繞“信息傳達(dá)”這一主題來開展。根本上來講它是一種以功能性為主的設(shè)計(jì)。新聞作品在選擇視覺元素時(shí)應(yīng)充分考慮與作品內(nèi)容主題的相關(guān)性，確保主題和視覺信息的一致性。一致性體現(xiàn)在網(wǎng)頁主色調(diào)的選擇、標(biāo)題文字字體的選擇、主題圖片的確定、背景風(fēng)格的選擇以及版面布局的確定。和其他商業(yè)網(wǎng)站不同，考慮到新聞網(wǎng)站相對(duì)特殊的性質(zhì)，不管是新聞專題、新聞評(píng)論還是新聞專欄，在確定視覺風(fēng)格時(shí)都應(yīng)該考慮到和整個(gè)新聞網(wǎng)站風(fēng)格的一致性。

　　從第七次湖北網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品來看，在視覺元素的選擇上基本和網(wǎng)站的主題相關(guān)，能較好地表現(xiàn)主題思想。

　　以湖北電視臺(tái)火鳳網(wǎng)和武漢市漢陽區(qū)檔案館聯(lián)合制作的“罹難、屈辱、勝利、復(fù)興”主題網(wǎng)站為例，該網(wǎng)站采用經(jīng)典的紅黑色彩對(duì)比，主題色調(diào)鮮明，并選擇了長(zhǎng)城、青磚墻、巖石等具有象征性的視覺符號(hào)，形象明確，將中華民族經(jīng)歷磨難時(shí)的堅(jiān)毅、頑強(qiáng)，中華民族偉大復(fù)興時(shí)的奮斗精神充分表現(xiàn)出來。如圖1.1所示。

　　圖1.1 “罹難、屈辱、勝利、復(fù)興”首頁局部

　　2、新聞作品總體視覺風(fēng)格的統(tǒng)一性

　　從廣義上來講，新聞作品總體視覺風(fēng)格的統(tǒng)一性體現(xiàn)在新聞作品（包含多級(jí)網(wǎng)頁）與其所依附的新聞網(wǎng)站整體風(fēng)格的一致性。這種統(tǒng)一性事實(shí)上就是要求新聞網(wǎng)站要有嚴(yán)格的VIS系統(tǒng)，比如網(wǎng)站標(biāo)示的統(tǒng)一、版權(quán)信息的統(tǒng)一等。而狹義的統(tǒng)一性主要體現(xiàn)在兩個(gè)方面。其一，同級(jí)網(wǎng)頁的視覺統(tǒng)一；其二，整個(gè)新聞作品的和諧統(tǒng)一。統(tǒng)一性體現(xiàn)的是“審美功能”，滿足了網(wǎng)民的心理需求。具體表現(xiàn)在增強(qiáng)整體感和增加表現(xiàn)性。增強(qiáng)整體感即尋求視覺要素的合理搭配，在有限空間內(nèi)產(chǎn)生“1+1>2”的效果；增加表現(xiàn)性要求網(wǎng)頁版式富有“創(chuàng)意”、“風(fēng)格化”，作為信息的承載，努力實(shí)現(xiàn)對(duì)網(wǎng)民視線的瞬間捕捉。

　　本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品的視覺設(shè)計(jì)基本按照總體視覺風(fēng)格統(tǒng)一性這一原則進(jìn)行設(shè)計(jì)制作。網(wǎng)站風(fēng)格在不同級(jí)別的頁面中能較好體現(xiàn)。

　　以湖北日?qǐng)?bào)報(bào)業(yè)集團(tuán)荊楚網(wǎng)策劃制作的“中部崛起”主題網(wǎng)站為例，該網(wǎng)站獲得了第十六屆中國(guó)新聞獎(jiǎng)網(wǎng)絡(luò)專題類二等獎(jiǎng)。網(wǎng)站選擇了一些簡(jiǎn)單而實(shí)用的導(dǎo)航符號(hào)，選擇了淺灰色作為一部分內(nèi)容的底色，選擇了橘紅色作為該主題導(dǎo)航區(qū)和內(nèi)容的分割線，這些視覺語言的運(yùn)用出現(xiàn)在首頁及下級(jí)的網(wǎng)頁當(dāng)中，讓網(wǎng)民一目了然。如圖1.2所示。

　　圖1.2 “中部崛起”專題首頁局部

　　圖1.3 “中部崛起”專題中部財(cái)經(jīng)子欄目首頁局部

　　3、視覺語言的豐富性

　　視覺語言的豐富性正好體現(xiàn)出互聯(lián)網(wǎng)迅速發(fā)展的特征。網(wǎng)絡(luò)技術(shù)的發(fā)展為網(wǎng)絡(luò)媒體豐富的視覺語言選擇創(chuàng)造了條件。到目前為止，網(wǎng)絡(luò)媒體視覺元素包括文字、圖形、圖像、音頻、視頻、動(dòng)畫等，還包括Java、Active控件等用于制作特殊效果及交互功能的元素。各種要素的應(yīng)用充分體現(xiàn)出網(wǎng)絡(luò)媒體的獨(dú)特優(yōu)勢(shì)，擺脫了傳統(tǒng)紙媒只能包含文字和圖像的弊端，使整個(gè)網(wǎng)站在形式上更加豐富，更能吸引網(wǎng)民的瀏覽。當(dāng)然各種媒體要素的應(yīng)用在豐富了頁面形式的同時(shí)，勢(shì)必要考慮由于帶寬、瀏覽器技術(shù)等因素造成的媒體效果在網(wǎng)民客戶端不能正常呈現(xiàn)的問題。

　　本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品中，每個(gè)作品基本上都包含了文字、圖形、圖像、動(dòng)畫以及少量的Javascript程序和視頻。

　　以長(zhǎng)江網(wǎng)制作的“第三屆世界華文傳媒論壇”主題網(wǎng)站為例，在首頁有限的空間內(nèi)就包含了文字標(biāo)題、圖片標(biāo)題、視頻（鏈接點(diǎn)擊完成觀看）、圖片新聞、Javascript語言控制的“論壇日程”滾動(dòng)信息欄等媒體要素。如圖1.4所示。

　　圖1.4 “第三屆世界華文傳媒論壇”首頁局部

　　二、媒體（視覺元素）組合的合理性分析

　　1、主題相關(guān)是媒體組合的前提

　　根據(jù)CNNIC《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》中“網(wǎng)民對(duì)互聯(lián)網(wǎng)的滿意度”統(tǒng)計(jì)資料表明，用戶對(duì)“網(wǎng)絡(luò)速度”、“操作簡(jiǎn)便”等都比較滿意。如圖2.1所示。而網(wǎng)絡(luò)速度除了和網(wǎng)站接入互聯(lián)網(wǎng)的方式，用戶上網(wǎng)方式等因素相關(guān)外，還和網(wǎng)站中選擇的媒體組合相關(guān)。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，可支持的媒體類型在不斷增加，根據(jù)網(wǎng)站的主題選擇合適的媒體組合來表現(xiàn)主題成為網(wǎng)絡(luò)視覺設(shè)計(jì)中關(guān)鍵部分。

　　圖2.1 《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》網(wǎng)民對(duì)互聯(lián)網(wǎng)的滿意度

　　在本次獲獎(jiǎng)作品中，荊楚網(wǎng)“張之洞督鄂115周年”專題網(wǎng)站，主要表現(xiàn)的是一些數(shù)據(jù)資料，可以選擇圖文聲像的媒體方式加以表現(xiàn)。但漢網(wǎng)“請(qǐng)問武漢市還想賺出多少個(gè)黃鶴樓來？”網(wǎng)絡(luò)評(píng)論專題網(wǎng)站重在網(wǎng)民的交流，而且要求更新速度快，就不適合選擇數(shù)據(jù)量比較大的媒體形式，更多的是簡(jiǎn)單圖形、文字。

　　2、豐富并不等于合理

　　多樣媒體信息可以豐富網(wǎng)頁，但豐富的度卻需要和網(wǎng)站的主題緊密相關(guān)。并不是越豐富，越多樣就合理。如果網(wǎng)頁中包含視頻信息，可以設(shè)置為打開不立即播放的方式，播放與否完全由網(wǎng)民瀏覽時(shí)控制。這樣可以避免因?yàn)橐曨l信息的存在而使頁面下載速度變慢的問題。正如前文所述，部分網(wǎng)站重點(diǎn)在于呈現(xiàn)數(shù)據(jù)資料，沒有必要通過“文字+圖像”的方式來表現(xiàn)，僅運(yùn)用簡(jiǎn)單實(shí)用的文字即可以體現(xiàn)，如果額外地加入圖像，反而有點(diǎn)“畫蛇添足”的味道。

　　本次獲獎(jiǎng)作品中絕大多數(shù)網(wǎng)站媒體組合比較合理，但有些網(wǎng)站多媒體要素過于豐富，有種“亂花漸欲迷人眼”的感覺。如湖北電視臺(tái)火鳳網(wǎng)首頁。如圖2.2所示。

　　圖2.2 “火鳳網(wǎng)”首頁局部

　　三、存在的主要問題

　　1、設(shè)計(jì)總體水平不高

　　從本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)的24件作品來看，整體設(shè)計(jì)水平和專業(yè)性網(wǎng)站相比還有待提高。可能有如下一些原因：

　�。�1）網(wǎng)站設(shè)計(jì)沒有進(jìn)行合理規(guī)劃

　　有些網(wǎng)站沒有正確處理排版布局問題。如“中華鱘保護(hù)20年大型放養(yǎng)”專題網(wǎng)站，左側(cè)視頻播放器下方大量的空白可以說明網(wǎng)站在建設(shè)之初沒有進(jìn)行通常的草圖構(gòu)建，網(wǎng)站建設(shè)中走一步看一步，造成以上情況發(fā)生。合理的規(guī)劃和設(shè)計(jì)在網(wǎng)站建設(shè)開始的時(shí)候就應(yīng)該考慮到，必須制訂嚴(yán)格的方案，理清設(shè)計(jì)思路，繪制設(shè)計(jì)草圖，選擇合理的網(wǎng)站結(jié)構(gòu)等。

　�。�2）新聞網(wǎng)站對(duì)視覺設(shè)計(jì)不是非常重視

　　“視覺時(shí)代”或者說“讀圖時(shí)代”的來臨促使傳統(tǒng)媒體改版，不斷迎合讀者的視覺需求。而對(duì)于網(wǎng)絡(luò)新聞媒體，很多決策者和規(guī)劃者更注重的是網(wǎng)站的內(nèi)容，并不非常重視網(wǎng)站的外觀和媒體類型的選擇�，F(xiàn)代的互聯(lián)網(wǎng)社會(huì)，信息量龐大，網(wǎng)站林立，網(wǎng)民在選擇網(wǎng)站時(shí)也會(huì)站在十字路口或者米字路口，不知所措。內(nèi)容制勝很關(guān)鍵，但網(wǎng)民在最初注意網(wǎng)站時(shí)更多關(guān)注的是網(wǎng)站的外在表現(xiàn)和可閱讀性，新聞網(wǎng)站在規(guī)劃設(shè)計(jì)時(shí)還需要從用戶的角度進(jìn)行換位思考。新聞網(wǎng)站有時(shí)可以借助視覺設(shè)計(jì)獲得更多的“賣點(diǎn)”。

　�。�3）設(shè)計(jì)人員并非專業(yè)人員

　　可能考慮到成本或者其他原因，網(wǎng)站的設(shè)計(jì)人員可能是網(wǎng)站的技術(shù)人員、文案人員甚至是管理者本身。由于缺乏正規(guī)的設(shè)計(jì)理論的系統(tǒng)學(xué)習(xí)，會(huì)出現(xiàn)偏科現(xiàn)象。比如技術(shù)人員兼職設(shè)計(jì)人員，則網(wǎng)站看上去可能更像一個(gè)網(wǎng)絡(luò)技術(shù)倉(cāng)庫(kù)，在網(wǎng)站中涵蓋了各種目前流行的媒體技術(shù)，導(dǎo)致“花而不實(shí)”。

　　網(wǎng)站的總體設(shè)計(jì)水平不高不僅是本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品的問題，還是整個(gè)國(guó)內(nèi)新聞網(wǎng)站建設(shè)的問題。

　　2、設(shè)計(jì)人員素養(yǎng)有待提高

　　技術(shù)并不是網(wǎng)頁視覺設(shè)計(jì)人員的全部，設(shè)計(jì)人員除了具備扎實(shí)的設(shè)計(jì)軟件運(yùn)用能力，具有一定的審美能力，還應(yīng)該具備基本的文化素養(yǎng)、傳播學(xué)知識(shí)和心理學(xué)知識(shí)等�？v觀本屆網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品，絕大多數(shù)網(wǎng)站的視覺設(shè)計(jì)做得都非常優(yōu)秀，其中還有一些小問題有必要提出來加以強(qiáng)調(diào)和說明。

　　（1）視覺設(shè)計(jì)人員應(yīng)該了解中國(guó)傳統(tǒng)文化并合理運(yùn)用——“辛末”還是“辛未”

　　湖北電視臺(tái)火鳳網(wǎng)策劃制作的“罹難、屈辱、勝利、復(fù)興”主題和視覺設(shè)計(jì)都很好，缺憾卻出現(xiàn)在整個(gè)網(wǎng)站首頁的左上角。中國(guó)傳統(tǒng)文化中有“天干地支”，“天干地支”也稱“干支”，是“甲乙丙丁戊已庚辛壬癸”十天干與“子（鼠）丑（牛）寅（虎）卯（兔）辰（龍）巳（蛇）午（馬）未（羊）申（猴）酉（雞）戌（狗）亥（豬）”十二地支。而1931年是農(nóng)歷“辛未”年（羊年），在“地支”中并沒有“末”，視覺設(shè)計(jì)人員在設(shè)計(jì)中因?yàn)槿狈�基本的文化知識(shí)，將“辛未”錯(cuò)寫成“辛末”，足見不仔細(xì)。如圖1.1所示。

    　另外一種情況便是刻意加入一些傳統(tǒng)文化因素，導(dǎo)致負(fù)面效應(yīng)。如“3000小學(xué)生妖魔化媽媽”中的網(wǎng)站標(biāo)示，如圖3.1所示，標(biāo)示以中文、英文和簡(jiǎn)單圖形組成。姑且不談中文英文搭配是否合理，標(biāo)示中“妖魔化”三個(gè)漢字選擇了篆書字體，在識(shí)別上存在很大的困難。這種現(xiàn)象比較普遍。視覺設(shè)計(jì)人員為追求特殊的視覺效果，喜歡選擇裝飾性相對(duì)較強(qiáng)的古體漢字或者拉丁字母（主要是英文）作為設(shè)計(jì)的語言符號(hào)，視覺效果達(dá)到了，但卻忽略了最重要的一點(diǎn)，網(wǎng)站的網(wǎng)民是網(wǎng)民而不是設(shè)計(jì)者本身。網(wǎng)民由于種種原因，缺乏對(duì)古漢字和英文的識(shí)認(rèn)，不能識(shí)認(rèn)就沒有辦法了解和理解。從這個(gè)角度講，視覺設(shè)計(jì)人員應(yīng)堅(jiān)持“簡(jiǎn)單即美”的原則，用最大眾化的視覺語言傳遞信息。

　　圖3.1 “3000小學(xué)生妖魔化媽媽”篆字標(biāo)題

　�。�2）視覺設(shè)計(jì)人員應(yīng)具有一定的外語水平——“Low”還是“Law”

　　網(wǎng)民的文化層次很復(fù)雜而豐富，如2006年1月CNNIC發(fā)布的《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示的網(wǎng)民文化程度分布圖所示（圖3.2、圖3.3）。除此之外，網(wǎng)民的心理比較脆弱，容易受到網(wǎng)站各種因素的影響。如果網(wǎng)站給網(wǎng)民不好的印象，網(wǎng)民可能會(huì)放棄繼續(xù)瀏覽該網(wǎng)站。

　　圖3.2 《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》網(wǎng)民文化程度分布

　　圖3.3 《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》歷次調(diào)查網(wǎng)民文化程度分布

　　在本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品中出現(xiàn)了很多因?yàn)閼?yīng)用外語而導(dǎo)致的錯(cuò)誤，這些錯(cuò)誤可能導(dǎo)致網(wǎng)民心理變化。如在長(zhǎng)江日?qǐng)?bào)報(bào)業(yè)集團(tuán)漢網(wǎng)策劃制作的“何媛?戒毒”專題網(wǎng)站中，標(biāo)題圖片采用了“圖形+中文+英文”的常規(guī)模式，如圖3.4所示，這種模式是最常有的模式之一，但需要考慮兩種情況，如果網(wǎng)站面向的網(wǎng)民包含比較多的國(guó)外用戶，則建議使用英文，但如果網(wǎng)站面向的網(wǎng)民中并不包含這些用戶，則舍棄英文而采用拼音字母較好。本例中“法律”的英文為L(zhǎng)ow，事實(shí)上應(yīng)為L(zhǎng)aw，這是個(gè)明顯的錯(cuò)誤。類似的問題頻繁出現(xiàn)最主要的原因在于視覺設(shè)計(jì)人員在設(shè)計(jì)時(shí)并沒有重視內(nèi)容的準(zhǔn)確性，更多關(guān)注的是視覺效果。

　　圖3.4 “何媛?戒毒”標(biāo)題圖片中的英文錯(cuò)誤

　　3、為視覺而視覺

　　網(wǎng)絡(luò)視覺設(shè)計(jì)人員選擇不同的視覺元素創(chuàng)造出易用、獨(dú)特、美觀的網(wǎng)頁是他們的職責(zé)，但在實(shí)際實(shí)施中卻會(huì)出現(xiàn)“為視覺而視覺”、“為設(shè)計(jì)而設(shè)計(jì)”、“為美而設(shè)計(jì)”的一些錯(cuò)誤傾向。這些問題的存在根本原因在于網(wǎng)絡(luò)視覺設(shè)計(jì)人員并沒有真正理解“視覺載動(dòng)信息”這個(gè)原則，所有的視覺語言最終的目的都是為主題服務(wù)，都是為傳遞主題思想服務(wù)。因此，對(duì)于網(wǎng)絡(luò)視覺設(shè)計(jì)人員必須要牢記的第一原則就是“功能性”原則，圍繞主題思想進(jìn)行創(chuàng)新、設(shè)計(jì)。本次獲獎(jiǎng)作品中也出現(xiàn)了這種情況。如長(zhǎng)江日?qǐng)?bào)報(bào)業(yè)集團(tuán)漢網(wǎng)策劃制作的“相約漢網(wǎng)”專題網(wǎng)站，在頁首制作了大篇幅的銀灰色金屬質(zhì)感很強(qiáng)的圖像準(zhǔn)備作為欄目導(dǎo)航條的背景圖，但并沒有應(yīng)用。如圖3.5所示。還有幾個(gè)典型的問題：

　　（1）more。許多網(wǎng)站更愿意用英文處理本來該中文解決的問題，more是非常典型的案例。more不是不能用，而是應(yīng)用的場(chǎng)合要對(duì)。中文網(wǎng)站強(qiáng)烈建議用“更多”，而英文網(wǎng)站必須用“more”。

　�。�2）隨意使用英文簡(jiǎn)稱。本次新聞網(wǎng)站作品中，有個(gè)網(wǎng)站在標(biāo)題圖片中出現(xiàn)了“CH**”（**指編號(hào)），CH**的意義模糊不清，網(wǎng)民瀏覽時(shí)會(huì)留有疑問。美國(guó)著名的網(wǎng)站效果評(píng)論專家斯蒂芬?克魯格用了一句話來解決這個(gè)問題，那就是“不要讓用戶動(dòng)腦”。給網(wǎng)民直觀、簡(jiǎn)潔的視覺符號(hào)，讓網(wǎng)民能借助這些符號(hào)獲得正確、完整的信息，這應(yīng)該是網(wǎng)站的目的和目標(biāo)。

　　圖3.5 “相約漢網(wǎng)”首頁局部

　　以上問題的出現(xiàn)可能的原因在于“測(cè)試過程”的缺失。在整個(gè)網(wǎng)站建設(shè)過程中，要經(jīng)過多次測(cè)試，在中途和結(jié)束時(shí)都要開展，而且是必要的。測(cè)試過程最好聘請(qǐng)“模擬用戶”參與，以便獲得更準(zhǔn)確的測(cè)試結(jié)果。

　　4、媒體形式選擇首先應(yīng)考慮用戶

　　不是所有的網(wǎng)民使用的都是寬帶，不是所有的網(wǎng)民使用的都是1024*768的顯示分辨。

　　網(wǎng)絡(luò)視覺設(shè)計(jì)人員和管理人員要學(xué)會(huì)換位思考，站在網(wǎng)民的角度設(shè)計(jì)和使用網(wǎng)站。網(wǎng)站在建設(shè)過程中更多情況下是在內(nèi)部局域網(wǎng)中進(jìn)行的，網(wǎng)絡(luò)速度相對(duì)較快，不會(huì)注意到由于使用的媒體元素不當(dāng)造成的網(wǎng)頁下載速度慢，網(wǎng)頁長(zhǎng)時(shí)間打不開的現(xiàn)象。一旦網(wǎng)站通過互聯(lián)網(wǎng)和網(wǎng)民見面，則必須要考慮到用戶的具體使用條件，如使用的上網(wǎng)設(shè)備、瀏覽器版本、顯示器分辨率等因素。根據(jù)CNNIC《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》中“不同上網(wǎng)方式網(wǎng)民數(shù)”顯示，到目前為止還有大部分網(wǎng)民采用撥號(hào)上網(wǎng)的方式上網(wǎng)。如圖3.6所示。由于這些因素都不能為網(wǎng)站設(shè)計(jì)者所控制，因此在網(wǎng)站建設(shè)之初就必須首先站在網(wǎng)民的立場(chǎng)進(jìn)行設(shè)計(jì)。沒有進(jìn)行換位思考的網(wǎng)站往往出現(xiàn)如下問題。

　　圖3.6 《第17次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》不同上網(wǎng)方式網(wǎng)民數(shù)

　�。�1）圖片處理不得當(dāng)

　　圖片處理不得當(dāng)表現(xiàn)在兩個(gè)方面。其一，可以用文字的地方用了圖片，導(dǎo)致頁面文件增大；其二，圖片大小和圖像文件格式選擇不當(dāng)，導(dǎo)致文件龐大，影響網(wǎng)民瀏覽需要。第一種情況如“江城月中華情”主題網(wǎng)站，如圖3.7所示。主辦單位、承辦單位、協(xié)辦單位及其它信息完全可以采用棕黃色背景色再加上文本來加以實(shí)現(xiàn)，但該網(wǎng)中卻選擇了用整幅圖片來加以表現(xiàn)，導(dǎo)致頁面文件增大了至少20K。

　　圖3.7 “江城月中華情”——能用文本就不要用圖片

　　第二種情況在必須使用圖片時(shí)，沒有合理選擇文件尺寸大小和圖像文件格式及壓縮比，導(dǎo)致頁面因?yàn)榇罅康膱D像文件而龐大。大大影響網(wǎng)民通過客戶端瀏覽器的訪問速度甚至根本不能完整瀏覽。以下案例取自不同的網(wǎng)站，如圖3.8~3.13所示，表3.1對(duì)以下圖片的相關(guān)數(shù)據(jù)進(jìn)行了統(tǒng)計(jì)。

　　圖3.8 “883社區(qū)建設(shè)行動(dòng)計(jì)劃”題圖

　　圖3.9 “第三屆世界華文傳媒論壇”題圖

　　圖3.10 “江西發(fā)生5.7級(jí)地震”新聞圖片

　　圖3.11 “江西發(fā)生5.7級(jí)地震”圖片

　　圖3.12 “江西發(fā)生5.7級(jí)地震”題圖

　　圖3.13 “中部崛起”題圖

　　表3.1 不同網(wǎng)站題圖及主要圖片比較

　　圖片類型 文件類型 尺寸（像素） 大�。↘）

　　“883”題圖 靜態(tài) GIF 747*119 53.7

　　“華文傳媒論壇”題圖 靜態(tài) JPG 776*188 161

　　“江西地震”題圖 靜態(tài) JPG 772*120 115

　　“江西地震”新聞圖片 靜態(tài) JPG 276*208 58.6

　　“江西地震”圖片 靜態(tài) GIF 772*120 62.2

　　“中部崛起”題圖 動(dòng)態(tài) GIF 778*119 735

　　針對(duì)以上可能存在的問題，建議按以下方式處理圖片：

　　A、圖片裁剪。將大幅圖片裁剪成小幅圖片，通過表格按順序排列，組成完整的圖像，大大緩解因?yàn)橄螺d大幅圖像的壓力。

　　B、盡量保存為GIF文件格式，如必須保存為JPG則壓縮比相應(yīng)增大。根據(jù)需要將圖片保存為GIF或者JPG，如果對(duì)色彩要求不是非常嚴(yán)格，完全可以將圖像保存為GIF圖像文件格式，減小文件大小。如果色彩相對(duì)比較豐富，則保存成JPG文件格式時(shí)盡量提高壓縮比例，前提是圖像能滿足需要。

　　C、動(dòng)態(tài)圖像可選擇用Flash動(dòng)畫。考慮到網(wǎng)民通過瀏覽器訪問網(wǎng)站的圖片時(shí)，需要整幅圖片全部下載完后才能瀏覽的特性，可以考慮將動(dòng)畫制作成Flash文件，利用Flash動(dòng)畫邊下載邊播放的特性，縮減因?yàn)橄螺d時(shí)間造成網(wǎng)民厭倦的可能性，提高網(wǎng)民的瀏覽興趣。

　�。�2）應(yīng)用表格過程中表格過寬

　　表格應(yīng)用在目前網(wǎng)頁設(shè)計(jì)中還是非常重要的手段，雖然標(biāo)準(zhǔn)化設(shè)計(jì)的概念已經(jīng)提出，但真正按照標(biāo)準(zhǔn)化要求進(jìn)行設(shè)計(jì)的網(wǎng)站還是相對(duì)較少。表格應(yīng)用有其優(yōu)勢(shì)也存在劣勢(shì)。優(yōu)勢(shì)在于可以合理控制頁面的外觀結(jié)構(gòu)，劣勢(shì)在于它是一種結(jié)構(gòu)化的形式，不利于某些特殊視覺效果的表現(xiàn)。在表格設(shè)置中，寬度往往可以選擇絕對(duì)和相對(duì)寬度兩種，相對(duì)寬度可根據(jù)網(wǎng)民客戶端顯示分辨率和瀏覽器情況靈活機(jī)動(dòng)地自動(dòng)調(diào)整，而絕對(duì)寬度以像素為單位，一旦設(shè)定，將不以客戶端顯示分辨率和瀏覽器的不同而改變。如“三峽工程縱深行”專題網(wǎng)站在版權(quán)信息部分專門給網(wǎng)民提示“最佳瀏覽分辨率1024X768”，如圖3.14所示是種人性化的方法。

　　圖3.14 “三峽工程縱深行”版權(quán)信息中的人性化提示

　　5、空間運(yùn)用不合理

　　清朝畫家鄧石如曾說過：“字畫疏處可使走馬，密處不使透風(fēng)，常計(jì)白以當(dāng)黑，奇趣乃出�！敝v得是國(guó)畫創(chuàng)作中要注重著墨部分和空白部分的比例關(guān)系，當(dāng)彼此比例得當(dāng)時(shí)，才會(huì)使整個(gè)畫作生動(dòng)。網(wǎng)頁設(shè)計(jì)雖然和國(guó)畫創(chuàng)作存在很大的區(qū)別，但空白（虛空間）的應(yīng)用和處理卻依然非常重要。這里提到虛空間，與之相對(duì)應(yīng)的即為實(shí)空間，是網(wǎng)頁中有文、圖、像、動(dòng)畫等元素的位置。實(shí)空間和虛空間關(guān)系的處理問題涉及到頁面的排版和網(wǎng)民瀏覽時(shí)的心理、生理狀態(tài)。本次獲獎(jiǎng)作品中大部分作品辦事版式設(shè)計(jì)得當(dāng)，結(jié)構(gòu)安排合理，虛空間的處理也很優(yōu)秀，但還是需要從一些網(wǎng)站的問題中總結(jié)經(jīng)驗(yàn)。

　�。�1）虛空間過大

　　如長(zhǎng)江日?qǐng)?bào)報(bào)業(yè)集團(tuán)漢網(wǎng)策劃制作的“何媛?戒毒”專題網(wǎng)站的“毒品資料”欄目，頁面中列舉了6種毒品的名稱，由于名稱字?jǐn)?shù)不同，長(zhǎng)短不一，為了達(dá)到比較好的視覺效果，設(shè)計(jì)著用插入空格的方法盡量使名稱左右對(duì)齊，其中“大麻”中間的空格特別突出，虛空間太大，破壞了該欄目的整體性。如圖3.15所示。

　　圖3.15 “何媛?戒毒”錯(cuò)落的標(biāo)題文字

　　（2）虛空間過小

　　虛空間太小將導(dǎo)致頁面擁擠，不利于網(wǎng)民正常瀏覽頁面內(nèi)容。原因可能是多方面的，如荊楚網(wǎng)“嘉賓訪談”專題網(wǎng)站中由于設(shè)計(jì)思路和后期標(biāo)題設(shè)定不相吻合，導(dǎo)致標(biāo)題過于錯(cuò)落，網(wǎng)民瀏覽費(fèi)力。如圖3.16所示。

• · 淺析新媒體格局下辦報(bào)理念的創(chuàng)新
• · 網(wǎng)絡(luò)出版四大特點(diǎn)
• · 建設(shè)新型的數(shù)字化媒體終端
• · 數(shù)字電視傳輸標(biāo)準(zhǔn)和傳播途徑全解析
• · 新媒體時(shí)代的數(shù)字報(bào)業(yè)運(yùn)營(yíng)模式
• · 分眾媒介的危機(jī)與甄選媒介原則分析(下)

• · 回顧藥用玻璃瓶標(biāo)準(zhǔn)化體系之路
• · 現(xiàn)代香水瓶的發(fā)展趨勢(shì)
• · 救金融之災(zāi)有三派之別
• · 紅茶分級(jí)命名與茶袋包裝標(biāo)準(zhǔn)
• · 2008年重慶市創(chuàng)意產(chǎn)業(yè)實(shí)現(xiàn)增加值240億元
• · 徐州今起整治文化市場(chǎng)違法違規(guī)經(jīng)營(yíng)

• ·2008年1-11月上海印刷業(yè)主要經(jīng)濟(jì)指標(biāo)
• ·2008年1-11月江蘇印刷業(yè)主要經(jīng)濟(jì)指標(biāo)
• ·2008年1-11月浙江印刷業(yè)主要經(jīng)濟(jì)指標(biāo)
• ·2008年1-11月安徽印刷業(yè)主要經(jīng)濟(jì)指標(biāo)
• ·2008年1-11月福建印刷業(yè)主要經(jīng)濟(jì)指標(biāo)
• ·2008年1-11月江西印刷業(yè)主要經(jīng)濟(jì)指標(biāo)