首頁設(shè)計歷來是網(wǎng)站建設(shè)的重要一環(huán),不僅因為“第一印象”至關(guān)重要,而且直接關(guān)系到網(wǎng)站各頻道首頁及頻道以下各級欄目首頁的風格和框架布局的協(xié)調(diào)統(tǒng)一等連鎖性問題,是整個網(wǎng)站建設(shè)的“龍頭工程”。“尤其是新網(wǎng)站,首頁編排的優(yōu)劣,將直接影響到它是否能吸引更多網(wǎng)民進入站內(nèi)瀏覽。”①
轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
2000年以來,各省的重點新聞網(wǎng)站紛紛開通,雖說主要定位于新聞網(wǎng),但一般各省的代表性網(wǎng)站,不僅其規(guī)模在省內(nèi)最大,其首頁實際上亦成了某個省份的重要形象之一,是該省在網(wǎng)上的惟一“面孔”。所以各省重點新聞網(wǎng)站的業(yè)內(nèi)同行實際上一直在作無聲的較量,力求在開網(wǎng)之日有一個不同凡響的首頁。有些網(wǎng)站開通后不久即進行了改版,欲“換一副面孔”即是重要動因。一個網(wǎng)站如果沒有一個成功的首頁,在內(nèi)容或其它方面辦得再好,也很難躋身一流網(wǎng)站之列。嘉祥網(wǎng)站建設(shè)公司。
新聞網(wǎng)站的首頁要做到不同凡響、一鳴驚人,主要需要考慮三個“沖擊力”的問題,即色彩的沖擊力、布局的沖擊力和logo(標識)的沖擊力。嘉祥網(wǎng)站建設(shè)公司。
一、關(guān)于色彩的沖擊力省級新聞網(wǎng)站,實際上也兼作政府網(wǎng)站和地方門戶網(wǎng)站,其首頁的風格,應(yīng)當是沉穩(wěn)、簡明、大方。與商業(yè)性網(wǎng)站的色彩斑瀾和個人網(wǎng)站的簡潔淡雅相比,新聞網(wǎng)站宜采用對比鮮明、沖擊強烈的色彩作為首頁的主色調(diào)。即以一兩種基色的搭配為主色,來顯示新聞網(wǎng)站富有競爭力的特性。由于主色構(gòu)成相對單一,所以宜通過較濃烈的色彩來強化人們的視覺,如果色彩過淡,感覺上會趨向于個人主頁,壓不住陣。嘉祥網(wǎng)站建設(shè)公司。
千龍網(wǎng)作為首家開通的省級重點新聞網(wǎng),2000年3月8日首次亮相時采用了黑與白為主的基色,給人留下了較深的印象。而兩個多月后開通的東方網(wǎng),其首頁以淡黃色為基調(diào),過份強調(diào)了“高雅”,卻未能形成“色彩沖擊”方面的后發(fā)優(yōu)勢,這不能不說是東方網(wǎng)在推出三個月后就進行改版的一個重要原因。東方網(wǎng)改版后(當年8月)給人的第一印象,就是大膽地一掃眾多網(wǎng)站“輕描淡寫”的首頁風格,以紅與黑相間的主色調(diào),給人以前所未有的強烈的視覺沖擊。其后,東方網(wǎng)由于種種原因,于2001年元旦進行了第二次改版,但依然保留了這色彩個性極其鮮明的主色調(diào)。嘉祥網(wǎng)站建設(shè)公司。
2001年5月25日,千龍網(wǎng)在正式運行一年后首次改版,斷然放棄了開網(wǎng)之初的黑白之色,代之以“京城故宮圍墻赭紅與皇宮金黃色調(diào)的搭配”,②色彩對比依然鮮明,但又成功地體現(xiàn)了千龍地處首都地域的風格定位,并給其他新聞網(wǎng)站提供了從地域特色和文化內(nèi)涵方面尋找首頁主色調(diào)的設(shè)計理念,深化了人們在首頁基色定位方面的思路。相形之下,東方網(wǎng)則很難回答其“紅與黑”與上海這個城市或“東方文化”之間的內(nèi)在聯(lián)系,而更多的是純美術(shù)層面的選擇———“紅與黑”歷來是很搶眼的色調(diào),上海人捷足先登了。嘉祥網(wǎng)站建設(shè)公司。
目前省級重點新聞網(wǎng)站已有十多家,但千龍、東方首頁仍然以其鮮明而強烈的個性色彩鶴立雞群。嘉祥網(wǎng)站建設(shè)公司。
二、關(guān)于布局的沖擊力相對于主色調(diào)的選擇余地并不很大,首頁的內(nèi)容布局翻新卻可以多作些文章。內(nèi)容布局盡管也受到諸種限制,只能在網(wǎng)頁固有的框架內(nèi)“戴著鐐銬跳舞”,但有束縛才有創(chuàng)造,才會顯示出創(chuàng)造的魅力,才會具有突破原有框架的新鮮感。根據(jù)這兩年新聞網(wǎng)站首頁在設(shè)計、改版過程中的一些規(guī)律性變化,可以總結(jié)出在內(nèi)容布局方面的三個重要特征。嘉祥網(wǎng)站建設(shè)公司。
1、服務(wù)至上。內(nèi)容布局的第一個突破,是新浪網(wǎng)在1999年的改版中,首次將旗幟(banner)廣告(468X60ps)移到了頻道導航欄的下方,突出了頻道入口,強調(diào)了在首頁整體布局上“頻道導航”的綱領(lǐng)性作用。東方網(wǎng)的第一次改版,則在此基礎(chǔ)上更進一步,不但把導航條置于banner之上,并進而把“用戶登錄”區(qū)做成一長條,也置于banner之上,這樣又第一次通過內(nèi)容布局,體現(xiàn)出為網(wǎng)友“服務(wù)”的思想。這與當時各大網(wǎng)站經(jīng)營理念從“內(nèi)容為王”到“服務(wù)為王”的轉(zhuǎn)變是有著密切聯(lián)系的。中安網(wǎng)的首頁雖無多少特色,但其“用戶服務(wù)”功能甚至比東方網(wǎng)還要方便,即將網(wǎng)友最常登錄的“郵箱”與“論壇”兩個點擊按鈕直接并列在首頁頻道導航欄下(東方網(wǎng)采用的下拉框選擇形式,進“論壇”要多點擊一次),最大程度地方便了網(wǎng)友進入。嘉祥網(wǎng)站建設(shè)公司。
2、一步到位。如何在首頁上把網(wǎng)站的全部精彩內(nèi)容直接作上鏈接,使網(wǎng)友不需進入二、三級頁面就能“長驅(qū)直入”網(wǎng)站最優(yōu)內(nèi)容最佳信息,這個看似簡單的問題在首頁上成為現(xiàn)實還是有一個發(fā)展過程的。東方網(wǎng)2000年8月改版后的首頁,還有兩處引人矚目,一是把中區(qū)下部的“網(wǎng)站導航”橫向壓縮了一半,省出的另一半布置為“頻道精選”,即把每個頻道的最精彩的內(nèi)容各選一個上首頁,使網(wǎng)友不必進入各頻道的首頁,就可預知其精彩內(nèi)容并一步點入。同年11月28日開網(wǎng)的北方網(wǎng),幾乎原樣照搬了東方網(wǎng)的這一手法。東方網(wǎng)的另一處“突破”是在首頁右區(qū)中部,設(shè)置了一個欄目叫“BBS精華”,把論壇里的“精彩妙貼”也直接鏈上首頁,既體現(xiàn)了新聞網(wǎng)站的強大編輯力量(為網(wǎng)友去蕪取菁),也反映了對直接來自網(wǎng)友的觀點和看法的尊重。新聞網(wǎng)站首頁的內(nèi)容布局,可以吸取傳統(tǒng)平面媒體的經(jīng)驗。對logo的位置、banner的位置及新聞圖片的位置,作出更加大膽的設(shè)計。如logo為什么只能放在右上角并水平放置呢,能不能有豎起來放到左上角、像某些報紙的名稱那樣呢?又如,新聞標題為什么非要全部橫排呢,能否根據(jù)不同的新聞類別,劃出部分標題實行豎排呢?在改版后的千龍首頁右區(qū),“千龍互動”和“首都導航”兩個欄目下的標題就已實行了豎排方式。嘉祥網(wǎng)站建設(shè)公司。
3、“寸土寸金”。人們登錄新聞網(wǎng)站,主要是獲取各種新聞性信息。故新聞網(wǎng)站的首頁理應(yīng)顯示出緊湊的布局,在單位面積里傳達出最大的信息量,而不能像許多大型企業(yè)的網(wǎng)站首頁那樣,以空間換“瀟灑”。首頁一般在兩屏至兩屏半的幅長,這里缺省的上半幅里內(nèi)容的安排尤其重要,因為忙的人都不會往下拉,很可能只看缺省的一幅,所以需要將網(wǎng)站的重點內(nèi)容和基本服務(wù)都安排下,在安排內(nèi)容時具有“寸土寸金”的意識。一般來說,導讀和新聞圖片放進缺省一幅并在主要位置并無異議,畢竟是新聞網(wǎng)站嘛!但對將郵箱、BBS、ChatRoom、搜索引擎、手機短信、股市查詢等基本服務(wù)項目也納入缺省一幅,就不是所有新聞網(wǎng)站都能引起足夠的重視的。如果發(fā)郵件或搜索新聞還要用鼠標下拉一下,對網(wǎng)友是很不方便的。東方網(wǎng)在缺省的一幅里,信息量是相當大的,僅看它的中區(qū),不僅安排了導讀性新聞要目及圖片,還安排了反映百姓呼聲的“東方直通車”、熱門專題集錦“東方熱點”,以及包括“股市查詢”、“天氣預報”、“求醫(yī)問藥”在內(nèi)的“生活錦囊”,甚至“英語新聞”要目也上了缺省這一屏,顯示其國際大都市風貌。千龍網(wǎng)也把它的“拳頭產(chǎn)品”“千龍黃金耳”(音頻新聞)、“環(huán)球見聞”(視頻新聞)、“Flash7日”(新聞故事)和“48小時精彩回放”(新聞回顧),悉數(shù)納入缺省一幅。嘉祥網(wǎng)站建設(shè)公司。
值得指出,首頁內(nèi)容布局之創(chuàng)新,不是單純地把有關(guān)重點欄目、深層優(yōu)秀內(nèi)容或banner的位置在頁面框架內(nèi)移來移去、重作調(diào)整,而是本著創(chuàng)新的理念,將網(wǎng)站的內(nèi)容重心和基本服務(wù),在特定的網(wǎng)頁框架內(nèi)積極調(diào)譴,推陳出新。這一過程實際上反映了網(wǎng)站從業(yè)人員對互聯(lián)網(wǎng)認識在不斷加深,如對互聯(lián)網(wǎng)的即時互動等強勢特質(zhì)的進一步認同。嘉祥網(wǎng)站建設(shè)公司。
三、關(guān)于logo的沖擊力在首頁設(shè)計過程中,即便具有了上述兩種沖擊力,如果缺少一個別具一格、特征鮮明的logo,仍然會功敗垂成。Logo是首頁的“網(wǎng)眼”,是整體藝術(shù)創(chuàng)作的畫龍點睛之筆。一個絕妙的logo不但會使首頁驀然生輝,而且會成為整個網(wǎng)站的“形象大使”,成為員工的胸牌,成為宣傳品上的標志,對網(wǎng)站的進一步發(fā)展有著非同尋常的功用。嘉祥網(wǎng)站建設(shè)公司。
近兩年大型網(wǎng)站在logo設(shè)計方面有崇尚簡單明了的審美傾向,往往越是知名的網(wǎng)站,logo設(shè)計越簡單,但那是一種高明的簡單,是一種認識論上循環(huán)往復、刪繁就簡后的簡單。通常的做法是取消了獨立的標志圖案,而在英文域名上做文章,說得更確切點,是將英文域名中的某個特定字母拿出來,進行圖象化或夸張性的變形、變色處理。嘉祥網(wǎng)站建設(shè)公司。
這方面一個典型的例子是新浪網(wǎng)的logo。設(shè)計者僅在黑色字體的sina中,將小寫字母“i”上的那一點作“空心”處理,然后套上了一個紅色“帽子”,像眼睛,也像火炬,頓時就妙不可言,很抽象,也很現(xiàn)代。新浪的logo太簡單了,卻擊敗了許多花上許多功夫精雕細琢的logo,個中道理值得玩味。另一個老牌新聞網(wǎng)站大洋網(wǎng)的logo設(shè)計,亦與此有異曲同工之妙。大洋的域名是dayoo,最后兩個oo引起了設(shè)計者的興趣,結(jié)果演變成一雙眼簾不斷翻動的眼睛,使人過目難忘。嘉祥網(wǎng)站建設(shè)公司。
2001年9月12日開通的西部網(wǎng)(www.chinawestnews.com),其logo是一個“西”字,這個“西”字經(jīng)過擬人化變形,有點“臂挽臂”的味道,形象地表明了這是一個聯(lián)合型的超級媒體“航母”(西部網(wǎng)由中國西部12家省、市、區(qū)聯(lián)合主辦)。東北網(wǎng)的logo設(shè)計,則是一個有著抗聯(lián)軍旗風格的“東”字,地方特征鮮明。嘉祥網(wǎng)站建設(shè)公司。
發(fā)達國家的一些新聞網(wǎng)站,首頁的logo設(shè)計通常都比較簡單,但顯得很大方。如USAToday的logo只在名稱前加了個模糊的地球;Foxnews的logo只在英文域名上打上兩道光束,繼承了其家族Fox電影公司的片頭特征。MSNBC的logo是半個六色色盤。BBC網(wǎng)站的logo則是把白色的BBC三個大寫字母放在了三個黑色的小方塊里。嘉祥網(wǎng)站建設(shè)公司。
無庸諱言,首頁的頁面設(shè)計必須與內(nèi)容緊密配合,不能脫開內(nèi)容來談形式及一切美術(shù)應(yīng)用。是內(nèi)容決定色彩、布局,而不是相反。因此在設(shè)計過程中,應(yīng)始終對首頁的內(nèi)容安排引起足夠的重視,對每一區(qū)域的設(shè)計都以明確本區(qū)的內(nèi)容概念為基礎(chǔ),由此引向獨到而深刻的美術(shù)創(chuàng)意。同時,不要輕視首頁設(shè)計過程中一些局部的打磨和處理,一個成功的首頁給人的總體感覺,正是由每一個局部疊加而來。嘉祥網(wǎng)站建設(shè)公司。
首頁的主色調(diào)、內(nèi)容布局和logo,構(gòu)成了首頁設(shè)計的三大重點,同時也是三大難點。其形成沖擊力的基本理念不僅針對新聞網(wǎng)站,也在很大程度上涵蓋其它性質(zhì)的網(wǎng)站。作為一項復雜的藝術(shù)創(chuàng)作,新聞網(wǎng)站的美工應(yīng)把握住新聞網(wǎng)站的基本定位及由此決定的總體風格,與網(wǎng)頁制作、編程人員密切配合,勇于創(chuàng)新,勇推“第一”,力求在這三方面都能給網(wǎng)友以全新的感受和強烈的沖擊。這樣,才能在首頁“亮相”之日,取得眾望所歸的效果。 轉(zhuǎn)自:奈薇建站網(wǎng)(www.nev.cn)
嘉祥網(wǎng)站建設(shè)公司。