QQ登錄banner再設(shè)計(jì)

2012-10-22    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   bouu.cn  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源: http://cdc.tencent.com/?p=3495

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,            請(qǐng)點(diǎn)這里

  QQ登錄banner是與用戶(hù)溝通情感的小窗口,在一些特殊的日子里我們嘗試一些力所能及的表達(dá)方式來(lái)給用戶(hù)一種感動(dòng),一種記憶。
  QQ登錄banner正力求避免直白的畫(huà)面呈現(xiàn),增強(qiáng)畫(huà)面的趣味性、故事性,喚起用戶(hù)共鳴,以幽默的方式帶給用戶(hù)愉悅的心情。
  下面分類(lèi)歸納一些節(jié)日banner的創(chuàng)作過(guò)程,通過(guò)記錄一些設(shè)計(jì)過(guò)程中的反復(fù)與糾結(jié),總結(jié)幾點(diǎn)與大家共享。

一. 避免低幼與直白的畫(huà)面鋪陳

 
【開(kāi)學(xué)日】
  九月一日開(kāi)學(xué),對(duì)于在校學(xué)生或是畢業(yè)許久的社會(huì)人士,都是痛并快樂(lè)的日子。普遍學(xué)子的情感,渡過(guò)漫長(zhǎng)悠閑的假期后開(kāi)學(xué)是件無(wú)奈的事;對(duì)已畢業(yè)許久的人來(lái)說(shuō),開(kāi)學(xué)是學(xué)子時(shí)代的難忘記憶。
  開(kāi)學(xué)日,直接映入我們眼前的元素是黑板、操場(chǎng)、紅領(lǐng)巾、文具等;常脫口而出的一句話(huà)是好好學(xué)習(xí)天天向上。打開(kāi)圖片搜索引擎,鍵入關(guān)鍵詞開(kāi)學(xué),出現(xiàn)黑板報(bào)、教室、小朋友的笑臉的圖片。低幼與富有童趣的畫(huà)面表達(dá)僅限于一線之間。
  開(kāi)學(xué)日畫(huà)面的大方向被設(shè)定為避免低幼與直白的畫(huà)面鋪陳,呈現(xiàn)積極向上的畫(huà)面帶來(lái)樂(lè)觀情緒,并喚起兒時(shí)共鳴。
  我們做了個(gè)小腦爆,并提取一些畫(huà)面場(chǎng)景關(guān)鍵詞:教室衛(wèi)生角,綠化角,等校車(chē);共鳴點(diǎn):新學(xué)期同學(xué)見(jiàn)面,三八線,希望小學(xué),布置教室等。最終,把畫(huà)面定為教室后的綠化角場(chǎng)景,主要元素為同學(xué)們帶來(lái)的綠化布置教室,同時(shí)以植物的郁郁蔥蔥帶給積極向上的樂(lè)觀情緒。


  在繪制過(guò)程中,尋找一些教室、綠化、黑板報(bào)等攝影作品,從中吸取構(gòu)圖靈感與光線運(yùn)用經(jīng)驗(yàn);從一些表達(dá)自然的插畫(huà)作品中提取色彩表達(dá)的畫(huà)面基調(diào)。
  視覺(jué)稿產(chǎn)品評(píng)審過(guò)程中,不出意料遭到了一些挑戰(zhàn)。問(wèn)題主要集中于植物太多像植樹(shù)節(jié),各地域開(kāi)學(xué)的習(xí)慣不同,開(kāi)學(xué)元素太隱晦等。綜合了我們的場(chǎng)景設(shè)定與腦暴的結(jié)果,產(chǎn)品提出的質(zhì)疑,我們?cè)黾恿撕诎迳祥_(kāi)學(xué)了的文字,增強(qiáng)開(kāi)學(xué)氣氛。
  畫(huà)面中操場(chǎng)籃球架、紅旗、黑板、課桌等元素,在換了視角后的教室一角的場(chǎng)景,以植物盆栽為主體景物的畫(huà)面場(chǎng)景。開(kāi)學(xué)第一天,同學(xué)們帶來(lái)心愛(ài)的小盆栽布置教室,迎接新學(xué)期的到來(lái)。寓意生機(jī)勃勃的新學(xué)期和學(xué)生的健康成長(zhǎng)。最重要的是帶給大家充滿(mǎn)希望與信心的情感,引導(dǎo)積極向上的樂(lè)觀情緒。


