建站心得


新聞網(wǎng)站首頁版式設(shè)計(jì)


2008年1月中旬,“中國網(wǎng)站排名”網(wǎng)顯示了“新聞分類前十名”網(wǎng)站,騰訊新聞、新華網(wǎng)、新浪新聞、網(wǎng)易新聞、鳳凰網(wǎng)、搜狐新聞、人民網(wǎng)、聯(lián)合早報(bào)網(wǎng)、中國經(jīng)濟(jì)網(wǎng)、百度新聞等十家網(wǎng)站名列其中。這表明,相對(duì)于國內(nèi)外許多同類的中文網(wǎng)站,包括商業(yè)新聞網(wǎng)站與傳統(tǒng)新聞媒體網(wǎng)站,這十家新聞網(wǎng)站已處于流量壟斷地位。

如果說新聞內(nèi)容成就了這些新聞網(wǎng)站的前十位排行,那么其網(wǎng)頁設(shè)計(jì)風(fēng)格與視覺傳達(dá)藝術(shù),事實(shí)上也引領(lǐng)了漢語網(wǎng)民的閱讀習(xí)慣,或者說契合了人們的視覺運(yùn)動(dòng)規(guī)律,從而成為網(wǎng)民對(duì)其新聞網(wǎng)頁合理布局的一種視覺“默認(rèn)”選項(xiàng)。我們不能否認(rèn),這種視覺默認(rèn)與人性化設(shè)計(jì)組成的“模板”,給了瀏覽者一個(gè)流暢的視覺體驗(yàn),符合新聞心理學(xué)規(guī)律,具有極強(qiáng)的黏著力,因而培養(yǎng)了網(wǎng)民訪問瀏覽其新聞網(wǎng)頁的忠誠度。

新聞網(wǎng)站強(qiáng)調(diào)信息的聚集能力,因此網(wǎng)站的首頁設(shè)計(jì)十分重要,它涉及到頁面的風(fēng)格和信息展現(xiàn)的方式。當(dāng)網(wǎng)站的制作和發(fā)布成為這個(gè)時(shí)代的熱門技術(shù)時(shí),無論是為了工作還是因?yàn)榕d趣,也無論是機(jī)構(gòu)還是個(gè)人,對(duì)網(wǎng)站設(shè)計(jì)的要求也是越來越講究了。讓我們來看看排行榜中的十家網(wǎng)站,在網(wǎng)頁設(shè)計(jì)元素的安排,特別是在圖形、文字、色彩等視覺元素的意象與新聞要素的傳達(dá)上,是如何遵循規(guī)律來抓住“眼球”,體現(xiàn)人本理念的。這對(duì)我們中小新聞網(wǎng)站的建設(shè)以及如何完善自己的網(wǎng)頁,是具有借鑒意義的。同時(shí),以網(wǎng)絡(luò)品牌文化的建設(shè)和培育為核心,在網(wǎng)絡(luò)品牌戰(zhàn)略的全面統(tǒng)籌規(guī)劃之下,創(chuàng)造性地進(jìn)行新聞網(wǎng)站品牌的CI形象設(shè)計(jì)和市場(chǎng)的傳播推廣工作也極具深遠(yuǎn)意義。網(wǎng)頁設(shè)計(jì)元素有許多,本文只對(duì)上述十家網(wǎng)站首頁的第一幀出現(xiàn)的主要十個(gè)設(shè)計(jì)內(nèi)容進(jìn)行比對(duì)分析,并對(duì)其與新聞元素融合的共性與個(gè)性予以簡(jiǎn)述。

LOGO位置:網(wǎng)站的LOGO(標(biāo)志)既是一種藝術(shù)的追求,也是新聞網(wǎng)站理念的表達(dá)。LOGO在網(wǎng)頁中的放置,一般是以居左為主,新華網(wǎng)則別出心裁放在中間,是一種求變的姿態(tài)。從十家網(wǎng)站的LOGO看,百度是最有特色的,一般會(huì)在節(jié)日或者特定的日子才會(huì)變換LOGO,而在2007年11月7日,百度正式推出首頁人物許三多,這位正在熱播的連續(xù)劇《士兵突擊》的主角,一位“傻根”式的士兵,牽動(dòng)著千萬人的心,被融入了當(dāng)月百度的LOGO中。百度每月選出最受億萬網(wǎng)民關(guān)注的百度首頁人物,他們身上閃爍著能為這個(gè)時(shí)代帶來積極意義的人性光輝,他們故事中的某些亮點(diǎn)恰恰契合了百度所倡導(dǎo)的人文關(guān)懷、追求卓越的價(jià)值觀。從LOGO的變化中,突現(xiàn)新聞價(jià)值,讓我們看到了百度在全球搜索引擎業(yè)中勇于探索、不斷創(chuàng)新的理念表達(dá)。

