- 保護(hù)視力色:
新聞網(wǎng)站新聞作品的視覺設(shè)計(jì)探討
-
http://www.mamogu.com 發(fā)稿日期:2007-7-27
- 【搜索關(guān)鍵詞】:研究報(bào)告 投資分析 市場調(diào)研 新聞 分析
- 中研網(wǎng)訊:
-
2008-2009年中國手機(jī)廣告行業(yè)研究咨詢報(bào)告 隨著移動(dòng)通信網(wǎng)絡(luò)向3G的逐步演進(jìn)和移動(dòng)互聯(lián)網(wǎng)業(yè)務(wù)的不斷發(fā)展,手機(jī)已經(jīng)成為能夠傳播文本、圖片和2008-2009年中國網(wǎng)絡(luò)廣告行業(yè)研究咨詢報(bào)告 2008年中國廣告經(jīng)營總收入有望超過5000億元。中國傳媒經(jīng)濟(jì)的重要指標(biāo)之一廣告業(yè)已經(jīng)成為一2008-2009年中國戶外廣告行業(yè)研究咨詢報(bào)告 2008年1-3月,戶外廣告投放額平穩(wěn)發(fā)展,沒有明顯變化。4月開始明顯上揚(yáng),受奧運(yùn)效應(yīng),7月2008-2010年中國廣播行業(yè)應(yīng)對(duì)金融危機(jī)影響及發(fā)展 2008年,美國華爾街危機(jī)不僅迅速波及全球金融市場,而且已由虛擬經(jīng)濟(jì)向?qū)嶓w經(jīng)濟(jì)蔓延。金融危機(jī)。ㄕ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)鮮明,并選擇了長城、青磚墻、巖石等具有象征性的視覺符號(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)。
以湖北日報(bào)報(bào)業(yè)集團(tuán)荊楚網(wǎng)策劃制作的“中部崛起”主題網(wǎng)站為例,該網(wǎng)站獲得了第十六屆中國新聞獎(jiǎng)網(wǎng)絡(luò)專題類二等獎(jiǎng)。網(wǎng)站選擇了一些簡單而實(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)勢,擺脫了傳統(tǒng)紙媒只能包含文字和圖像的弊端,使整個(gè)網(wǎng)站在形式上更加豐富,更能吸引網(wǎng)民的瀏覽。當(dāng)然各種媒體要素的應(yīng)用在豐富了頁面形式的同時(shí),勢必要考慮由于帶寬、瀏覽器技術(shù)等因素造成的媒體效果在網(wǎng)民客戶端不能正常呈現(xiàn)的問題。
本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品中,每個(gè)作品基本上都包含了文字、圖形、圖像、動(dòng)畫以及少量的Javascript程序和視頻。
以長江網(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次中國互聯(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ò)速度”、“操作簡便”等都比較滿意。如圖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次中國互聯(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)“請問武漢市還想賺出多少個(gè)黃鶴樓來?”網(wǎng)絡(luò)評(píng)論專題網(wǎng)站重在網(wǎng)民的交流,而且要求更新速度快,就不適合選擇數(shù)據(jù)量比較大的媒體形式,更多的是簡單圖形、文字。
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)用簡單實(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)站的外觀和媒體類型的選擇。現(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ù)倉庫,在網(wǎng)站中涵蓋了各種目前流行的媒體技術(shù),導(dǎo)致“花而不實(shí)”。
網(wǎng)站的總體設(shè)計(jì)水平不高不僅是本次網(wǎng)絡(luò)新聞獎(jiǎng)獲獎(jiǎng)作品的問題,還是整個(gè)國內(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)該了解中國傳統(tǒng)文化并合理運(yùn)用——“辛末”還是“辛未”
湖北電視臺(tái)火鳳網(wǎng)策劃制作的“罹難、屈辱、勝利、復(fù)興”主題和視覺設(shè)計(jì)都很好,缺憾卻出現(xiàn)在整個(gè)網(wǎng)站首頁的左上角。中國傳統(tǒng)文化中有“天干地支”,“天干地支”也稱“干支”,是“甲乙丙丁戊已庚辛壬癸”十天干與“子(鼠)丑(牛)寅(虎)卯(兔)辰(龍)巳(蛇)午(馬)未(羊)申(猴)酉(雞)戌(狗)亥(豬)”十二地支。而1931年是農(nóng)歷“辛未”年(羊年),在“地支”中并沒有“末”,視覺設(shè)計(jì)人員在設(shè)計(jì)中因?yàn)槿狈镜奈幕R(shí),將“辛未”錯(cuò)寫成“辛末”,足見不仔細(xì)。如圖1.1所示。
另外一種情況便是刻意加入一些傳統(tǒng)文化因素,導(dǎo)致負(fù)面效應(yīng)。如“3000小學(xué)生妖魔化媽媽”中的網(wǎng)站標(biāo)示,如圖3.1所示,標(biāo)示以中文、英文和簡單圖形組成。姑且不談中文英文搭配是否合理,標(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)持“簡單即美”的原則,用最大眾化的視覺語言傳遞信息。
圖3.1 “3000小學(xué)生妖魔化媽媽”篆字標(biāo)題
(2)視覺設(shè)計(jì)人員應(yīng)具有一定的外語水平——“Low”還是“Law”
網(wǎng)民的文化層次很復(fù)雜而豐富,如2006年1月CNNIC發(fā)布的《第17次中國互聯(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次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》網(wǎng)民文化程度分布
圖3.3 《第17次中國互聯(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)民心理變化。如在長江日報(bào)報(bào)業(yè)集團(tuán)漢網(wǎng)策劃制作的“何媛?戒毒”專題網(wǎng)站中,標(biāo)題圖片采用了“圖形+中文+英文”的常規(guī)模式,如圖3.4所示,這種模式是最常有的模式之一,但需要考慮兩種情況,如果網(wǎng)站面向的網(wǎng)民包含比較多的國外用戶,則建議使用英文,但如果網(wǎng)站面向的網(wǎng)民中并不包含這些用戶,則舍棄英文而采用拼音字母較好。本例中“法律”的英文為Low,事實(shí)上應(yīng)為Law,這是個(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)了這種情況。如長江日報(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)用的場合要對(duì)。中文網(wǎng)站強(qiáng)烈建議用“更多”,而英文網(wǎng)站必須用“more”。
。2)隨意使用英文簡稱。本次新聞網(wǎng)站作品中,有個(gè)網(wǎng)站在標(biāo)題圖片中出現(xiàn)了“CH**”(**指編號(hào)),CH**的意義模糊不清,網(wǎng)民瀏覽時(shí)會(huì)留有疑問。美國著名的網(wǎng)站效果評(píng)論專家斯蒂芬?克魯格用了一句話來解決這個(gè)問題,那就是“不要讓用戶動(dòng)腦”。給網(wǎng)民直觀、簡潔的視覺符號(hào),讓網(wǎng)民能借助這些符號(hào)獲得正確、完整的信息,這應(yīng)該是網(wǎng)站的目的和目標(biāo)。
圖3.5 “相約漢網(wǎng)”首頁局部
以上問題的出現(xiàn)可能的原因在于“測試過程”的缺失。在整個(gè)網(wǎng)站建設(shè)過程中,要經(jīng)過多次測試,在中途和結(jié)束時(shí)都要開展,而且是必要的。測試過程最好聘請“模擬用戶”參與,以便獲得更準(zhǔn)確的測試結(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)頁長時(shí)間打不開的現(xiàn)象。一旦網(wǎng)站通過互聯(lián)網(wǎng)和網(wǎng)民見面,則必須要考慮到用戶的具體使用條件,如使用的上網(wǎng)設(shè)備、瀏覽器版本、顯示器分辨率等因素。根據(jù)CNNIC《第17次中國互聯(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)民的立場進(jìn)行設(shè)計(jì)。沒有進(jìn)行換位思考的網(wǎng)站往往出現(xiàn)如下問題。
圖3.6 《第17次中國互聯(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)勢也存在劣勢。優(yōu)勢在于可以合理控制頁面的外觀結(jié)構(gòu),劣勢在于它是一種結(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)黑,奇趣乃出。”講得是國畫創(chuàng)作中要注重著墨部分和空白部分的比例關(guān)系,當(dāng)彼此比例得當(dāng)時(shí),才會(huì)使整個(gè)畫作生動(dòng)。網(wǎng)頁設(shè)計(jì)雖然和國畫創(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)虛空間過大
如長江日報(bào)報(bào)業(yè)集團(tuán)漢網(wǎng)策劃制作的“何媛?戒毒”專題網(wǎng)站的“毒品資料”欄目,頁面中列舉了6種毒品的名稱,由于名稱字?jǐn)?shù)不同,長短不一,為了達(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所示。
- ■ 與【新聞網(wǎng)站新聞作品的視覺設(shè)計(jì)探討】相關(guān)新聞
- ■ 行業(yè)經(jīng)濟(jì)
- ■ 經(jīng)濟(jì)指標(biāo)
-