二. 擇代表性景物烘托畫(huà)面意境 

 
【教師節(jié)】 
  開(kāi)學(xué)后一周,迎來(lái)了九月十日教師節(jié)。同樣是校園主題,這是一個(gè)歌頌老師神圣職業(yè)的節(jié)日。關(guān)于教師節(jié)的記憶畫(huà)面也有很多。說(shuō)在學(xué)生時(shí)代,每逢教師節(jié)同學(xué)們都自發(fā)組織,想送老師一份表達(dá)心意小小的禮物,記憶中有流行過(guò)自制賀卡、一朵康乃馨、一包巧克力、掛歷一般是家長(zhǎng)送等等。當(dāng)然都免不了寫(xiě)下一句心里話(huà),贊頌的話(huà)獻(xiàn)給敬愛(ài)的老師祝福節(jié)日愉快。有把老師比作園丁、春雨潤(rùn)物細(xì)無(wú)聲、歌頌老師無(wú)私的紅燭精神等等佳句。
  而“春蠶到死絲方盡,蠟炬成灰淚始干”無(wú)疑是歌頌老師最精煉、最有畫(huà)面感的名句之一。


  鎖定“紅燭”作為代表性靜物元素后,我們列出紅燭元素應(yīng)用于不同場(chǎng)景基調(diào)的區(qū)分:不同于災(zāi)難后的溫馨祈福畫(huà)面,不同于洞房花燭的浪漫畫(huà)面,不同于聊齋志異中的神鬼氛圍,不同于防患于未然的火災(zāi)教育知識(shí)普及。
  在畫(huà)面表達(dá)上把紅燭的靜物更多融入在深夜老師工作的場(chǎng)景,于是試卷、紅筆、老式老花鏡、書(shū)架、夜空的北斗星成了畫(huà)面的輔助元素。
  畫(huà)面呈現(xiàn)深夜老師批改試卷的場(chǎng)景,桌上點(diǎn)燃著一支節(jié)日紅燭。老師們無(wú)私奉獻(xiàn)的紅燭精神值得我們尊敬與贊頌。“春蠶到死絲方盡,蠟炬成灰淚始干”!
三. 場(chǎng)景性故事性與趣味性遞進(jìn)

 
【中秋節(jié)】
  中秋佳節(jié)最受中國(guó)人重視的佳節(jié)之一,是中國(guó)傳統(tǒng)節(jié)日。對(duì)于耳熟能詳?shù)闹星锕?jié)典故我們可以如數(shù)家珍:嫦娥奔月、吳剛伐桂樹(shù)、玉兔搗年糕、拜兔兒爺、朱元璋與月餅的由來(lái)等等。留意月餅包裝盒面的插圖,嫦娥、玉兔、滿(mǎn)月等成為中秋節(jié)的默認(rèn)畫(huà)像,每逢中秋節(jié)看到這些畫(huà)面成為一種習(xí)以為常的事。
  習(xí)以為常在創(chuàng)作中,某種程度上是一件杯具的事情,沒(méi)有了驚喜沒(méi)有了激情。就在這些我們習(xí)以為常的元素中,怎么能出乎意料之外又符合情理之中,找出概念突破口呢?


  我們?cè)诿鑼?xiě)中秋的軟文中翻江倒海,在經(jīng)典的古詩(shī)句中陶冶情操:“但愿人長(zhǎng)久,千里共嬋娟”,“舉頭望明月,低頭思故鄉(xiāng)。“在美好的佳節(jié)給予祝福的同時(shí),我們能否融入幽默的元素?
  一個(gè)童年的寓言動(dòng)畫(huà)片引起我們的共鳴:“猴子撈月”——上海美術(shù)電影制片廠出品于1981年的動(dòng)畫(huà)片。
  記憶中動(dòng)畫(huà)片里的小猴們生動(dòng)活潑的身影仿佛就在眼前。當(dāng)然聯(lián)想到猴子撈月,也是處于當(dāng)時(shí)動(dòng)畫(huà)形象與故事場(chǎng)景的魅力在我們幼小的心中烙下的深刻記憶。
感性過(guò)后,理性查閱“猴子撈月”的典故寓意的:典出《法苑珠林•愚戇篇•雜癡部》,用這則典故來(lái)告誡,如果庸人自擾,難免會(huì)招致災(zāi)禍。另外也有對(duì)于畫(huà)面表達(dá)上,水中撈月一場(chǎng)空歧義的顧慮。
  抱著嘗試的心情,進(jìn)行草圖勾勒,嘗試以小猴一家作為banner畫(huà)面的主角,以“猴子撈月”的場(chǎng)景賦予新的中秋祝愿的美好意味。制作期間,嘗試加入荷塘月色的場(chǎng)景來(lái)烘托中秋佳節(jié)的節(jié)日氣氛。完稿后,得到了產(chǎn)品的一致贊賞與認(rèn)可,身邊同事也紛紛表示喜愛(ài)有加。
  避免直白的畫(huà)面陳述,融入故事性與趣味性的概念突破,我們漸入佳境。


  畫(huà)面定格在猴子一家團(tuán)圓賞月,小猴手捧荷葉撈月的場(chǎng)景,以荷塘月色的環(huán)境襯托中秋佳節(jié)。選擇猴子撈月的畫(huà)面,增加場(chǎng)景的趣味性與故事感,喚起兒時(shí)的美好回憶。中秋將即,畫(huà)面隱喻家庭團(tuán)圓共享明月的美好祝愿。
  發(fā)布前尚有幾日的空閑之余,我們進(jìn)一步對(duì)畫(huà)面進(jìn)行動(dòng)畫(huà)嘗試,讓畫(huà)面中有微波漣漪的flash動(dòng)態(tài)的微妙效果。但不對(duì)用戶(hù)登錄中造成干擾。

  
