1．前期項(xiàng)目大綱制定與團(tuán)隊(duì)溝通

2．視覺體系形成

3．線上專題的在實(shí)際狀況下的制作

4．后期專題修改與其他門戶的競爭優(yōu)勢對比

前期的項(xiàng)目溝通尤為重要，為往后的設(shè)計工作鋪墊出平坦工作通道。前期由交互設(shè)計師和我做主要的活動廣告訴求調(diào)查。經(jīng)過交互設(shè)計師的整理，清晰的展現(xiàn)出整個活動的來龍去脈和運(yùn)作過程。

整體風(fēng)格

主題：飆新，突出新新能源，新技術(shù)，新市場，新車型

主色調(diào)：使用網(wǎng)易紅色（未統(tǒng)一意見）

視覺主風(fēng)格：見WPS ( 視覺部門信息收集 推薦 )

設(shè)計內(nèi)容：

線上：車展預(yù)熱專題 預(yù)計30個頁面左右（車展現(xiàn)場專題：無法預(yù)計）

線下：現(xiàn)場形象標(biāo)識? 廣告背板 （銷售廣告：無法預(yù)計 暫定一個可套用模板） 現(xiàn)場布展物料? 需要預(yù)備設(shè)計師給予設(shè)計支持 推廣：媒體 報紙 公交等使用形象

需要資料： 具體設(shè)計內(nèi)容的時間安排 （2月5日 更新） 主專題細(xì)化內(nèi)容需求 （2月8日??? 提供） 統(tǒng)一策劃方向文檔 （推薦2月12日前）

線上設(shè)計期望： 圍繞這次車展報道內(nèi)容部門有沒有具體的方向構(gòu)思？還是和以往所有車站報道一樣常規(guī)操作？ 圍繞”新能源””標(biāo)新”關(guān)鍵詞有無對此次車站報道的整體的宣傳方向構(gòu)思？這是由內(nèi)容方構(gòu)思還是市場方構(gòu)思？ 具體汽車?yán)樱ɡ鏣oyota強(qiáng)調(diào)環(huán)保從一些大品牌汽車的網(wǎng)站看到行業(yè)的視覺風(fēng)格是怎么闡釋”新能源”的） 視覺主題可直線連接的視覺元素體現(xiàn)

策劃方向 迭帶 視覺問題： 視覺緊扣主題,視覺風(fēng)格和交互設(shè)計體現(xiàn)現(xiàn)場感,資訊量更大,服務(wù)性的內(nèi)容更明顯,用戶能第一時間找到有用的信息,專題與用戶互動更多,聚合 網(wǎng)易 優(yōu)勢產(chǎn)品 （微搏）,對活動整體包裝

設(shè)計步驟提示： 2月11日 設(shè)計中心出視覺方案 2月12日 確定專題視覺風(fēng)格主題 2月13日 線上主專題設(shè)計線框草稿 2月20日 開始設(shè)計主專題 2月22日 確定二級頁面及高峰論壇線框圖 2月24日 出車展主專題頁面整體設(shè)計效果初稿 2月24日 北京車展高峰論壇及新能源策劃專題線框圖確定 2月26日 修改及確認(rèn)主專題頁面效果 3月1日? 依據(jù)主專題效果 對二級頁面及三級子頁面進(jìn)行排版 設(shè)計 3月2日? 設(shè)計北京車展高峰論壇專題頁面及高峰論壇前期新能源主題策劃專題 3月5日? 完成車展主專題 二級頁面及三級子頁面的設(shè)計工作 3月8日? 完成高峰論壇專題及論壇主題策劃專題設(shè)計初稿 3月10日 確認(rèn)高峰論壇專題及論壇主題策劃專題設(shè)計 3月12日 開始設(shè)計銷售已售出活動專題頁面（清單目前未知） 4月1-4月22日 設(shè)計北京車展現(xiàn)場廣告位 及 現(xiàn)場活動背景板（清單目前未知）

參考： 豐田的混合動力?http://www.hybridsynergydrive.com/

往期車展專題?http://news.xgo.com.cn/topic/235.html#n4

補(bǔ)充參考： 2009法蘭克福車展

2008法蘭克福車展

http://www.iaa.de/archiv/2009/

