
這次要給大家分享的內(nèi)容,就是關(guān)于靜動(dòng)態(tài)視覺傳播在工作當(dāng)中,所產(chǎn)生的變化和價(jià)值。希望通過我們?cè)赒Q游戲工作項(xiàng)目中,日常運(yùn)營的一個(gè)簡單例子。給大家分享一下,小小動(dòng)態(tài)視覺表現(xiàn)的作用,以及我們?cè)O(shè)計(jì)師在項(xiàng)目中的思路與方法。
靜態(tài)視覺傳播:靜態(tài)視覺傳播范圍廣泛,形式多樣,幾乎涵蓋了社會(huì)生活的方方面面。本文所提的靜態(tài)視覺傳播形式并不泛談,僅以我在F1賽場的所親眼見到的各種靜態(tài)視覺傳播形式為例,做個(gè)案分析。主要包括三種類型:
1.用于宣傳F1車隊(duì)、車手的廣告、海報(bào);

2.指引觀眾,介紹比賽和賽場的平面圖畫;

3.我所親眼目睹的建筑設(shè)施(比如看臺(tái)、跑道等),現(xiàn)場環(huán)境,大批中外觀眾的表情、衣著打扮等等。
動(dòng)態(tài)視覺傳播:
動(dòng)態(tài)傳播形式不是一般所指的電影、電視等動(dòng)畫藝術(shù)。而是指:
1.賽場內(nèi)外的大屏幕播放的視頻影像;

2.現(xiàn)場一切動(dòng)態(tài)活動(dòng)的表現(xiàn)(比如觀眾的活動(dòng)、賽車比賽的場景等等)。

3.站在“親身經(jīng)歷”的角度,實(shí)際上,當(dāng)時(shí)現(xiàn)場真實(shí)的一切其本身就是一個(gè)正在進(jìn)行的動(dòng)態(tài)過程。觀察主體運(yùn)用自己的視覺對(duì)現(xiàn)實(shí)場景做著類似記錄片形式的“原生態(tài)記錄”。這對(duì)于別人同樣是一種特殊的動(dòng)態(tài)視覺傳播形式。(以上文字來源百度百科,圖片自配)
兩者優(yōu)缺點(diǎn):
靜態(tài)優(yōu)缺點(diǎn):優(yōu)點(diǎn)成本低,比如海報(bào),包裝設(shè)計(jì);缺點(diǎn)不夠生動(dòng),沒有強(qiáng)烈沖擊感。

動(dòng)態(tài)優(yōu)缺點(diǎn):優(yōu)點(diǎn)可以濃縮呈現(xiàn)場景,給我們帶來生動(dòng)、真實(shí)性以及強(qiáng)烈的現(xiàn)場沖擊力,視覺沖擊。視頻、動(dòng)畫(動(dòng)作分解),缺點(diǎn)成本高。

(簡單動(dòng)畫例子)
一、實(shí)例項(xiàng)目背景
介紹:QQ游戲大廳禮包聚合頁,禮包發(fā)放重點(diǎn)入口。舊版本的入口視覺相對(duì)比較薄弱,在用戶第一時(shí)間打開QQ游戲大廳的時(shí)候,無法吸引到用戶的視線和注意力。影響到產(chǎn)品運(yùn)營的目的。通過產(chǎn)品運(yùn)營思路的變化,視覺加強(qiáng)按鈕表現(xiàn)形式。過程中我們也遇到一些問題,在這些問題面前,我們是怎樣去解決的。

二、設(shè)計(jì)思路
可以直觀看到左側(cè)banner廣告,已經(jīng)占據(jù)了85%頁面顯示寬度,作為首頁重推信息。其次我們需要確定重點(diǎn)優(yōu)化目標(biāo),“免費(fèi)禮包”領(lǐng)取按鈕。接著大家會(huì)面對(duì)一個(gè)問題,就是在現(xiàn)有的區(qū)域內(nèi),如何想辦法吸引到用戶的視線。并且是在不影響用戶訪問速度的前提下,滿足吸引視線這個(gè)要求。于是,我們把按鈕的設(shè)計(jì)點(diǎn)拆分成為兩個(gè)。

a.增加整點(diǎn)倒計(jì)時(shí)動(dòng)態(tài)提示效果
b.增加動(dòng)態(tài)Gif禮包盒子(flash動(dòng)態(tài)效果)
接下來就是如何具體的強(qiáng)化,舊版所存在的兩個(gè)問題。解決按鈕視覺引導(dǎo)不夠明顯。
三、設(shè)計(jì)實(shí)施
a.整點(diǎn)倒計(jì)時(shí)動(dòng)態(tài)提示效果:倒計(jì)時(shí)功能淺析分享(這里不作說明)

b.按鈕動(dòng)態(tài)禮包(Flash效果演示)
flash確定效果掩飾,這里由于考慮加載速度問題,我們只能重新將禮包轉(zhuǎn)為Gif格式,將圖片逐幀導(dǎo)入PS中,確定圖片定位和排序。(步驟不作具體說明)


然后文件格式壓縮,由于禮包圖標(biāo)的發(fā)光在藍(lán)色底上,會(huì)有明顯的噪點(diǎn)。影響到按鈕顯示品質(zhì)。這里我們做了很多壓縮的嘗試。(步驟不作具體說明)

最后完成優(yōu)化導(dǎo)出格式,保證視覺品質(zhì),確定壓縮大小。準(zhǔn)備測試與發(fā)布上線。
四、實(shí)施效果
在發(fā)布上線后,我們就收到了驚喜。統(tǒng)計(jì)的數(shù)據(jù)有很明顯的提升,這就是小小動(dòng)態(tài)變化所產(chǎn)生的價(jià)值。可以通過優(yōu)化前后數(shù)據(jù)證明(百分點(diǎn)),我們的設(shè)計(jì)思路和實(shí)施方向是正確的。


注:更多精彩教程請(qǐng)關(guān)注三聯(lián)網(wǎng)頁設(shè)計(jì)教程 欄目,