各位，肯德基的可達鴨，你們最近搶到了嗎？

我們運營部拼盡全員之力，最后也只有隔壁黃俊老師搶到一只沒有靈魂的皮卡丘八音盒。

今天又是望鴨流淚的一天。

這樣一只傻憨憨，扭著扭著，就扭出了我們對這個世界的美好憧憬。

對于即將過兒童節(jié)的小朋友來說，可達鴨可能些許幼稚。

?

但是對于20多歲的成年人而言，卻剛剛好。

可達鴨的爆火，一個是因為它的可玩性高。一個是因為可愛。

?

人類對于可愛事物的偏愛，從來都是不分性別，不分年齡的。

?

將產(chǎn)品賦予可愛的特質(zhì)，更容易贏得大家的偏愛，引發(fā)消費者正向的情感反饋。

但是，什么樣是可愛呢？

?

在做電商設(shè)計的時候，面對一些童趣產(chǎn)品，甲方爸爸會要求這個頁面做得可愛一點。

?

這種抽象情感類詞語，應(yīng)該如何轉(zhuǎn)換成設(shè)計語言來呈現(xiàn)呢？

?

今天，我們就來看一組字里行間都散發(fā)著【可愛】氣質(zhì)的兒童產(chǎn)品詳情頁。

今天的第一組詳情頁是一款泡泡相機。

?

作為童年的必備玩具，打開某黃色軟件，你能搜索到各種各樣的泡泡機。

那么如何把這種同質(zhì)化的產(chǎn)品做的出彩？

?

我們來看看這組詳情頁是如何一步步觸達大家的少女心的。

先整體看一下，這組詳情頁的設(shè)計風(fēng)格。

無論是元素、顏色還是光影、對比度，這組詳情頁在視覺風(fēng)格上都非常統(tǒng)一。

?

元素上圍繞太空主題，C4D的三維制作手法，萌熊宇航員+太空飛船的卡通形象貫穿全屏。

圖形所有的邊緣沒有強硬的直接轉(zhuǎn)折，而是做了圓角設(shè)計。

?

圓潤的弧度看起來更加安全，更加容易讓人放松，也更符合泡泡機這一兒童玩具的產(chǎn)品定位。

屏與屏之間的跳色處理，增強了界面色彩的節(jié)奏感，一定程度上，避免了觀眾的審美疲勞。

?

另外，除了深淺調(diào)色，里面所有的界面轉(zhuǎn)換，都采用了圖形分割。

拱形、圓弧、二重拱形這類形式，模擬了泡泡的弧度，讓整個畫面更具有記憶點。

?

再來梳理一下這組詳情頁的創(chuàng)意邏輯，首屏直接點出了探索太空的主題。

第二屏，介紹泡泡機電動出泡、出泡豐富、柔和燈光、相機造型這四個賣點。

?

然后是對產(chǎn)品使用場景的介紹。

?

通過萌熊宇航員ip形象在太空中各種形態(tài)的變化，打出差異化賣點，激起用戶的購買欲望。

產(chǎn)品參數(shù)作為補充信息展示被放到了最后，保證了內(nèi)容邏輯的完整。

既然市面上的泡泡機構(gòu)成上大同小異，這款詳情頁就抓住并放大自己太空主題的優(yōu)勢，引導(dǎo)消費者為顏值買單。

?

頭屏沒有直接將泡泡機放在太空中，而是選擇以室內(nèi)場景模擬太空感，泡泡機宇宙飛船，懸浮在室內(nèi)。

這種新穎的太空元素展現(xiàn)，直接勾起消費者的好奇心理。

?

在顏色上，首屏選擇了經(jīng)典的藍黃搭配。

?

暗色調(diào)渲染出太空的氛圍，在陰影區(qū)增加了藍色的色調(diào)，同時在高光區(qū)做了黃色增強平衡畫面。

在靜謐的同時襯托出畫面的溫暖，拉回產(chǎn)品調(diào)性，也直接定下了全篇的整體色調(diào)。

?

Icon部分，對宇航員頭盔進行了處理，簡化了細節(jié)，強化了透光質(zhì)感，呼應(yīng)太空主題。

頭盔內(nèi)部，用泡泡進行填充，展現(xiàn)產(chǎn)品的泡泡屬性。

?