http://archiv.iaa.de/08/

2007法蘭克福車展????????????????????????????????? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2006法蘭克福車展

http://archiv.iaa.de/07/ http://archiv.iaa.de/06/

會議紀(jì)要

會議目標(biāo)：
討論確定2010北京車展項(xiàng)目的主視覺風(fēng)格

會議步驟：

1. 設(shè)計師展示年前年后所有的視覺風(fēng)格設(shè)計提案

2. 各部門同事交流看法 提出建議意見

3. 選擇視覺方向，達(dá)成一致

4. 提出改進(jìn)需求

5. 交互頁面結(jié)構(gòu)討論

視覺提案：

來源

優(yōu)勢評價：

清新開闊，親切恬靜，與環(huán)保新能源主題貼切，貼近生活，畫面給用戶留下想象空間

改進(jìn)需求：

汽車行業(yè)本身的品質(zhì)感需要加強(qiáng)

標(biāo)識圖形幼齒 參考國際車展的大方氣質(zhì)和規(guī)模

需要提煉 更簡練簡潔 更有品質(zhì) 加強(qiáng)畫面特質(zhì)

畫面沖擊力不足 （環(huán)保本身就是低調(diào)的主題 追求沖擊有點(diǎn)矛盾）

有點(diǎn)像牛奶廣告 圖形細(xì)節(jié)需要深入

飆新主題詮釋：

飆：網(wǎng)絡(luò)流行用語 速度感比賽 高速競技的含義與行業(yè)情況非常貼合

新：新能源 新技術(shù) 新車型 新市場

后續(xù)設(shè)計步驟提示：

視覺：標(biāo)識/ 飆新字體 / 表達(dá)主題的圖形視覺

主視覺設(shè)計經(jīng)驗(yàn)總結(jié)：

在第３次修改的過程中，平面設(shè)計師通宵加班制作，對整個項(xiàng)目的進(jìn)程起到了提前作用，通過上幾次設(shè)計的經(jīng)驗(yàn)總結(jié)，結(jié)合線上線下的畫面體現(xiàn)，最合理的運(yùn)用在專題和雜志廣告中。這次創(chuàng)意來源于第一確定版本，嘗試以道路為主體的表現(xiàn)形式，來抒發(fā)汽車能源， 技術(shù)的革新，通過建筑物在畫面上的焦距產(chǎn)生的空間透視感，讓汽車又“飚”了起來。3dmax的技術(shù)支持下，大畫幅的場景渲染，和空氣的流動把握，實(shí)現(xiàn)出畫面的震撼效果，以綠色道路的環(huán)保理念躍然紙上。

交互設(shè)計師和頻道方，市場部，銷售部經(jīng)過多次會議，在內(nèi)容流量，畫面的美感和廣告收益多方面探討，平衡，通過3次大型的修改后確定最終方案。

預(yù)熱版本設(shè)計工作總結(jié)： 預(yù)熱專題對視覺的修改次數(shù)很多，最初的設(shè)計本以未來的s式流線感表達(dá)“飆新”的概念，效果完成后效果慎佳。裝飾樣式復(fù)雜大過交互功能本身。經(jīng)過簡化后與初創(chuàng)意南轅北轍。經(jīng)過前端的壓縮，圖片呈現(xiàn)有明顯粗糙鋸齒，經(jīng)過糾正后，有所改善。

交互設(shè)計對之后的頁面設(shè)計起到很大的良性引導(dǎo)作用，有優(yōu)勢的地方，也有需要改進(jìn)之處，前期的分工合作，交互的實(shí)際而有力的理論依據(jù)，使頁面設(shè)計的溝通成本大大降低，框架樣式的確定，意味著設(shè)計的確定。但是在框架構(gòu)成中，對網(wǎng)易頁面的規(guī)范稍有不熟，會對之后的排版陷入

兩難的境地，比如在圖片的框架排版當(dāng)中，圖片的尺寸限定?。保玻皒１６０。１２０x９０等，在這些尺寸的橫向分布時已經(jīng)有往期的案例樣式，１２０x160排列位５張圖片一排的疏密最合適，如果，框架中排放６張，就會讓專題設(shè)計人員不知如何是好了。在經(jīng)過調(diào)整后的頁面排版
和框架區(qū)別較大，從廣告位置的屏次等各方面均有牽連，又會造成不必要的返工。

