新浪微博春節(jié)客戶端設(shè)計(jì)小結(jié)——體驗(yàn)設(shè)計(jì)是否會(huì)突破?

0 評論 5281 瀏覽 1 收藏 12 分鐘

隨著悄悄散去的新年硝煙,又投入到新一年的工作中。大家在漫天紛飛的紅包中抽到獎(jiǎng)品了嗎?(你懂的……)
不過回想春節(jié),或許在家中吃喝玩樂的優(yōu)哉游哉,或者在途中跋山涉水的觀風(fēng)問俗。但與此同時(shí),大家的慧眼有沒有注意到新浪微博有了哪些視覺變化,手機(jī)app有了哪些更新呢?

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

新浪微博,每當(dāng)遇到節(jié)日和話題等重要節(jié)點(diǎn)時(shí),客戶端,網(wǎng)頁端都會(huì)有新功能和新內(nèi)容更新。新版本會(huì)給大家提示和引導(dǎo)來認(rèn)識和接觸新玩意兒。而隨著技術(shù)瓶頸的慢慢降低以及用戶學(xué)習(xí)接受能力的提升。這些新版本更新的引導(dǎo)圖片等內(nèi)容逐漸被用戶“快進(jìn)了”。所以如果對此稍加設(shè)計(jì),或許可以大大提高版本的產(chǎn)品體驗(yàn),甚至挖掘出拓展市場等功能。

首先,重溫一下微博客戶端蛇年春節(jié)版的視覺設(shè)計(jì)
體驗(yàn)傳送門:http://udc.weibo.com/demo/chinese_new_year/index.html

看得出春節(jié)版的視覺設(shè)計(jì)是以剪紙為主題,圖形文字都效仿手工剪紙的技法還原實(shí)現(xiàn)。貫穿了新浪微博客戶端,新浪微博web端活動(dòng)、專題、廣告等一系列整體的宣傳。

1,春節(jié)風(fēng)格

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

 

2,圖形提煉


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

 

3,運(yùn)動(dòng)原理
圖形運(yùn)動(dòng)并不是一個(gè)容易做好的設(shè)計(jì),多數(shù)圖形在運(yùn)用過程中會(huì)失去原來的構(gòu)圖組合?;蛘咴谶\(yùn)動(dòng)中容易吸引眼球成為被動(dòng)的焦點(diǎn),又或者過于隱蔽被忽視。雖然平面效果較為肯定,但往往轉(zhuǎn)化為動(dòng)態(tài)時(shí)卻顯得凌亂和無序。
統(tǒng)一運(yùn)動(dòng)原理是一個(gè)合適的解決辦法。統(tǒng)一運(yùn)動(dòng)原理可以使圖形在操作過程中反饋統(tǒng)一,步調(diào)一致,而從中設(shè)定一些變量還可以保持統(tǒng)一之外有所變化。(基本方法)
圖像運(yùn)動(dòng)的實(shí)現(xiàn)是以程序計(jì)算方式完成,這方面很有意義,后面會(huì)詳細(xì)提到。

 

4,圖標(biāo)設(shè)計(jì)
一套完整客戶端視覺設(shè)計(jì),圖標(biāo)是重中之重,在產(chǎn)品使用過程中,只有圖標(biāo)會(huì)和信息流始終組合在一起,過于繁雜強(qiáng)勢,會(huì)影響信息流的體驗(yàn);過于單薄簡化,則會(huì)對功能識別產(chǎn)生障礙。在權(quán)衡之余也要保證圖標(biāo)與整個(gè)整體視覺設(shè)計(jì)保持統(tǒng)一。剪紙圖標(biāo)不一定是最好解決方法,但是或許是最合適方法。

 

5,界面展示

其次,如何通過體驗(yàn)設(shè)計(jì)進(jìn)行創(chuàng)新?

體驗(yàn)設(shè)計(jì)需要依靠產(chǎn)品功能、內(nèi)容、技術(shù)操作以及視覺優(yōu)化等數(shù)多方面上的提升而不斷協(xié)調(diào)改良,以滿足用戶需求。
春節(jié),更新微博客戶端至v3.3.5。這是個(gè)小版本,并沒有一系列的大功能的升級空間。但春節(jié)是個(gè)重要節(jié)日,得到大多數(shù)用戶的關(guān)注,春節(jié)期間微博使用量也會(huì)達(dá)到時(shí)間段最高峰值,是個(gè)很合適的推廣時(shí)機(jī)。雖然功能和內(nèi)容上提升的空間很小,但是可以通過技術(shù)和視覺來完成此次更新的創(chuàng)新嘗試。(機(jī)會(huì)來了~)

