QQ語音通話:一次關(guān)于人類對話歷史的創(chuàng)想

0 評論 4885 瀏覽 0 收藏 8 分鐘

創(chuàng)想是什么?是一次傳統(tǒng)的叛逆;是打破常規(guī)的哲學(xué);是跳出廬山之外的思路。QQ手機版通過新手引導(dǎo),與你探討對話的可能性。

每一次的新手引導(dǎo)都是全新的QQ手機版與用戶的對話。從無到有,從圖片到動畫,對話的載體在變,對話的方式也隨之而變。我們在不斷嘗試,嘗試讓這種對話的方式更新穎、更親切、更動人。希望 即便已經(jīng)無比熟悉,但總會有新的驚喜帶給你。

如果你下載了QQ手機版4.6最新版本,一定會看到這個開頭動畫。這是一部關(guān)于電話的發(fā)展史,也是一次關(guān)于人類對話的回溯。

對話是一次苦逼的過程

語音通話新手引導(dǎo)的設(shè)計前期是渾濁的,在多個方案被斃后轉(zhuǎn)換思路,我們在設(shè)計總監(jiān)的啟發(fā)下展開了腳本細(xì)節(jié)畫起了草圖。草圖隨意在紙上作畫是不能被滿足的,在電腦上畫出輪廓略明確的草圖才能略顯討好。腳本草圖被確認(rèn)后,前期風(fēng)格的走向亦是渾濁的,在同一個腳本上,換了一次又一次的風(fēng)格方案,這時考驗我們的不是專業(yè)技巧而是不斷歸零自凈的心態(tài)。

語音通話新手引導(dǎo)的設(shè)計前期是渾濁的,經(jīng)歷了無數(shù)次的風(fēng)格嘗試。從電話的造型到質(zhì)感、整體風(fēng)格的寫實與簡約、最后視覺稿的確定,都經(jīng)過了一個漫長而艱苦的過程。這時考驗我們的不只是專業(yè)技巧,更是不斷歸零的心態(tài)。

2

主體造型的打磨

著手開始設(shè)計第一款電話時,從基本的造型,到琢磨電話與手部在畫面的比例,再到優(yōu)化電話底部的弧度和圓角,這些都經(jīng)過了細(xì)致的考慮和多種方案的嘗試。其中的變化是“品”的過程,就像是在做紙粘土一般,細(xì)細(xì)的打磨。

3

畫面風(fēng)格的確定

在整個畫面的構(gòu)成上,最開始的想法是將純色剪影的電話造型放在白色背景下,整體風(fēng)格簡潔統(tǒng)一。但久看之后發(fā)現(xiàn)容易產(chǎn)生視覺疲勞,同時白底下的單色剪影造型似乎更加像圖標(biāo)而不足以構(gòu)成畫面。

4

在此之后我們嘗試了多彩電話的版本,雖然加了更多的色彩,但是并沒有達到畫面更加多彩且豐富的效果,反而在電話與手的配合、以及畫面的統(tǒng)一性上產(chǎn)生了問題。同時,剪影彩色效果加統(tǒng)一肉色的手會讓人產(chǎn)生畫面未完成的錯覺。

5

最終畫面定稿

最后的定稿不僅是結(jié)合了之前的經(jīng)驗,更融入了動畫連貫播放的考慮。全幅色彩加上統(tǒng)一的深色電話,在統(tǒng)一性與畫面的豐富性上都達到了要求。同時,多彩的畫面切換更會在動畫播放的過程中產(chǎn)生了獨特的化學(xué)反應(yīng)。

6

動畫風(fēng)格的研究

在動畫制作中,最重要的有兩點:一是動畫的流暢性,二是每個動畫不同的個性。因為握住每一部電話的角色的身份不同,除了視覺表現(xiàn)之外動作上也同樣需要做區(qū)分。

動畫的流暢性需要保證有足夠的幀數(shù),同時有合理的運動軌跡和符合自然的運動定律。從貴婦電話的關(guān)鍵幀截圖中來看。手肘、手腕包括手指的運動并非是一條直線,而是保持弧線的運動。如下圖所示,圓圈的位置為當(dāng)前關(guān)節(jié)位置。

7

貴婦電話與軍人電話的對比可以看出,貴婦的手臂與手腕動作明顯更加柔軟,從手指的細(xì)節(jié)到電話繩的動作都在體現(xiàn)貴婦的柔美與嫵媚。而軍人掛電話時,握住電話的手十分沉穩(wěn),手臂和手腕的動作也會相對“僵硬”,同時聽筒觸碰到電話底座時,彈性弱、下壓時間久,以體現(xiàn)軍人掛電話時的穩(wěn)重與氣勢。

8

節(jié)奏的表達

要明晰地表達視頻的主旨,需要鮮明易懂的畫面構(gòu)成也需要在動畫過程中用不同的節(jié)奏構(gòu)成整個視頻的結(jié)構(gòu)。變化的節(jié)奏不單能突出重點,也能帶來更好地觀看體驗。

為了體現(xiàn)時代變化人們使用通訊工具也在變化的主旨,整個視頻采用快速地切換的方式,用不同的背景色增強切換的效果。所有的動作都是由上至下,如同鼓點一般快速而有規(guī)律,以此來制造節(jié)奏與效果。整個視頻的節(jié)奏先快后慢,由多彩的畫面切換形成逐漸加快的節(jié)奏,最后語音通話的界面出現(xiàn),與其他的畫面做出區(qū)分同時放慢速度,突出整個視頻的重點。

9

動畫后期制作

將各個動畫放入AE中拼接合成,加入附加動畫,同時調(diào)整效果和節(jié)奏。之后與音效以及音樂配合,完成視聽完整的體驗。后期合成輸出的視頻以及配音的視頻前后不知到底有多少稿,相信在這個不斷修改與打磨的過程中堅強的不止是心靈還有自己的頸椎。

?最后,我們會繼續(xù)努力,希望以后可以帶給大家更加精彩的功能與眼前一亮的新手引導(dǎo)!

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