關(guān)于北京車展主專題首頁修改，主要需求如下：
1、增加頭條區(qū)內(nèi)容，呈現(xiàn)更多信息量；
2、保留要聞區(qū)4個折疊呈現(xiàn)形式，修改4折疊內(nèi)現(xiàn)有框架布局，增大信息量；優(yōu)化4個折疊內(nèi)容布局，根據(jù)各板塊內(nèi)容呈現(xiàn)不同的結(jié)構(gòu)框架（新視野結(jié)構(gòu)不變；新車型/新互動優(yōu)化后結(jié)構(gòu)參閱附件，；新能源稍后單獨(dú)提供）；
3、Banner位置下方鋪兩排車型入口和展館，直接導(dǎo)入產(chǎn)品庫及展館；
4、加入零部件報道區(qū)塊，嵌入主專題(稍后提供零部件報道內(nèi)容 )；
5、調(diào)整主專題結(jié)構(gòu)關(guān)系，要聞以下分為兩級關(guān)系，將預(yù)計的15塊通欄內(nèi)容整合為5大塊：1.新車報道及策劃2.數(shù)據(jù)庫、圖庫、網(wǎng)上展廳 3.業(yè)界策劃、訪談及新能源 4.社區(qū)活動、網(wǎng)友活動、網(wǎng)易展臺 5.獵艷地理和美女圖。 每一個版塊區(qū)隔顯著，內(nèi)部各子版塊展開部分采用破欄設(shè)計
(商議5大部分結(jié)構(gòu)劃分及展現(xiàn)形式/活動、車型部分整合結(jié)構(gòu)參閱附件，)；
6、增加業(yè)界主體系列策劃，類似上海車展中國向心力；此外中國制造中北汽相關(guān)部分重新包裝成北京汽車工業(yè)XX年，采用此前模版(稍后提供業(yè)界部分內(nèi)容 )；
7、在專題首頁增加如“每日一車”，“熱車pk”（每天更新）等小欄目板塊(已整合在車型部分修改框架中.參閱附件,)；
8、增加特別策劃板塊，主推策劃類專題(具體可安排位置需商議) 。

新車報道新板塊:

微薄報車展新板塊:

業(yè)界話題新板塊:

第２次改版總結(jié)：

在預(yù)熱版的基礎(chǔ)上，較與其他門戶的策劃略顯單薄。通欄分割過多，頁面破碎，內(nèi)容混亂不統(tǒng)一， 欄目條的樣式超過９６０，在小屏上顯示不完全，并且割裂頁面等等一系列問題得到較好的改善，對此次巨大的調(diào)整前端技術(shù)同事不辭辛苦給與良好的配合。

汽車頻道對這次活動的總結(jié)摘要：

本屆北京車展報道，網(wǎng)易汽車創(chuàng)新類內(nèi)容及形式、網(wǎng)上3D展廳、車展數(shù)據(jù)庫導(dǎo)入、微博評論形式推廣、用品類原創(chuàng)報道等等。 2010北京車展期間，汽車頻道PV峰值突破歷史最高記錄。 整體報道無論從數(shù)量、質(zhì)量、受眾反饋上，均遠(yuǎn)遠(yuǎn)超越網(wǎng)易汽車往屆車展報道水平，并在與競品對比中占據(jù)有利地位。 本屆車展我們主要從訪談、原創(chuàng)解讀、數(shù)據(jù)庫導(dǎo)入、社區(qū)活動等方面進(jìn)行突破，基本實(shí)現(xiàn)了前期制定的策略和預(yù)期目標(biāo)，并且在訪談嘉賓級別、訪談欄目品質(zhì)、原創(chuàng)車型文章質(zhì)量等方面領(lǐng)先于主要競爭對手。 在稿件質(zhì)量方面，前期制訂詳細(xì)的標(biāo)準(zhǔn)規(guī)范和統(tǒng)一的包裝形式，執(zhí)行過程中每篇稿件嚴(yán)格審核，保證了原創(chuàng)稿件質(zhì)量的穩(wěn)定。 活動策劃抓大帶小，精線下重線上。車展期間宜策劃大型活動，帶動同一活動中幾個分項(xiàng)小活動，充分實(shí)現(xiàn)資源整合；車展線下活動耗費(fèi)大量人力物力，盡量將線下活動做到精細(xì)但數(shù)量合理，加大線上包裝的投入力度，4分線下做到6分線上包裝。

