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

來源：http://ucdchina.com/snap/12092

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

 

每逢節(jié)日到來，當(dāng)你打開QQ瀏覽器，發(fā)現(xiàn)有什么不同嗎？QQ瀏覽器已經(jīng)悄悄的送出了節(jié)日的關(guān)懷，呈現(xiàn)在你眼前的是樸實(shí)而又溫情的畫面——節(jié)日閃屏。她是瀏覽器和用戶情感交流的窗口，也是傳遞節(jié)日祝福的橋梁。在不同的節(jié)日傳達(dá)不同的人文關(guān)懷，變換不同的表現(xiàn)形式，無論是為你帶來一秒靜靜的感動(dòng)，或是純凈的莞爾一笑，我們都希望閃屏的氛圍能給用戶帶來一個(gè)美好的心情，一段溫暖的時(shí)光。

 

 

節(jié)日閃屏的構(gòu)成要素

品牌logo+口號(hào)Slogan+閃屏圖案Graph

在這里，節(jié)日閃屏有兩種構(gòu)成方式：

1、以手機(jī)屏幕的最小邊為邊長(zhǎng)的正方形非全屏的閃屏，其余部分靠色彩來填充，節(jié)省空間，突出代表性事物，表達(dá)簡(jiǎn)單明了；

 第二種：以屏幕的最長(zhǎng)邊為邊長(zhǎng)的正方形全屏的閃屏，全屏讓視覺效果更鮮明，色彩和氛圍更具感染力。

了解節(jié)日文化背景，重視情感共鳴

節(jié)日文化是一種歷史沉淀，是一個(gè)國(guó)家或民族在漫長(zhǎng)的歷史過程中形成的民族文化、風(fēng)俗和習(xí)慣。我們不僅要關(guān)注節(jié)日文化，更應(yīng)該關(guān)注的是用戶對(duì)節(jié)日文化的理解。相同的成長(zhǎng)經(jīng)歷，相同的背景，對(duì)節(jié)日的看法和理解相同，站在用戶的視角，說用戶想說的話，創(chuàng)造用戶的故事，讓用戶受到感染，達(dá)到和用戶的情感共鳴。

了解用戶群

不同年齡層對(duì)文化的理解不同，感受也不同，那我們?yōu)g覽器的用戶是哪些人群呢？

上圖所示，瀏覽器的用戶群是一個(gè)非常年輕的群體，關(guān)鍵詞總結(jié)如下：

故事情節(jié)和節(jié)日氛圍

故事情節(jié)是支撐畫面的靈魂，趣味性固然能引起注意，但是我們還是要根據(jù)節(jié)日氛圍來打造合理的故事情節(jié)：愚人節(jié)可以是詼諧的生動(dòng)有趣的；情人節(jié)自然是浪漫的愛意彌漫的；清明節(jié)應(yīng)該是肅穆的充滿懷念的。濃郁的節(jié)日氛圍將會(huì)拉近和用戶的距離，此時(shí)需注意節(jié)日的季節(jié)和畫面的時(shí)節(jié)相對(duì)應(yīng)，這樣更容易產(chǎn)生共鳴。

清明節(jié)的印象大概已經(jīng)定格在“清明時(shí)節(jié)雨紛紛，路上行人欲斷魂”，看看網(wǎng)上的圖片，清明節(jié)都是千篇一律的水墨來表現(xiàn)“牧童遙指杏花村”，對(duì)于我們年輕的用戶群，究竟什么樣的氛圍和情節(jié)能打動(dòng)用戶呢？

正值這個(gè)清明時(shí)節(jié)，剛好是草長(zhǎng)鶯飛，春寒料峭，春雨紛飛，這樣一個(gè)詩(shī)一樣的季節(jié)，我們打造的氛圍也偏向了這樣一個(gè)文藝的路線，于是想到的關(guān)鍵詞是春雨、懷念、傷感。

雨的氛圍確定了，故事情節(jié)我們還是確定為“雨中的思念”，遠(yuǎn)遠(yuǎn)的雨巷中，陳舊的石板路被雨沖洗著，兩旁的年代久遠(yuǎn)的院墻訴說著古老，屋檐上滴滴答答的雨聲似乎傳遞著遙遠(yuǎn)的思念。

首先匯出我們繪制想象中的場(chǎng)景，還是先用簡(jiǎn)化素描的形式勾勒出場(chǎng)景的大體輪廓；

 

然后暈染出淡淡的丁香色，此時(shí)再填上畫面的主角：丁香一樣的少女、淅淅瀝瀝的春雨……

最終效果如下：

盛夏炙熱的陽光下，畫面定格在高考倒計(jì)時(shí)緊張的氛圍中。陽光、黑板、課本、空無一人的教室，把你拉回到那段回憶中。

還記得圣誕時(shí)期待收到禮物的心情嗎？大雪紛飛，冰天雪地，但心里卻暖暖的。

由代表性事物入手，從主題中提煉色彩

如果想要主題鮮明，最好的方法莫過于直接列舉關(guān)鍵要素，由關(guān)鍵要素提煉色彩：

表現(xiàn)設(shè)計(jì)閃屏的視覺風(fēng)格的技巧

1.    首先用簡(jiǎn)化素描來表達(dá)

用簡(jiǎn)化素描來表達(dá)基本的故事情節(jié)，設(shè)計(jì)思想簡(jiǎn)單明了，更能提率；在設(shè)定視覺風(fēng)格之前，都使用簡(jiǎn)化素描將故事情節(jié)描繪數(shù)張，以備挑選。簡(jiǎn)化素描可在紙上進(jìn)行，也可直接臨摹照片形象，只要略勾勒出輪廓、神態(tài)即可。

2.    用簡(jiǎn)單的方法模擬不同流派的視覺風(fēng)格

從美術(shù)巨匠的作品得到靈感，模擬不同流派的視覺風(fēng)格，這樣不僅能提升藝術(shù)品質(zhì)，更讓我們追隨歷史的足跡感受藝術(shù)的熏陶，讓工作也變得更加有樂趣；

下圖是超現(xiàn)實(shí)主義代表胡安.米羅的《哈里昆的狂歡》：?jiǎn)渭儤闼乇缓?jiǎn)化的形體、輕松明亮的色彩，童心、古怪、具有幽默感，經(jīng)過簡(jiǎn)化而得出抽象的形體。

 

值得學(xué)習(xí)的還有歷史上的很多名家巨匠：

 

比如立體主義的創(chuàng)始人畢加索，將對(duì)象的分割與重組，表達(dá)真實(shí)感受；追隨感覺的浪漫主義畫家約翰.康斯特布爾；簡(jiǎn)化事物，強(qiáng)調(diào)個(gè)性化色彩的馬蒂斯，模仿這些名家的作品，更會(huì)一步步接近經(jīng)典的秘密。

現(xiàn)在，讓我們來模擬野獸派畫家馬蒂斯的《紅色中的和諧》，注意模擬風(fēng)格的特點(diǎn)是簡(jiǎn)化對(duì)象并強(qiáng)調(diào)個(gè)性化色彩，原作如下：

具體步驟如下：

 

 

 節(jié)日閃屏的發(fā)展方向

閃屏不應(yīng)該僅僅只作為單方面?zhèn)鬟f信息給用戶，還需要得到用戶的反饋，和用戶互動(dòng)，才能實(shí)現(xiàn)與用戶更深層次的交流，增加用戶對(duì)產(chǎn)品的情感依賴。