這一頁的底板做的也很有特色，黃色的暖調(diào)，柔軟的質(zhì)感，下陷的弧度配合恰到好處的陰影，讓人想起家里的懶人沙發(fā)。

細節(jié)也非常到位，UI的色彩跟主色調(diào)統(tǒng)一。

?

加入黃綠色作為點綴，增加顏色對比，豐富了畫面細節(jié)，也看起來更有活力。

之后就是一個二聯(lián)屏的直接過渡，開始分屏詳細闡述產(chǎn)品功能。

?

場景由室內(nèi)轉(zhuǎn)為宇宙，大小不同的泡泡，模擬小行星，在飛船附近大量出現(xiàn)。

?

這一塊用了替代的手法，突出產(chǎn)品功能的同時，增加了畫面整體的趣味性。

泡泡的大小不同，也展現(xiàn)了近大遠小的視角變化，豐富畫面整體的空間感。

?

駕駛艙中的熊貓寶寶和艙外的成年熊貓 ，暗示著父母與孩子一起開心地玩泡泡機的使用場景。

后續(xù)的幾屏，也反復(fù)出現(xiàn)了大小熊貓，一起遨游宇宙。

?

觀眾的代入感更強，也就更容易與產(chǎn)品產(chǎn)生情感聯(lián)系。

這一組詳情頁，利用熊貓、飛船、宇宙、泡泡等一連串迎合年輕一代審美偏好的元素，共同搭建了一個可愛的夢幻世界，最終促使消費者為顏值買單。

第二款要分享的詳情頁，是萌寵主題的泡泡相機。

設(shè)計邏輯和跟剛剛的太空泡泡機基本一致：

?

先說賣點，然后是使用場景，最后對產(chǎn)品的參數(shù)詳情進行介紹。

?

與剛剛的太空泡泡機最大的不同就是主題上的差別，這組詳情頁加入了更多的萌寵IP形象，Q版的小熊、鴨子、熊貓。

大而圓的臉蛋，二頭身的比例，雖然是塑料的材質(zhì)，卻在設(shè)計師的手下變得質(zhì)感滿滿。

?

小小的一個泡泡機搞的這么可愛，真的很難不心動。

另外，這組泡泡機的呈現(xiàn)方式上更多選擇了，讓萌寵坐在泡泡之上，展現(xiàn)泡泡彈性好，不易破的產(chǎn)品特性。

功能展示上，用了半球形作為icon的底部，主元素懸浮在半球中心，留給了觀眾更多的想象空間。

用卡通的熊貓代替小朋友，展現(xiàn)相機外形圓滑，大小適宜抓握的賣點。

?

擬人化的呈現(xiàn)方式更容易激起消費者的購買欲。

結(jié)尾，對產(chǎn)品參數(shù)詳情進行介紹時，加入了權(quán)威檢測認證進行信任背書，讓產(chǎn)品在安全性上更具有說服力，再次證明產(chǎn)品對兒童的友好。

下面兩組走的也是這類風(fēng)格，清新明亮的顏色，加上卡通的IP形象，畫面整體調(diào)性統(tǒng)一，觀感極為舒適。

?

大家可以套用上述邏輯嘗試拆解賞析。

始于顏值，忠于感受，這一套方法論算是被這四組詳情頁玩明白了。

當(dāng)同類商品使用感覺都大同小異時，只有為產(chǎn)品添加附加屬性，才能從同質(zhì)化市場中脫穎而出。

?

而將產(chǎn)品萌化，就是為產(chǎn)品賦能的一種方式。

?

人都向往美好的東西，可愛能激發(fā)我們的保護欲，讓我們暫時卸下防備，享受大腦多巴胺分泌帶來的愉悅。

產(chǎn)品以Q版卡通形象的方式出現(xiàn)，讓消費者暫時逃離快節(jié)奏的生活壓力，感受溫暖，與消費者拉進距離，贏得大眾的喜歡。

?

可愛就是能跟貓咪狗狗、鮮花甜品、Gakki、戀愛一樣，讓人無條件投降。

一旦施了可愛這種魔法，無論多么平凡的事物，都會迅速充溢著親切感，向我們展示充滿善意的表情，守護這無辜與安逸的假想世界。

?

六一兒童節(jié)馬上就要來了，也提前祝各位可愛的小朋友，兒童節(jié)快樂。

最后，有人有多余的可達鴨嗎？

可以分一個給我嗎？