黑夜有聲！地球一小時專題頁設(shè)計思考

分欄目式情景

?項(xiàng)目背景：

需求方提供的資料顯示，活動主要分為三部分。三個的主題基本是環(huán)繞地球一小時活動展開。兩個活動都是指向有氧音樂會，最后一個活動則是配套的相關(guān)活動。總體考慮，設(shè)計元素的分配也應(yīng)該有不同的處理形式，前兩者的視覺形式基本一致，最后那個形式有所獨(dú)立。

• 貫徹主題，采用了大背景設(shè)計。這是今年來流行的潮流，因?yàn)橐曈X沖擊力強(qiáng)，對用戶具有很強(qiáng)的吸引力。比較適合活動類主題，需要傳達(dá)的信息少，有明確參與動機(jī)的項(xiàng)目。這類型的設(shè)計蠻適合賣弄創(chuàng)意和版式效果，有點(diǎn)像平面廣告。通過構(gòu)建每屏的畫面，傳達(dá)不同的訴求點(diǎn)。延伸信息：《網(wǎng)頁設(shè)計中背景的創(chuàng)意風(fēng)格與設(shè)計趨勢》。

  

  

  

• 利用交互特性增強(qiáng)體驗(yàn)與平面廣告不同，互聯(lián)網(wǎng)的設(shè)計更強(qiáng)調(diào)交互特性，實(shí)現(xiàn)成本低。有時候路過公交站，看到某汽車公司投放的互動廣告，是通過乘客手部觸摸機(jī)關(guān)，讓廣告有點(diǎn)亮（開燈）的效果。而網(wǎng)絡(luò)實(shí)現(xiàn)效果就簡單多了，可能只要通過一個<a>標(biāo)簽就能完美實(shí)現(xiàn)，之后要考慮的只是如何將信息更有動感的呈現(xiàn)。可以根據(jù)項(xiàng)目時間判斷是不是需要動畫效果介入。延伸信息：《感受愛在身邊 騰訊QQ14周年》

  

• 設(shè)計需要指導(dǎo)項(xiàng)目其實(shí)需求方對畫面效果大部分是沒有意識，他們能通過精確的名字描述，但不太容易聯(lián)系到對應(yīng)畫面。只有將視覺稿做出來，看了以后他們或許發(fā)出一聲：“哦，就是這個效果”。當(dāng)然前期受到策劃案是就要考慮清楚大致的實(shí)現(xiàn)效果和技術(shù)難點(diǎn)，以建議的口吻告知對方設(shè)計師的設(shè)想。從語言溝通上得到認(rèn)同，不容易走太多的彎路。側(cè)面也說明溝通的重要性。1）策劃和設(shè)計同樣重要，清晰的思路讓設(shè)計師快速地通過文字就整理出大致的視覺形象。如果單單丟一個別人的案子，不寫任何說明。相信設(shè)計師也會隨便應(yīng)付你隨便的策劃草圖。

  2）為了加速開發(fā)進(jìn)度，基本還是沿用以前的程序框架。在視覺上做了新的更新，也能算是新的嘗試。就像小米V5，視覺包裝也能產(chǎn)生耳目一新的感覺。

  延伸信息：

  曉生對這些問題有過思考，看了6篇系列文章，感覺不錯推薦下：

• （1）：溝通與信任
• （2）：設(shè)計師的牛脾氣
• （3）：需求不明確怎么辦？

• 現(xiàn)場舞臺背景的考慮設(shè)計師喜歡自我意淫，往往愛好站在自己的角度思考。似乎每個人都有這個毛病，在需求方提出修改要求時，先別急著修改或反駁。靜下來幾分鐘，想想建議是否合理，比如這個物料是用在昏暗的酒吧環(huán)境，現(xiàn)場表演時，燈光是暗淡或熄滅的狀態(tài)。
• 1）處于設(shè)計師考慮，會想到視覺形象的延伸。自然而言會做出網(wǎng)頁主視覺的延伸稿件，但是其中出現(xiàn)了上面的致命問題，功能性被嚴(yán)重削弱。雖然現(xiàn)場舞臺背景是6X2.5米，由于網(wǎng)友座位離舞臺距離不一，實(shí)際效果是文字可能不易被撲捉。減弱了品牌的曝光度。做地推蠻重要的目的也便是推廣品牌。
• 2）有些時候，需求方提出的要求雖然感覺視覺上會較丑陋，但是站在對方立場，大部分情況是正確。尤其是對市場和環(huán)境熟悉的客戶，耐心聽取其為什么這樣思考，怎么解決問題，對每個設(shè)計師的成長也蠻有作用。未來，設(shè)計師思考類似需求時，不自覺會考慮的越來越周全。
• 3）很重要的是理解每場活動的主題，這需要我們很好理解整體策劃思路。設(shè)計師有時候一不小心偷懶，直接拿網(wǎng)頁端的內(nèi)容復(fù)用。會抓錯了重點(diǎn)，每次地推可能需要突出的重點(diǎn)不一樣。比如這次是“有氧音樂會”，而非地球一小時。最好還有一點(diǎn)，如何文藝且隱蔽的推廣品牌，很值得一直不停的思考。