《中國一日》網頁設計思路
2010-10-27 21:40:00 作者:劉赟 來源:大眾網

數碼設計部首席美編 劉赟
在2009年9月11日,大眾網接到國務院新聞辦公室網絡局通知:為慶祝新中國60華誕,全國60家網站共同舉辦億萬網民共同記錄“中國一日”的活動。該活動主旨是讓網友寫出自己的真實經歷、拍下身邊的場景片斷,共同記錄“9·19”這個普通“中國一日”的24小時脈動。經過同志們的開會討論,確定了《中國一日》專題的制作思路。
《中國一日》專題的網頁設計基本是分了兩個階段。
第一個階段:網上啟示。設立專門的頁面,以介紹活動,測試上傳稿件功能為主。在這個立意下,頁面設計主要是動畫配上傳功能,頁面簡介,內容突出,動畫設計也很到位。

第二個階段是活動當天的頁面設計,在這個階段,設計上經歷了三次大的變化。
首稿的頁面設計,是以傳統和平鋪直述的方式來體現征稿內容,主要是文字表現,設計稿出來以后,經過評定討論,大家都認為需要打破這種慣常思路和網頁格局,我們需要一個親民,有風格,體現直播特點的設計。
經過與編輯部的討論,確定了分三個層次來設計頁面,首先是動畫開場,其次是分時段播送的主網頁,最后是稿件細覽頁面。
動畫一屏:首先淡出國慶60周年標志和《中國一日》標題在一起的畫面,然后書寫出:“每個人的一天都是相似的,但幸福各有不同……”,由此為網友開啟中國一日的閱讀旅程。

動畫二屏:從帶有大眾網標的盒子里滾動出彩色的文字,這些文字都是網友來稿的精選,這里想表現大眾網的“中國一日”內容豐富,同時寓意網友生活的多姿多彩。文字的出現方式經過多次修改,一開始是以無序的形式,想表現活潑的感覺,后來發現文字不容易被看清楚,有雜亂感,于是從便于閱讀的角度考慮,改成了最后這種有序出場,只以色彩和文字大小來體現活潑的形式。

主頁面:主頁面的設計突出體現24小時直播的特點,以每一個小時為階段,按照0點到24點的順序,分段講述網友的一天。在設計上我們想表現典型的中國特點,清晰的時間分段,方便的閱讀體驗。既是中國網友的一天自然要體現中國特點,于是采用水墨的感覺來體現中國風情;為向網友清楚表明內容以時間來排序的,使用特定時段小鐘表的動畫設計,引領網友分段閱讀;小鐘表后緊跟的是用便箋形式襯托的網友來稿的文字和圖片,這是要體現這些來稿,就像生活中隨手記下的或者是感悟,或者是提醒,或者僅僅是一件事情的簡述,寥寥數筆卻生動感人。這樣,主內容框架基本確定。為了豐富網頁內容,又在主內容的邊欄放置了活動說明和滾動的網友來稿;同時在頭圖下設置了時段導航,便于網友查閱不同時段的來稿。中國一日的主頁面基本定稿。這個時候的頁面設計基本風格已經確定了,但是整體色調還過于單調,不夠親切,在細節的處理上也有些許欠缺。

上圖為設計稿
基本設計稿出爐后,由領導和編輯部同志們的再一次進行綜合評審,又提出一些修改意見,同時在內容上又有改變,增加了圖片視頻獨立的欄目。為適應內容的增加,在主頁面的頭圖下增加滾動的圖片和視頻顯示區,在這一塊的設計上,采用了生活中常用的鏡頭手勢的樣式,再添加攝像機和照相機的圖標,非常清晰的表達了該區域的內容。

活動后續的樣式也做了改變,放棄原先使用大字體簡單表現的形式,使用日歷的形式,配上醒目的數字和文字,及后期陸續收到的稿件展示,使網友在瀏覽完24小時之后能看到這個有沖擊力的提醒:我們的活動還將繼續,我們的生活還將繼續。

在頁面色彩上,將原來主內容區的以黑白為主的冷色調改為帶金黃色的暖色調,這就使頁面色彩更加豐富柔和且具親切感。
終于在大家的共同努力下,《中國一日》專題隆重登場了,它運用了音樂、動畫,圖片、視頻、文字的綜合表現手段,頁面設計構思新穎,生動活潑又具有較強的沖擊力,色彩柔和親切。它以日記的形式,突出了”中國一日”的主題思想。專題還借助論壇,博客,手機報等渠道,充分發揮了網絡優勢,激勵了廣大網友的參與熱情,記錄了9.19平凡一天的生活點滴,文字是平凡的,但情感是動人的。

(上圖為專題頁面拼接截圖)

相關閱讀
您對其他相關新聞感興趣,請在這里搜索
大眾網版權與免責聲明
1、大眾網所有內容的版權均屬于作者或頁面內聲明的版權人。未經大眾網的書面許可,任何其他個人或組織均不得以任何形式將大眾網的各項資源轉載、復制、編輯或發布使用于其他任何場合;不得把其中任何形式的資訊散發給其他方,不可把這些信息在其他的服務器或文檔中作鏡像復制或保存;不得修改或再使用大眾網的任何資源。若有意轉載本站信息資料,必需取得大眾網書面授權。
2、已經本網授權使用作品的,應在授權范圍內使用,并注明“來源:大眾網”。違反上述聲明者,本網將追究其相關法律責任。
3、凡本網注明“來源:XXX(非大眾網)”的作品,均轉載自其它媒體,轉載目的在于傳遞更多信息,并不代表本網贊同其觀點和對其真實性負責。本網轉載其他媒體之稿件,意在為公眾提供免費服務。如稿件版權單位或個人不想在本網發布,可與本網聯系,本網視情況可立即將其撤除。
4、如因作品內容、版權和其它問題需要同本網聯系的,請30日內進行。