1,更新引導(dǎo),情感化體驗(yàn)的入口。
隨搶票、春運(yùn)臨近,春節(jié)回家又一次成為永恒的話題。奔走的人們都蘊(yùn)含著合家團(tuán)圓、美滿幸福的憧憬。這必然會(huì)促成春節(jié)情感化主題。如果提升微博官方客戶端的體驗(yàn),更新引導(dǎo)即成為這感情化的第一入口。

既然是情感化入口,表現(xiàn)可以表述的最為細(xì)致,回家、寫春聯(lián)、貼福字、剪窗花、包餃子、看春晚、年夜飯等都是合家團(tuán)圓最真摯的場景;而從準(zhǔn)備過年的開始到飯菜備齊、齊聚桌前的歡歌笑語的景象應(yīng)是更為遞進(jìn);此外配以三代同堂,描述三代人如何看待春節(jié)的心情顯得尤為重要。如果可以將它們結(jié)合成更新引導(dǎo),并向提升產(chǎn)品體驗(yàn)功能進(jìn)行轉(zhuǎn)化,以往靜態(tài)引導(dǎo)設(shè)計(jì)方式,轉(zhuǎn)化為動(dòng)態(tài)技術(shù)和視覺結(jié)合,就可以嘗試創(chuàng)新。

由于話題內(nèi)容參與,從更新引導(dǎo)中可以附加更多的市場推廣元素予以結(jié)合。產(chǎn)生更多的市場效應(yīng),或許可以成為原生產(chǎn)品推廣的新途徑。(下次或許可以嘗試哦~)

2,技術(shù)優(yōu)化與視覺設(shè)計(jì)結(jié)合
用戶需要細(xì)膩體驗(yàn),才能對更新產(chǎn)品的第一印象產(chǎn)生興趣。但是雖然選擇嘗試動(dòng)畫的展示形式,但技術(shù)操作上仍然要保持原有操作形式,以簡化用戶學(xué)習(xí)的成本和誤區(qū)。而視覺上采用了圖片層級,制造場景穿插、復(fù)用、組合等關(guān)系,使春節(jié)氣氛,人物縮影以及文字內(nèi)涵能夠通過一副完整的動(dòng)畫合成一氣。
每一個(gè)場景中復(fù)用多個(gè)內(nèi)容,貫穿起來猶如一個(gè)完整的大場景,這對圖片層疊的處理,以及運(yùn)動(dòng)過程中的構(gòu)圖組合顯得尤為重要。

運(yùn)動(dòng)開始到結(jié)束,都是相對于手指運(yùn)動(dòng)等比產(chǎn)生,因移動(dòng)距離的比例不同而產(chǎn)生前后錯(cuò)落的關(guān)系。此類運(yùn)動(dòng)原理并非難以運(yùn)用,而需要更多的創(chuàng)意,這部分創(chuàng)新空間還是很大很大的~

3,數(shù)字原型的快速視覺化
數(shù)字原型是能在項(xiàng)目初期起到實(shí)現(xiàn)度較高的溝通作用,并且對技術(shù)實(shí)現(xiàn)起到絕大程度的參考意義。設(shè)計(jì)師與系統(tǒng)開發(fā)工程師可以以數(shù)字原型及銜接認(rèn)識。在于市場、運(yùn)營、產(chǎn)品等部門溝通中,數(shù)字原型也可以準(zhǔn)確的衡量工作量、項(xiàng)目成本以及難度預(yù)期等。數(shù)字原型可以削減認(rèn)知溝通成本,從而對項(xiàng)目實(shí)現(xiàn)的準(zhǔn)確性有很大幫助。

微博客戶端春節(jié)版的設(shè)計(jì)中,數(shù)字原型解決的問題最重要的是速度運(yùn)算方式,可以理解為“函數(shù)公式”。設(shè)計(jì)師提供必要的圖像以及某一些簡單數(shù)值;工程師完成內(nèi)容整合、“函數(shù)公式”優(yōu)化和硬件的調(diào)試。所以設(shè)計(jì)師和工程師總是好基友……

最后,新版的微博客戶端視覺已經(jīng)改變了以往的圖片引導(dǎo)模式。更新了以多層圖片滑動(dòng)的動(dòng)畫場景,結(jié)合含蓄的語言文字以及新版的主題皮膚,讓大家都能親切的體會(huì)到團(tuán)圓佳節(jié)濃濃的氣氛,以后會(huì)有更豐富的內(nèi)容帶給大家。更新引導(dǎo)的體驗(yàn)設(shè)計(jì)也會(huì)有更好的表現(xiàn)。(你懂的……)

謝謝。

來源:微博UDC

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!