隨著悄悄散去的新年硝煙，又投入到新一年的工作中。大家在漫天紛飛的紅包中抽到獎品了嗎？（你懂的……）

不過回想春節，或許在家中吃喝玩樂的優哉游哉，或者在途中跋山涉水的觀風問俗。但與此同時，大家的慧眼有沒有注意到新浪微博有了哪些視覺變化，手機app有了哪些更新呢？

當然。大家的眼睛是滿血的。相信大家打開微博app后，是一幅回家團圓的剪紙小像，而且一定也記得他們合家團圓過年的熱鬧回憶，年味十足，親情四溢。

新浪微博，每當遇到節日和話題等重要節點時，客戶端，網頁端都會有新功能和新內容更新。新版本會給大家提示和引導來認識和接觸新玩意兒。而隨著技術瓶頸的慢慢降低以及用戶學習接受能力的提升。這些新版本更新的引導圖片等內容逐漸被用戶“快進了”。所以如果對此稍加設計，或許可以大大提高版本的產品體驗，甚至挖掘出拓展市場等功能。

首先，重溫一下微博客戶端蛇年春節版的視覺設計

體驗傳送門：http://udc.weibo.com/demo/chinese_new_year/index.html

看得出春節版的視覺設計是以剪紙為主題，圖形文字都效仿手工剪紙的技法還原實現。貫穿了新浪微博客戶端，新浪微博web端活動、專題、廣告等一系列整體的宣傳。

1，春節風格

年年有春節，次次有剪紙。剪紙都做爛了還做？其實那只是沒有做到更好而已。春節是中國人有恒的主題，設計師們總是絞盡腦汁，查閱無數春節相關活動來每每嘗試，舞龍、花燈、貼窗花、對聯、餃子、鞭炮、禮花等，還有無數種表現技法，書法、剪紙、插畫、模型、照片等。最后總是差強人意。但是永恒不變是親情永駐、合家團圓。所以無論選擇哪一種春節活動或是表現技法，都是可以完成并實現的，而不必拘泥于形式。微博客戶端以剪紙作為視覺元素，部分原因是著重考慮元素復用以及動態呈現等問題，剪紙相對于其他手法在這些方面以“可能較為容易”實現。

2，圖形提煉

圖形與文字是視覺內容的載體，除蘊含著圖像的本質意義外，還可以通過設計加強對內容的表現力。此次設計以點映面，將千家萬戶闔家幸福的人們簡化濃縮在三代同堂的剪紙小像中。文字也以剪紙樣式精心雕琢，雖然必能以字體的識別性來衡量文字設計，但是韻味可以說到了（自滿中……）。

#p#

3，運動原理

圖形運動并不是一個容易做好的設計，多數圖形在運用過程中會失去原來的構圖組合。或者在運動中容易吸引眼球成為被動的焦點，又或者過于隱蔽被忽視。雖然平面效果較為肯定，但往往轉化為動態時卻顯得凌亂和無序。

統一運動原理是一個合適的解決辦法。統一運動原理可以使圖形在操作過程中反饋統一，步調一致，而從中設定一些變量還可以保持統一之外有所變化。（基本方法）

圖像運動的實現是以程序計算方式完成，這方面很有意義，后面會詳細提到。

4，圖標設計

一套完整客戶端視覺設計，圖標是重中之重，在產品使用過程中，只有圖標會和信息流始終組合在一起，過于繁雜強勢，會影響信息流的體驗；過于單薄簡化，則會對功能識別產生障礙。在權衡之余也要保證圖標與整個整體視覺設計保持統一。剪紙圖標不一定是最好解決方法，但是或許是最合適方法。

5，界面展示

#p#

其次，如何通過體驗設計進行創新？

體驗設計需要依靠產品功能、內容、技術操作以及視覺優化等數多方面上的提升而不斷協調改良，以滿足用戶需求。

春節，更新微博客戶端至v3.3.5。這是個小版本，并沒有一系列的大功能的升級空間。但春節是個重要節日，得到大多數用戶的關注，春節期間微博使用量也會達到時間段最高峰值，是個很合適的推廣時機。雖然功能和內容上提升的空間很小，但是可以通過技術和視覺來完成此次更新的創新嘗試。（機會來了~）

1，更新引導，情感化體驗的入口。

隨搶票、春運臨近，春節回家又一次成為永恒的話題。奔走的人們都蘊含著合家團圓、美滿幸福的憧憬。這必然會促成春節情感化主題。如果提升微博官方客戶端的體驗，更新引導即成為這感情化的第一入口。

既然是情感化入口，表現可以表述的最為細致，回家、寫春聯、貼福字、剪窗花、包餃子、看春晚、年夜飯等都是合家團圓最真摯的場景；而從準備過年的開始到飯菜備齊、齊聚桌前的歡歌笑語的景象應是更為遞進；此外配以三代同堂，描述三代人如何看待春節的心情顯得尤為重要。如果可以將它們結合成更新引導，并向提升產品體驗功能進行轉化，以往靜態引導設計方式，轉化為動態技術和視覺結合，就可以嘗試創新。

由于話題內容參與，從更新引導中可以附加更多的市場推廣元素予以結合。產生更多的市場效應，或許可以成為原生產品推廣的新途徑。（下次或許可以嘗試哦~）

2，技術優化與視覺設計結合

用戶需要細膩體驗，才能對更新產品的第一印象產生興趣。但是雖然選擇嘗試動畫的展示形式，但技術操作上仍然要保持原有操作形式，以簡化用戶學習的成本和誤區。而視覺上采用了圖片層級，制造場景穿插、復用、組合等關系，使春節氣氛，人物縮影以及文字內涵能夠通過一副完整的動畫合成一氣。

每一個場景中復用多個內容，貫穿起來猶如一個完整的大場景，這對圖片層疊的處理，以及運動過程中的構圖組合顯得尤為重要。

運動開始到結束，都是相對于手指運動等比產生，因移動距離的比例不同而產生前后錯落的關系。此類運動原理并非難以運用，而需要更多的創意，這部分創新空間還是很大很大的~

3，數字原型的快速視覺化

數字原型是能在項目初期起到實現度較高的溝通作用，并且對技術實現起到絕大程度的參考意義。設計師與系統開發工程師可以以數字原型及銜接認識。在于市場、運營、產品等部門溝通中，數字原型也可以準確的衡量工作量、項目成本以及難度預期等。數字原型可以削減認知溝通成本，從而對項目實現的準確性有很大幫助。

微博客戶端春節版的設計中，數字原型解決的問題最重要的是速度運算方式，可以理解為“函數公式”。設計師提供必要的圖像以及某一些簡單數值；工程師完成內容整合、“函數公式”優化和硬件的調試。所以設計師和工程師總是好基友……

最后，新版的微博客戶端視覺已經改變了以往的圖片引導模式。更新了以多層圖片滑動的動畫場景，結合含蓄的語言文字以及新版的主題皮膚，讓大家都能親切的體會到團圓佳節濃濃的氣氛，以后會有更豐富的內容帶給大家。更新引導的體驗設計也會有更好的表現。（你懂的……）

謝謝。

原文鏈接：春節客戶端設計小結：體驗設計是否會突破？