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

> 進(jìn)入微博< 熱點(diǎn)圖片
大眾網(wǎng)版權(quán)與免責(zé)聲明
1、大眾網(wǎng)所有內(nèi)容的版權(quán)均屬于作者或頁(yè)面內(nèi)聲明的版權(quán)人。未經(jīng)大眾網(wǎng)的書(shū)面許可,任何其他個(gè)人或組織均不得以任何形式將大眾網(wǎng)的各項(xiàng)資源轉(zhuǎn)載、復(fù)制、編輯或發(fā)布使用于其他任何場(chǎng)合;不得把其中任何形式的資訊散發(fā)給其他方,不可把這些信息在其他的服務(wù)器或文檔中作鏡像復(fù)制或保存;不得修改或再使用大眾網(wǎng)的任何資源。若有意轉(zhuǎn)載本站信息資料,必需取得大眾網(wǎng)書(shū)面授權(quán)。
2、已經(jīng)本網(wǎng)授權(quán)使用作品的,應(yīng)在授權(quán)范圍內(nèi)使用,并注明“來(lái)源:大眾網(wǎng)”。違反上述聲明者,本網(wǎng)將追究其相關(guān)法律責(zé)任。
3、凡本網(wǎng)注明“來(lái)源:XXX(非大眾網(wǎng))”的作品,均轉(zhuǎn)載自其它媒體,轉(zhuǎn)載目的在于傳遞更多信息,并不代表本網(wǎng)贊同其觀點(diǎn)和對(duì)其真實(shí)性負(fù)責(zé)。本網(wǎng)轉(zhuǎn)載其他媒體之稿件,意在為公眾提供免費(fèi)服務(wù)。如稿件版權(quán)單位或個(gè)人不想在本網(wǎng)發(fā)布,可與本網(wǎng)聯(lián)系,本網(wǎng)視情況可立即將其撤除。
4、如因作品內(nèi)容、版權(quán)和其它問(wèn)題需要同本網(wǎng)聯(lián)系的,請(qǐng)30日內(nèi)進(jìn)行。
