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

0 評(píng)論 5258 瀏覽 1 收藏 12 分鐘

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

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

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

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

 

2,圖形提煉


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

 

3,運(yùn)動(dòng)原理
圖形運(yùn)動(dòng)并不是一個(gè)容易做好的設(shè)計(jì),多數(shù)圖形在運(yùn)用過(guò)程中會(huì)失去原來(lái)的構(gòu)圖組合?;蛘咴谶\(yùn)動(dòng)中容易吸引眼球成為被動(dòng)的焦點(diǎn),又或者過(guò)于隱蔽被忽視。雖然平面效果較為肯定,但往往轉(zhuǎn)化為動(dòng)態(tài)時(shí)卻顯得凌亂和無(wú)序。
統(tǒng)一運(yùn)動(dòng)原理是一個(gè)合適的解決辦法。統(tǒng)一運(yùn)動(dòng)原理可以使圖形在操作過(guò)程中反饋統(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)品使用過(guò)程中,只有圖標(biāo)會(huì)和信息流始終組合在一起,過(guò)于繁雜強(qiáng)勢(shì),會(huì)影響信息流的體驗(yàn);過(guò)于單薄簡(jiǎn)化,則會(huì)對(duì)功能識(shí)別產(chǎn)生障礙。在權(quán)衡之余也要保證圖標(biāo)與整個(gè)整體視覺設(shè)計(jì)保持統(tǒng)一。剪紙圖標(biāo)不一定是最好解決方法,但是或許是最合適方法。

 

5,界面展示

其次,如何通過(guò)體驗(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è)小版本,并沒(méi)有一系列的大功能的升級(jí)空間。但春節(jié)是個(gè)重要節(jié)日,得到大多數(shù)用戶的關(guān)注,春節(jié)期間微博使用量也會(huì)達(dá)到時(shí)間段最高峰值,是個(gè)很合適的推廣時(shí)機(jī)。雖然功能和內(nèi)容上提升的空間很小,但是可以通過(guò)技術(shù)和視覺來(lái)完成此次更新的創(chuàng)新嘗試。(機(jī)會(huì)來(lái)了~)

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)圓最真摯的場(chǎng)景;而從準(zhǔn)備過(guò)年的開始到飯菜備齊、齊聚桌前的歡歌笑語(yǔ)的景象應(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)中可以附加更多的市場(chǎng)推廣元素予以結(jié)合。產(chǎn)生更多的市場(chǎng)效應(yīng),或許可以成為原生產(chǎn)品推廣的新途徑。(下次或許可以嘗試哦~)

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

運(yùn)動(dòng)開始到結(jié)束,都是相對(duì)于手指運(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)度較高的溝通作用,并且對(duì)技術(shù)實(shí)現(xiàn)起到絕大程度的參考意義。設(shè)計(jì)師與系統(tǒng)開發(fā)工程師可以以數(shù)字原型及銜接認(rèn)識(shí)。在于市場(chǎng)、運(yùn)營(yíng)、產(chǎn)品等部門溝通中,數(shù)字原型也可以準(zhǔn)確的衡量工作量、項(xiàng)目成本以及難度預(yù)期等。數(shù)字原型可以削減認(rèn)知溝通成本,從而對(duì)項(xiàng)目實(shí)現(xiàn)的準(zhǔn)確性有很大幫助。

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

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

謝謝。

來(lái)源:微博UDC

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