線上專題直觀對比：

網(wǎng)易（頭屏-廣告售前）：

搜狐：

對比說明：

本次車展的官方主題是環(huán)保“暢想綠色未來”，在我方的設(shè)計流程中對次的風(fēng)格把握和確立方向肯定而明確。與此次車展的官方視覺體系融合統(tǒng)一。長久以來的嚴(yán)格規(guī)范和品牌樹立高度，讓此次的視覺體系設(shè)計更成熟，在頁面中體現(xiàn)也和線下廣告整體一致。Banner的設(shè)計是專題視覺體現(xiàn)的重點(diǎn)，清晰大方簡約是網(wǎng)易的門戶視覺風(fēng)格，在這次廣大門戶爭搶的活動中，既體現(xiàn)出本次活動策劃的特點(diǎn)，又保持網(wǎng)易的風(fēng)格也是重中之重。布局排版用心設(shè)計，尊重用戶的瀏覽習(xí)慣，閱讀順序清晰，信息規(guī)劃整體，使畫面感設(shè)計感更強(qiáng)烈，強(qiáng)化了門戶的品牌氣勢。體現(xiàn)出網(wǎng)易門戶大型專題的品質(zhì)感和自豪感，是團(tuán)隊(duì)成員們的工作態(tài)度中完全不可缺少的一部分。企業(yè)品牌效應(yīng)對可持續(xù)發(fā)展起到良性循環(huán)的作用不容忽視，不以利益化而設(shè)計也是設(shè)計中高尚理念。 在本次專題設(shè)計中，交互設(shè)計的運(yùn)用，圖片，文字，廣告位，恰當(dāng)?shù)呐虐嬖O(shè)計，使閱讀更輕松愉快，構(gòu)架分明整體化可以讓瀏覽者隨時找到想要的信息。售賣廣告在頁面中突兀，不友好，也淡化到可以讓大眾接受的程度。設(shè)計前的有效溝通，讓廣告的體現(xiàn)，內(nèi)容流量，和視覺達(dá)到均衡飽滿，廣告的售賣是車展活動的勞動價值的最終體現(xiàn)，內(nèi)容流量是線上專題實(shí)質(zhì)所在，而視覺畫面的設(shè)計更能增加網(wǎng)友客戶認(rèn)同網(wǎng)易的門戶巨大價值所在。 頁面的規(guī)劃之初，缺少了導(dǎo)航設(shè)計，使原本因該很突出頁面導(dǎo)航功能，在后期制作變不協(xié)調(diào)，小氣，經(jīng)過多方多次溝通和補(bǔ)救，并嘗試以下拉式懸停鼠標(biāo)模式完善了不足點(diǎn)，以內(nèi)容區(qū)和產(chǎn)品庫的劃分使功能向?qū)逦髁?。門戶專題相比之下，是需要我方設(shè)計和策劃方面用心改進(jìn)的地方。

經(jīng)過一次大型改版，內(nèi)容區(qū)塊更加整體直觀，由欄目條引導(dǎo)區(qū)分明顯細(xì)膩，分割明顯略帶透氣，使閱讀者心情放松。

門戶品牌的優(yōu)勢和短期內(nèi)某次活動廣告收益相比，權(quán)重度因該是顯而易見的?！癵oogle.com的頁面廣告要比一個被廣告位充滿的二流小公司站點(diǎn)值錢，莫不是它更有自己的內(nèi)涵，從技術(shù)到美術(shù)，從價格上的售賣到自我企業(yè)強(qiáng)烈自豪感的平衡，”這些貌似空洞而寬泛不可及的地方，卻是要在每一個小細(xì)節(jié)上，每位管理者所要認(rèn)同并執(zhí)行的。而不是簡單的說：“把我們的logo放大，再大，再大一點(diǎn)！”。 案例：寶馬汽車banner區(qū)投放廣告 “網(wǎng)易的品牌只值兩百萬？”

來源：http://uedc.163.com/1281.html