《中國一日》網(wǎng)頁設(shè)計思路
2010-10-27 21:40:00 我要評論
劉赟 來源: 大眾網(wǎng)[提要] 在2009年9月11日,大眾網(wǎng)接到國務(wù)院新聞辦公室網(wǎng)絡(luò)局通知:為慶祝新中國60華誕,全國60家網(wǎng)站共同舉辦億萬網(wǎng)民共同記錄“中國一日”的活動。該活動主旨是讓網(wǎng)友寫出自己的真實經(jīng)歷、拍下身邊的場景片斷,共同記錄“9·19”這個普通“中國一日”的24小時脈動。經(jīng)過同志們的開會討論,確定了《中國一日》專題的制作思路。
數(shù)碼設(shè)計部首席美編 劉赟
在2009年9月11日,大眾網(wǎng)接到國務(wù)院新聞辦公室網(wǎng)絡(luò)局通知:為慶祝新中國60華誕,全國60家網(wǎng)站共同舉辦億萬網(wǎng)民共同記錄“中國一日”的活動。該活動主旨是讓網(wǎng)友寫出自己的真實經(jīng)歷、拍下身邊的場景片斷,共同記錄“9·19”這個普通“中國一日”的24小時脈動。經(jīng)過同志們的開會討論,確定了《中國一日》專題的制作思路。
《中國一日》專題的網(wǎng)頁設(shè)計基本是分了兩個階段。
第一個階段:網(wǎng)上啟示。設(shè)立專門的頁面,以介紹活動,測試上傳稿件功能為主。在這個立意下,頁面設(shè)計主要是動畫配上傳功能,頁面簡介,內(nèi)容突出,動畫設(shè)計也很到位。
第二個階段是活動當(dāng)天的頁面設(shè)計,在這個階段,設(shè)計上經(jīng)歷了三次大的變化。
首稿的頁面設(shè)計,是以傳統(tǒng)和平鋪直述的方式來體現(xiàn)征稿內(nèi)容,主要是文字表現(xiàn),設(shè)計稿出來以后,經(jīng)過評定討論,大家都認(rèn)為需要打破這種慣常思路和網(wǎng)頁格局,我們需要一個親民,有風(fēng)格,體現(xiàn)直播特點的設(shè)計。
經(jīng)過與編輯部的討論,確定了分三個層次來設(shè)計頁面,首先是動畫開場,其次是分時段播送的主網(wǎng)頁,最后是稿件細(xì)覽頁面。
動畫一屏:首先淡出國慶60周年標(biāo)志和《中國一日》標(biāo)題在一起的畫面,然后書寫出:“每個人的一天都是相似的,但幸福各有不同……”,由此為網(wǎng)友開啟中國一日的閱讀旅程。
動畫二屏:從帶有大眾網(wǎng)標(biāo)的盒子里滾動出彩色的文字,這些文字都是網(wǎng)友來稿的精選,這里想表現(xiàn)大眾網(wǎng)的“中國一日”內(nèi)容豐富,同時寓意網(wǎng)友生活的多姿多彩。文字的出現(xiàn)方式經(jīng)過多次修改,一開始是以無序的形式,想表現(xiàn)活潑的感覺,后來發(fā)現(xiàn)文字不容易被看清楚,有雜亂感,于是從便于閱讀的角度考慮,改成了最后這種有序出場,只以色彩和文字大小來體現(xiàn)活潑的形式。
主頁面:主頁面的設(shè)計突出體現(xiàn)24小時直播的特點,以每一個小時為階段,按照0點到24點的順序,分段講述網(wǎng)友的一天。在設(shè)計上我們想表現(xiàn)典型的中國特點,清晰的時間分段,方便的閱讀體驗。既是中國網(wǎng)友的一天自然要體現(xiàn)中國特點,于是采用水墨的感覺來體現(xiàn)中國風(fēng)情;為向網(wǎng)友清楚表明內(nèi)容以時間來排序的,使用特定時段小鐘表的動畫設(shè)計,引領(lǐng)網(wǎng)友分段閱讀;小鐘表后緊跟的是用便箋形式襯托的網(wǎng)友來稿的文字和圖片,這是要體現(xiàn)這些來稿,就像生活中隨手記下的或者是感悟,或者是提醒,或者僅僅是一件事情的簡述,寥寥數(shù)筆卻生動感人。這樣,主內(nèi)容框架基本確定。為了豐富網(wǎng)頁內(nèi)容,又在主內(nèi)容的邊欄放置了活動說明和滾動的網(wǎng)友來稿;同時在頭圖下設(shè)置了時段導(dǎo)航,便于網(wǎng)友查閱不同時段的來稿。中國一日的主頁面基本定稿。這個時候的頁面設(shè)計基本風(fēng)格已經(jīng)確定了,但是整體色調(diào)還過于單調(diào),不夠親切,在細(xì)節(jié)的處理上也有些許欠缺。
上圖為設(shè)計稿
基本設(shè)計稿出爐后,由領(lǐng)導(dǎo)和編輯部同志們的再一次進(jìn)行綜合評審,又提出一些修改意見,同時在內(nèi)容上又有改變,增加了圖片視頻獨立的欄目。為適應(yīng)內(nèi)容的增加,在主頁面的頭圖下增加滾動的圖片和視頻顯示區(qū),在這一塊的設(shè)計上,采用了生活中常用的鏡頭手勢的樣式,再添加攝像機和照相機的圖標(biāo),非常清晰的表達(dá)了該區(qū)域的內(nèi)容。
活動后續(xù)的樣式也做了改變,放棄原先使用大字體簡單表現(xiàn)的形式,使用日歷的形式,配上醒目的數(shù)字和文字,及后期陸續(xù)收到的稿件展示,使網(wǎng)友在瀏覽完24小時之后能看到這個有沖擊力的提醒:我們的活動還將繼續(xù),我們的生活還將繼續(xù)。
在頁面色彩上,將原來主內(nèi)容區(qū)的以黑白為主的冷色調(diào)改為帶金黃色的暖色調(diào),這就使頁面色彩更加豐富柔和且具親切感。
終于在大家的共同努力下,《中國一日》專題隆重登場了,它運用了音樂、動畫,圖片、視頻、文字的綜合表現(xiàn)手段,頁面設(shè)計構(gòu)思新穎,生動活潑又具有較強的沖擊力,色彩柔和親切。它以日記的形式,突出了”中國一日”的主題思想。專題還借助論壇,博客,手機報等渠道,充分發(fā)揮了網(wǎng)絡(luò)優(yōu)勢,激勵了廣大網(wǎng)友的參與熱情,記錄了9.19平凡一天的生活點滴,文字是平凡的,但情感是動人的。
(上圖為專題頁面拼接截圖)
大眾網(wǎng)版權(quán)與免責(zé)聲明
1、大眾網(wǎng)所有內(nèi)容的版權(quán)均屬于作者或頁面內(nèi)聲明的版權(quán)人。未經(jīng)大眾網(wǎng)的書面許可,任何其他個人或組織均不得以任何形式將大眾網(wǎng)的各項資源轉(zhuǎn)載、復(fù)制、編輯或發(fā)布使用于其他任何場合;不得把其中任何形式的資訊散發(fā)給其他方,不可把這些信息在其他的服務(wù)器或文檔中作鏡像復(fù)制或保存;不得修改或再使用大眾網(wǎng)的任何資源。若有意轉(zhuǎn)載本站信息資料,必需取得大眾網(wǎng)書面授權(quán)。
2、已經(jīng)本網(wǎng)授權(quán)使用作品的,應(yīng)在授權(quán)范圍內(nèi)使用,并注明“來源:大眾網(wǎng)”。違反上述聲明者,本網(wǎng)將追究其相關(guān)法律責(zé)任。
3、凡本網(wǎng)注明“來源:XXX(非大眾網(wǎng))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點和對其真實性負(fù)責(zé)。本網(wǎng)轉(zhuǎn)載其他媒體之稿件,意在為公眾提供免費服務(wù)。如稿件版權(quán)單位或個人不想在本網(wǎng)發(fā)布,可與本網(wǎng)聯(lián)系,本網(wǎng)視情況可立即將其撤除。
4、如因作品內(nèi)容、版權(quán)和其它問題需要同本網(wǎng)聯(lián)系的,請30日內(nèi)進(jìn)行。
