轉(zhuǎn)自公眾號(hào)：杰視幫

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

我們運(yùn)營(yíng)部拼盡全員之力，最后也只有隔壁黃俊老師搶到一只沒(méi)有靈魂的皮卡丘八音盒。

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

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

對(duì)于即將過(guò)兒童節(jié)的小朋友來(lái)說(shuō)，可達(dá)鴨可能些許幼稚。

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

可達(dá)鴨的爆火，一個(gè)是因?yàn)樗目赏嫘愿?。一個(gè)是因?yàn)?/span>可愛(ài)。

人類對(duì)于可愛(ài)事物的偏愛(ài)，從來(lái)都是不分性別，不分年齡的。

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

但是，什么樣是可愛(ài)呢？

在做電商設(shè)計(jì)的時(shí)候，面對(duì)一些童趣產(chǎn)品，甲方爸爸會(huì)要求這個(gè)頁(yè)面做得可愛(ài)一點(diǎn)。

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

上周，我們分享了一些跑鞋類的詳情頁(yè)賞析。

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

今天的第一組詳情頁(yè)是一款泡泡相機(jī)。

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

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

我們來(lái)看看這組詳情頁(yè)是如何一步步觸達(dá)大家的少女心的。

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

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

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

圖形所有的邊緣沒(méi)有強(qiáng)硬的直接轉(zhuǎn)折，而是做了圓角設(shè)計(jì)。

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

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

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

拱形、圓弧、二重拱形這類形式，模擬了泡泡的弧度，讓整個(gè)畫(huà)面更具有記憶點(diǎn)。

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

第二屏，介紹泡泡機(jī)電動(dòng)出泡、出泡豐富、柔和燈光、相機(jī)造型這四個(gè)賣點(diǎn)。

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

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

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

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

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

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

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

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

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

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

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

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

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

加入黃綠色作為點(diǎn)綴，增加顏色對(duì)比，豐富了畫(huà)面細(xì)節(jié)，也看起來(lái)更有活力。

之后就是一個(gè)二聯(lián)屏的直接過(guò)渡，開(kāi)始分屏詳細(xì)闡述產(chǎn)品功能。

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

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

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

駕駛艙中的熊貓寶寶和艙外的成年熊貓 ，暗示著父母與孩子一起開(kāi)心地玩泡泡機(jī)的使用場(chǎng)景。

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

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

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

第二款要分享的詳情頁(yè)，是萌寵主題的泡泡相機(jī)。

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

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

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

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

小小的一個(gè)泡泡機(jī)搞的這么可愛(ài)，真的很難不心動(dòng)。

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

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

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

擬人化的呈現(xiàn)方式更容易激起消費(fèi)者的購(gòu)買(mǎi)欲。

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

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

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

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

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

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

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

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

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

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

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

老規(guī)矩，上面這些頁(yè)面你喜歡哪一個(gè)，想學(xué)其中的哪個(gè)技法表現(xiàn)呢？

評(píng)論區(qū)告訴我們，我們依次給大家安排上（上周詳情頁(yè)中的酸性氣泡材質(zhì)的制作教程正在制作中，敬請(qǐng)期待）

最后，有人有多余的可達(dá)鴨嗎？

可以分一個(gè)給我嗎

本文轉(zhuǎn)自微信公眾號(hào)：杰視幫，圖片來(lái)源網(wǎng)絡(luò)，版權(quán)歸原所有者所有，本文僅供分享交流，如有侵權(quán)，請(qǐng)聯(lián)系我刪除，謝謝！