【圣誕節(jié)】
  12月25是一年一度的圣誕節(jié),是西方國(guó)家一年中最盛大的節(jié)日,可以和新年相提并論,似我國(guó)過(guò)春節(jié)。
  草圖YY了許多以企鵝為主角的故事場(chǎng)景,例如企鵝在南極收到了圣誕老人的禮物;一直堅(jiān)信有圣誕老人存在的企鵝守望天空睡著了,只有雪人有幸目睹了圣誕老人的尊容。最終選擇了圣誕老人的方案,以馴鹿車(chē)沖出畫(huà)面的構(gòu)圖增強(qiáng)視覺(jué)沖擊力。 畫(huà)面抓取圣誕老人帶著節(jié)日禮物,駕著馴鹿雪橇飛馳而來(lái)的一刻,身邊坐著企鵝面帶驚喜,歡呼雀躍。
背景描繪積雪覆蓋的圣誕樹(shù)林,溫暖的小屋亮著節(jié)日的彩燈,來(lái)烘托圣誕節(jié)日的歡樂(lè)氣氛。

  
【元旦】 
  公歷的1月1日是元旦節(jié),也被稱(chēng)為“新年”。
  元旦節(jié)過(guò)程稿是這樣構(gòu)思的:QQ手拿“仙女棒”在夜空中劃過(guò),隨即燃起2011字樣的節(jié)日禮花。小兔目不轉(zhuǎn)睛地端坐在屋頂上,被空中絢爛的煙花吸引,寓意2011新年的到來(lái)。畫(huà)面的主要人物角色遭到產(chǎn)品的挑戰(zhàn),幾經(jīng)討論,思考?xì)w納人物被砍的糾結(jié)點(diǎn)有三:一,在屋頂上燃放煙花爆竹,場(chǎng)景有待商確;二,畫(huà)面元素過(guò)于復(fù)雜;三,兔子生肖用于元旦還是新年。
  最終畫(huà)面刪去了企鵝與小兔的主角,把畫(huà)面重心集中于夜空燃起盛開(kāi)2011字樣的煙花。表達(dá)人們慶祝元旦佳節(jié)的歡慶一刻,烘托新年的氣氛。

  
【溫情banner】


  在公司成立12周年之際,接到QQ“溫情banner”的需求。以“QQ與你一路相伴”為主題,帶給用戶(hù)一絲別樣的溫暖。最終選定三個(gè)用戶(hù)年齡段發(fā)生的故事:戀人、小孩、老人:
  戀人——畫(huà)面描繪一對(duì)情侶相依在草地上面向大??慈粘龅膱?chǎng)景,海上一輪朝陽(yáng)冉冉升起。情侶的影子在草地上形成QQ的形狀,寓意著因?yàn)镼Q,我們?cè)谝黄稹?br />  小孩——畫(huà)面描繪小孩如同企鵝學(xué)步般,在父親的攙扶下邁出欣喜的腳步。寓意著QQ伴隨著我們每一步的成長(zhǎng),突出QQ與你一路相伴的主題。
  老人(未推)——畫(huà)面呈現(xiàn)夕陽(yáng)下,游子奔向背已駝的老母親。在異鄉(xiāng)求學(xué)的學(xué)子與親人間的聯(lián)系,QQ與你一路相伴。

  
【其他節(jié)日banner】 


  帶著愉悅的心情總結(jié)過(guò)往節(jié)日banner的設(shè)計(jì)過(guò)程,也發(fā)現(xiàn)了些許不足之處。畫(huà)面表達(dá)上,出現(xiàn)人物角色后略顯復(fù)雜。表達(dá)節(jié)日氣氛的筆墨更需拿捏,簡(jiǎn)潔大氣還是主流王道。
  畫(huà)面內(nèi)容構(gòu)思,節(jié)日banner不僅僅是直白的節(jié)日提醒,我們正在默默努力,一步一步創(chuàng)新。敬請(qǐng)期待2011年的節(jié)日登錄banner,感謝閱讀:)

日歷

鏈接

個(gè)人資料

存檔