轉自公衆号:傑視幫
各位,肯德基的可達鴨,你們最近搶到了嗎?
我們運營部拼盡全員之力,最後也隻有隔壁黃俊老師搶到一隻沒有靈魂的皮卡丘八音盒。
今天又是望鴨流淚的一天。
這樣一隻傻憨憨,扭着扭着,就扭出了我們對這個世界的美好憧憬。
對于即将過兒童節的小朋友來說,可達鴨可能些許幼稚。
但是對于20多歲的成年人而言,卻剛剛好。
可達鴨的爆火,一個是因為它的可玩性高。一個是因為可愛。
人類對于可愛事物的偏愛,從來都是不分性别,不分年齡的。
将産品賦予可愛的特質,更容易赢得大家的偏愛,引發消費者正向的情感反饋。
但是,什麼樣是可愛呢?
在做電商設計的時候,面對一些童趣産品,甲方爸爸會要求這個頁面做得可愛一點。
這種抽象情感類詞語,應該如何轉換成設計語言來呈現呢?
上周,我們分享了一些跑鞋類的詳情頁賞析。
這周,我們就來看一組字裡行間都散發着【可愛】氣質的兒童産品詳情頁。
今天的第一組詳情頁是一款泡泡相機。
作為童年的必備玩具,打開某黃色軟件,你能搜索到各種各樣的泡泡機。
那麼如何把這種同質化的産品做的出彩?
我們來看看這組詳情頁是如何一步步觸達大家的少女心的。
先整體看一下,這組詳情頁的設計風格。
無論是元素、顔色還是光影、對比度,這組詳情頁在視覺風格上都非常統一。
元素上圍繞太空主題,C4D的三維制作手法,萌熊宇航員 太空飛船的卡通形象貫穿全屏。
圖形所有的邊緣沒有強硬的直接轉折,而是做了圓角設計。
圓潤的弧度看起來更加安全,更加容易讓人放松,也更符合泡泡機這一兒童玩具的産品定位。
屏與屏之間的跳色處理,增強了界面色彩的節奏感,一定程度上,避免了觀衆的審美疲勞。
另外,除了深淺調色,裡面所有的界面轉換,都采用了圖形分割。
拱形、圓弧、二重拱形這類形式,模拟了泡泡的弧度,讓整個畫面更具有記憶點。
再來梳理一下這組詳情頁的創意邏輯,首屏直接點出了探索太空的主題。
第二屏,介紹泡泡機電動出泡、出泡豐富、柔和燈光、相機造型這四個賣點。
然後是對産品使用場景的介紹。
通過萌熊宇航員ip形象在太空中各種形态的變化,打出差異化賣點,激起用戶的購買欲望。
産品參數作為補充信息展示被放到了最後,保證了内容邏輯的完整。
既然市面上的泡泡機構成上大同小異,這款詳情頁就抓住并放大自己太空主題的優勢,引導消費者為顔值買單。
頭屏沒有直接将泡泡機放在太空中,而是選擇以室内場景模拟太空感,泡泡機宇宙飛船,懸浮在室内。
這種新穎的太空元素展現,直接勾起消費者的好奇心理。
在顔色上,首屏選擇了經典的藍黃搭配。
暗色調渲染出太空的氛圍,在陰影區增加了藍色的色調,同時在高光區做了黃色增強平衡畫面。
在靜谧的同時襯托出畫面的溫暖,拉回産品調性,也直接定下了全篇的整體色調。
Icon部分,對宇航員頭盔進行了處理,簡化了細節,強化了透光質感,呼應太空主題。
頭盔内部,用泡泡進行填充,展現産品的泡泡屬性。
這一頁的底闆做的也很有特色,黃色的暖調,柔軟的質感,下陷的弧度配合恰到好處的陰影,讓人想起家裡的懶人沙發。
細節也非常到位,UI的色彩跟主色調統一。
加入黃綠色作為點綴,增加顔色對比,豐富了畫面細節,也看起來更有活力。
之後就是一個二聯屏的直接過渡,開始分屏詳細闡述産品功能。
場景由室内轉為宇宙,大小不同的泡泡,模拟小行星,在飛船附近大量出現。
這一塊用了替代的手法,突出産品功能的同時,增加了畫面整體的趣味性。
泡泡的大小不同,也展現了近大遠小的視角變化,豐富畫面整體的空間感。
駕駛艙中的熊貓寶寶和艙外的成年熊貓 ,暗示着父母與孩子一起開心地玩泡泡機的使用場景。
後續的幾屏,也反複出現了大小熊貓,一起遨遊宇宙。
觀衆的代入感更強,也就更容易與産品産生情感聯系。
這一組詳情頁,利用熊貓、飛船、宇宙、泡泡等一連串迎合年輕一代審美偏好的元素,共同搭建了一個可愛的夢幻世界,最終促使消費者為顔值買單。
第二款要分享的詳情頁,是萌寵主題的泡泡相機。
設計邏輯和跟剛剛的太空泡泡機基本一緻:
先說賣點,然後是使用場景,最後對産品的參數詳情進行介紹。
與剛剛的太空泡泡機最大的不同就是主題上的差别,這組詳情頁加入了更多的萌寵IP形象,Q版的小熊、鴨子、熊貓。
大而圓的臉蛋,二頭身的比例,雖然是塑料的材質,卻在設計師的手下變得質感滿滿。
小小的一個泡泡機搞的這麼可愛,真的很難不心動。
另外,這組泡泡機的呈現方式上更多選擇了,讓萌寵坐在泡泡之上,展現泡泡彈性好,不易破的産品特性。
功能展示上,用了半球形作為icon的底部,主元素懸浮在半球中心,留給了觀衆更多的想象空間。
用卡通的熊貓代替小朋友,展現相機外形圓滑,大小适宜抓握的賣點。
拟人化的呈現方式更容易激起消費者的購買欲。
結尾,對産品參數詳情進行介紹時,加入了權威檢測認證進行信任背書,讓産品在安全性上更具有說服力,再次證明産品對兒童的友好。
下面兩組走的也是這類風格,清新明亮的顔色,加上卡通的IP形象,畫面整體調性統一,觀感極為舒适。
大家可以套用上述邏輯嘗試拆解賞析。
始于顔值,忠于感受,這一套方法論算是被這四組詳情頁玩明白了。
當同類商品使用感覺都大同小異時,隻有為産品添加附加屬性,才能從同質化市場中脫穎而出。
而将産品萌化,就是為産品賦能的一種方式。
人都向往美好的東西,可愛能激發我們的保護欲,讓我們暫時卸下防備,享受大腦多巴胺分泌帶來的愉悅。
産品以Q版卡通形象的方式出現,讓消費者暫時逃離快節奏的生活壓力,感受溫暖,與消費者拉進距離,赢得大衆的喜歡。
可愛就是能跟貓咪狗狗、鮮花甜品、Gakki、戀愛一樣,讓人無條件投降。
一旦施了可愛這種魔法,無論多麼平凡的事物,都會迅速充溢着親切感,向我們展示充滿善意的表情,守護這無辜與安逸的假想世界。
六一兒童節馬上就要來了,也提前祝各位可愛的小朋友,兒童節快樂。
老規矩,上面這些頁面你喜歡哪一個,想學其中的哪個技法表現呢?
評論區告訴我們,我們依次給大家安排上(上周詳情頁中的酸性氣泡材質的制作教程正在制作中,敬請期待)
最後,有人有多餘的可達鴨嗎?
可以分一個給我嗎
,本文轉自傑視幫,圖片來源網絡,版權歸原所有者所有,本文僅供分享交流,如有侵權,請聯系我删除,謝謝!
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!