導(dǎo)航條:網(wǎng)站的一級(jí)主欄目導(dǎo)航菜單通常以通欄形式,橫放于置頂位置,而搜狐新聞、聯(lián)合早報(bào)網(wǎng)則垂直放于左邊,少見放于右邊的。其實(shí)位置的放置只是一種形式,實(shí)質(zhì)沒有變化,大家都遵從網(wǎng)站導(dǎo)航條“3次點(diǎn)擊規(guī)則”,即在主頁上沒有任何一條信息需要點(diǎn)擊次數(shù)超過3次的。對(duì)于大型網(wǎng)站,使用導(dǎo)航和工具條來改善操作,但對(duì)于小型網(wǎng)站,許多設(shè)計(jì)者有些忽視了。所以我們要避免強(qiáng)迫用戶使用向前和向后的按鈕,而應(yīng)當(dāng)讓用戶能夠很快地找到他們所要的東西。上述網(wǎng)站在每一頁同樣的位置上都有相同的導(dǎo)航條,使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分,操作便捷。而且導(dǎo)航條是文字鏈接,這為搜索引擎搜索到其他的頁面提供了方便,如果是圖片鏈接則不能達(dá)到這個(gè)效果。

分欄數(shù):從上述十家網(wǎng)站的版式分欄來看,以二、三分欄居多,四分欄少見。這是一種流行趨勢(shì),也是符合閱讀習(xí)慣的。目前,網(wǎng)站設(shè)計(jì)考慮到廣告宣傳位置,在網(wǎng)頁的兩邊空出一定的空間,使得有限的版面更加縮減,分欄過多過窄,不易閱讀,而且稍長標(biāo)題不能在同一排內(nèi)完整顯示,如果考慮換行則未免有在相對(duì)空間內(nèi)信息量縮水之嫌。

頭條標(biāo)題:相對(duì)其他標(biāo)題行文的字號(hào),我們將其定義為大、中、小進(jìn)行比較。新華網(wǎng)、人民網(wǎng)、中國經(jīng)濟(jì)網(wǎng)等主流新聞網(wǎng)站,頭條標(biāo)題比較喜歡醒目的粗大字體,而且在有限的空間中制作了高水準(zhǔn)的新聞標(biāo)題,這對(duì)于吸引受眾的注意力是相當(dāng)重要和必須的。有研究表明,一條新聞標(biāo)題能吸引閱讀者注意力的時(shí)間平均不足一秒鐘。網(wǎng)易、搜狐、新浪等大型商業(yè)網(wǎng)站則更多采用中號(hào)字體,堅(jiān)持使用通用字體,這樣可以避免所選擇的特殊字體在訪問者的計(jì)算機(jī)上不能顯示這一問題。新浪網(wǎng)的新聞標(biāo)題除極少量用醒目的紅色字體外,全用天藍(lán)色,實(shí)施統(tǒng)一CI形象標(biāo)準(zhǔn)。但也有一些專家建議,應(yīng)當(dāng)堅(jiān)持使用白色的背景和黑色的文本,便于閱讀。

即時(shí)消息:根據(jù)各網(wǎng)站對(duì)“即時(shí)消息”欄目的定義,其名稱不一,或稱即時(shí)新聞、滾動(dòng)、快訊或稱即時(shí)報(bào)道。除網(wǎng)易外,其他各大網(wǎng)站在首頁中都有“即時(shí)消息”體現(xiàn)。中國經(jīng)濟(jì)網(wǎng)的快訊除新聞外,另外還表現(xiàn)其專業(yè)特點(diǎn),顯示股市行情;而百度新聞則表現(xiàn)出搜索引擎的強(qiáng)大功能,由機(jī)器每5分鐘自動(dòng)選取更新。

圖片處理:大多網(wǎng)站將新聞圖片安排在左欄位置,且三五張圖片交替出現(xiàn),下配圖片說明,這樣在瀏覽器中即使去掉了圖像功能,也能保證訪問者獲得滿意的效果。除百度為小圖片外,其他網(wǎng)站的新聞圖片都占一欄,而且不使用過大的圖像,避免了訪問者向右滾動(dòng)屏幕的麻煩,而且還能獲得良好的網(wǎng)頁加載性能。

