手機閃屏設計之道

4 評論 18253 瀏覽 8 收藏 10 分鐘

0Z2595F6-1
  節日閃屏的構成要素

品牌logo+口號Slogan+閃屏圖案Graph

0Z25a2C-2
  在這里,節日閃屏有兩種構成方式:

1、以手機屏幕的最小邊為邊長的正方形非全屏的閃屏,其余部分靠色彩來填充,節省空間,突出代表性事物,表達簡單明了;

0Z25942L-3
  第二種:以屏幕的最長邊為邊長的正方形全屏的閃屏,全屏讓視覺效果更鮮明,色彩和氛圍更具感染力。

0Z2591100-4
  了解節日文化背景,重視情感共鳴

節日文化是一種歷史沉淀,是一個國家或民族在漫長的歷史過程中形成的民族文化、風俗和習慣。我們不僅要關注節日文化,更應該關注的是用戶對節日文化的理解。相同的成長經歷,相同的背景,對節日的看法和理解相同,站在用戶的視角,說用戶想說的話,創造用戶的故事,讓用戶受到感染,達到和用戶的情感共鳴。

0Z259B14-5
  了解用戶群

不同年齡層對文化的理解不同,感受也不同,那我們瀏覽器的用戶是哪些人群呢?

0Z25a443-6
  上圖所示,瀏覽器的用戶群是一個非常年輕的群體,關鍵詞總結如下:

0Z2593C4-7
  故事情節和節日氛圍

故事情節是支撐畫面的靈魂,趣味性固然能引起注意,但是我們還是要根據節日氛圍來打造合理的故事情節:愚人節可以是詼諧的生動有趣的;情人節自然是浪漫的愛意彌漫的;清明節應該是肅穆的充滿懷念的。濃郁的節日氛圍將會拉近和用戶的距離,此時需注意節日的季節和畫面的時節相對應,這樣更容易產生共鳴。

清明節的印象大概已經定格在“清明時節雨紛紛,路上行人欲斷魂”,看看網上的圖片,清明節都是千篇一律的水墨來表現“牧童遙指杏花村”,對于我們年輕的用戶群,究竟什么樣的氛圍和情節能打動用戶呢?

0Z2592440-8
  正值這個清明時節,剛好是草長鶯飛,春寒料峭,春雨紛飛,這樣一個詩一樣的季節,我們打造的氛圍也偏向了這樣一個文藝的路線,于是想到的關鍵詞是春雨、懷念、傷感。

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

0Z25913Q-9
  首先匯出我們繪制想象中的場景,還是先用簡化素描的形式勾勒出場景的大體輪廓;

0Z2593E0-10
  然后暈染出淡淡的丁香色,此時再填上畫面的主角:丁香一樣的少女、淅淅瀝瀝的春雨……

0Z25945M-11
  最終效果如下:

0Z2594402-12
  盛夏炙熱的陽光下,畫面定格在高考倒計時緊張的氛圍中。陽光、黑板、課本、空無一人的教室,把你拉回到那段回憶中。

0Z25a295-13
  還記得圣誕時期待收到禮物的心情嗎?大雪紛飛,冰天雪地,但心里卻暖暖的。

0Z2593K3-14
  由代表性事物入手,從主題中提煉色彩

如果想要主題鮮明,最好的方法莫過于直接列舉關鍵要素,由關鍵要素提煉色彩:

0Z2596361-15
0Z2592238-16
0Z2594095-17
0Z2595R0-18
  表現設計閃屏的視覺風格的技巧

1. 首先用簡化素描來表達

用簡化素描來表達基本的故事情節,設計思想簡單明了,更能提高效率;在設定視覺風格之前,都使用簡化素描將故事情節描繪數張,以備挑選。簡化素描可在紙上進行,也可直接臨摹照片形象,只要略勾勒出輪廓、神態即可。

0Z2591034-19
0Z2593448-20
  2. 用簡單的方法模擬不同流派的視覺風格

從美術巨匠的作品得到靈感,模擬不同流派的視覺風格,這樣不僅能提升藝術品質,更讓我們追隨歷史的足跡感受藝術的熏陶,讓工作也變得更加有樂趣;

下圖是超現實主義代表胡安.米羅的《哈里昆的狂歡》:單純樸素被簡化的形體、輕松明亮的色彩,童心、古怪、具有幽默感,經過簡化而得出抽象的形體。

0Z25aW0-21
  值得學習的還有歷史上的很多名家巨匠:

比如立體主義的創始人畢加索,將對象的分割與重組,表達真實感受;追隨感覺的浪漫主義畫家約翰.康斯特布爾;簡化事物,強調個性化色彩的馬蒂斯,模仿這些名家的作品,更會一步步接近經典的秘密。

0Z2591a9-22
  現在,讓我們來模擬野獸派畫家馬蒂斯的《紅色中的和諧》,注意模擬風格的特點是簡化對象并強調個性化色彩,原作如下:

0Z2593M3-23
  具體步驟如下:

0Z2594L5-24
  節日閃屏的發展方向

閃屏不應該僅僅只作為單方面傳遞信息給用戶,還需要得到用戶的反饋,和用戶互動,才能實現與用戶更深層次的交流,增加用戶對產品的情感依賴。

來源:騰訊WSD

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 好文!學到了

    來自廣東 回復