熱點(diǎn)新聞:各網(wǎng)站名稱不一,如騰訊、網(wǎng)易的“深度”、人民網(wǎng)“新聞榜”、新華網(wǎng)“聚焦”,新浪、百度的“焦點(diǎn)”以及鳳凰、搜狐、聯(lián)合早報(bào)網(wǎng)、中國經(jīng)濟(jì)網(wǎng)的“專題”等,都表達(dá)了網(wǎng)站對(duì)熱點(diǎn)新聞的重視。

新聞排行:表1所示為一段時(shí)間內(nèi)新聞點(diǎn)擊量統(tǒng)計(jì)匯總后的情況,網(wǎng)易、新浪在首頁上都有顯示,騰訊新聞網(wǎng)則有排行欄目,體現(xiàn)大眾對(duì)最近新聞的關(guān)注度。其他網(wǎng)站沒有開設(shè)或在首頁顯示不明顯。

多媒體應(yīng)用:新華網(wǎng)最新播報(bào)24小時(shí)滾動(dòng);聯(lián)合早報(bào)網(wǎng)在固定廣告條的框架里出現(xiàn)商業(yè)性的FLASH廣告;而鳳凰網(wǎng)的“專題報(bào)道”以FLASH推介搶奪眼球;新浪、搜狐網(wǎng)應(yīng)用彈出式背投廣告及商業(yè)性廣告;搜狐的廣告聲音也在彈出多媒體視窗的畫面中同步出現(xiàn)。我們發(fā)現(xiàn),除新浪、搜狐外,其他網(wǎng)站的首頁在多媒體應(yīng)用方面都比較簡(jiǎn)潔,留有空白。一些專家忠告盡量少使用Flash插件,少用Java和AxtiveX,慎用聲音。因?yàn)檫^多地使用這些炫耀的技巧通常以下載速度為代價(jià),而且會(huì)引起視覺疲勞,相反,善于利用空白會(huì)吸引更多的注意力。 廣告放置:有研究表明,通常在首頁的上部或?qū)Ш綏l下方的固定位置放置廣告條,最容易進(jìn)入人們的視野,其次是兩旁的垂直條。上述十家網(wǎng)站都用足用活這條規(guī)律,特別是商業(yè)網(wǎng)站更多地制造首頁的兩邊空間,對(duì)瀏覽者進(jìn)行聲音、色彩、動(dòng)畫全方位廣告“投放”,這一由網(wǎng)站性質(zhì)決定的廣告“插播”對(duì)商業(yè)網(wǎng)站也無可置疑,當(dāng)然前提是相應(yīng)提高其網(wǎng)站空間速度。

綜上所述,十家網(wǎng)站的首頁設(shè)計(jì)各有特點(diǎn),但這些“模板”里共性十分明顯:放好網(wǎng)站導(dǎo)航條,制作精良標(biāo)題,打造新聞熱點(diǎn),設(shè)計(jì)CI形象等,通過這些版面設(shè)計(jì)元素與新聞元素的有機(jī)融合來抓住“眼球”,提升人氣。

中國互聯(lián)網(wǎng)協(xié)會(huì)公布的《2007年下半年新聞?lì)惥W(wǎng)站流量分析報(bào)告》指出,“商業(yè)門戶新聞在國內(nèi)新聞?lì)惥W(wǎng)站流量排名中占有明顯的優(yōu)勢(shì),傳統(tǒng)新聞媒體網(wǎng)站較商業(yè)新聞網(wǎng)站仍存在一定的差距?!本W(wǎng)絡(luò)新聞傳播技術(shù)在不斷創(chuàng)新,傳播規(guī)律在不斷被揭示,我們應(yīng)該揚(yáng)別人之長,避自己之短?!皼]有最好的網(wǎng)站,只有最適合的網(wǎng)站。”這是我們?cè)谛侣劸W(wǎng)站設(shè)計(jì)時(shí)應(yīng)有的價(jià)值取向。在網(wǎng)絡(luò)新聞改變著傳統(tǒng)新聞傳播的技術(shù)格局、內(nèi)容格局以及市場(chǎng)格局的今天,面對(duì)傳媒市場(chǎng)競(jìng)爭(zhēng),網(wǎng)站首頁的版面設(shè)計(jì)如何詮釋新聞理念,傳達(dá)價(jià)值觀,打造親和力,從而提升網(wǎng)絡(luò)傳播“眼球”價(jià)值,這是做大做強(qiáng)新聞網(wǎng)站必須認(rèn)真探索的一個(gè)課題。


相關(guān)文章

首頁  電話  咨詢  頂部