天貓旗艦店的詳情頁(yè)要怎么設(shè)計(jì)才出彩？ | Rokid AIR VR眼鏡

時(shí)間：2023-10-10 08:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-10 08:18:01 來源：網(wǎng)站運(yùn)營(yíng)

天貓旗艦店的詳情頁(yè)要怎么設(shè)計(jì)才出彩？ | Rokid AIR VR眼鏡：Rokid品牌，是我們合作多次的老朋友，這是一家專注人機(jī)交互技術(shù)研究和人工智能軟硬件產(chǎn)品開發(fā)的科技創(chuàng)新型企業(yè)，產(chǎn)品涵蓋智能家庭機(jī)器人、智能音箱、增強(qiáng)現(xiàn)實(shí)（AR）眼鏡，以及人工智能應(yīng)用與服務(wù)。作為行業(yè)的探索者、領(lǐng)跑者，目前致力于AR眼鏡等軟硬件產(chǎn)品的研發(fā)及以YodaOS-XR操作系統(tǒng)為載體的生態(tài)構(gòu)建。




2018年，我們?yōu)镽okid提供了官網(wǎng)網(wǎng)站的設(shè)計(jì)服務(wù)，這是我們第一次合作。之后，2022年中旬，我們又完成了Rokid Air天貓旗艦店的詳情頁(yè)的設(shè)計(jì)。Rokid Air是Rokid公司推出的AR產(chǎn)品，這是Rokid為消費(fèi)者打造的首款A(yù)R眼鏡，為此，團(tuán)隊(duì)在產(chǎn)品視覺、文案都下足了功夫，力求能最大限度地展示產(chǎn)品的誠(chéng)意。




我們相信研發(fā)這些極具匠心的產(chǎn)品都得有些情懷和信念做支撐，所以，在接到設(shè)計(jì)委托的時(shí)候，我們希望最后呈現(xiàn)的效果是能觸動(dòng)用戶內(nèi)心，并且引起共鳴。

Rokid Air 可以說是集輕巧時(shí)尚外觀、人機(jī)工程設(shè)計(jì)、AI能力、自然交互和豐富內(nèi)容于一體的產(chǎn)品，自發(fā)售起，便獲得大批粉絲喜愛，在天貓旗艦店的平臺(tái)上獲得高度認(rèn)可?；诖?，為了更好的展示產(chǎn)品的勢(shì)能，提升品牌的表現(xiàn)力，Rokid團(tuán)隊(duì)希望我們對(duì)整體的視覺和內(nèi)容進(jìn)行優(yōu)化升級(jí)。




Rokid Air 的佩戴和使用者很多時(shí)候都不是專業(yè)的操作者，而是未受過培訓(xùn)的普通人，他們或許是喜愛電影觀劇的刷劇達(dá)人，或許是熱愛電競(jìng)游戲的游戲高手，他們會(huì)在天貓電商平臺(tái)上反饋出戴上產(chǎn)品后的感受，并提出期待和建議。我們根據(jù)這群達(dá)人的特點(diǎn)，分析他們的使用場(chǎng)景和興趣愛好，在設(shè)計(jì)之前預(yù)先構(gòu)想了一個(gè)世界，即現(xiàn)在比較熱門的“元宇宙”。




我們假設(shè)有這樣一個(gè)人，他佩戴ROKID AIR VR眼鏡之后，觸動(dòng)了虛擬鏈接，這個(gè)人可以穿梭于現(xiàn)實(shí)與虛擬之間，再平行世界探索宇宙奧秘，這么形容可能有些夸張，但我們需要這種科幻的氛圍，來增強(qiáng)產(chǎn)品的科技感和未來感。所以我們的整體視覺基調(diào)以科技藍(lán)為主，增加了星球、宇宙等元素。為了實(shí)現(xiàn)更好的效果，Rokid團(tuán)隊(duì)邀請(qǐng)了攝影團(tuán)隊(duì)對(duì)產(chǎn)品進(jìn)行重新拍攝，尋找更好的角度和使用場(chǎng)景，之后再由我們的設(shè)計(jì)師根據(jù)畫面需要制作出合適的效果圖。




Rokid Air是定位于通勤、辦公、影音等使用場(chǎng)景所推出的一款精簡(jiǎn)化的產(chǎn)品，但簡(jiǎn)又不簡(jiǎn)，“它在以往AR眼鏡形態(tài)上做了減法，在用戶體驗(yàn)上做了加法”。其實(shí)制作產(chǎn)品詳情頁(yè)，就是對(duì)產(chǎn)品的賣點(diǎn)進(jìn)行凸顯，能刺激用戶的感知點(diǎn)，迅速抓住關(guān)鍵詞。所以，在最初梳理畫面邏輯的時(shí)候，就從產(chǎn)品的外觀設(shè)計(jì)、使用體驗(yàn)、技術(shù)、產(chǎn)品工藝、應(yīng)用資源等方面對(duì)產(chǎn)品優(yōu)勢(shì)進(jìn)行提煉，根據(jù)這條線索，對(duì)畫面進(jìn)行處理，這樣一來，整個(gè)畫面會(huì)更有表現(xiàn)力，也會(huì)更加條理分明。

天貓旗艦店是擁有超大流量的平臺(tái)，聚集著數(shù)以億計(jì)的用戶，我們希望對(duì)產(chǎn)品詳情頁(yè)的設(shè)計(jì)能為Rokid AIR 的使用者、支持者帶來更好的視覺體驗(yàn)，真正做到面面俱到，為產(chǎn)品賦能。因?yàn)檫@是第二次合作，所以我們雙方團(tuán)隊(duì)在溝通協(xié)作上已經(jīng)有一定默契，整個(gè)策劃設(shè)計(jì)過程很順利，效果現(xiàn)在看來也不錯(cuò)。

我們和ROKID 團(tuán)隊(duì)的上一次合作是在2018年，當(dāng)時(shí)，我們是為ROKID提供官網(wǎng)網(wǎng)站的設(shè)計(jì)服務(wù)。

Rokid 官網(wǎng)設(shè)計(jì)中我們使用了大量的動(dòng)態(tài)場(chǎng)景以及點(diǎn)擊交互來凸顯產(chǎn)品的年輕活力。我們?yōu)榫W(wǎng)站上熱賣的兩個(gè)產(chǎn)品做了細(xì)節(jié)設(shè)計(jì)，Rokid Me 是以年輕人為目標(biāo)用戶的一款智能便攜音箱，除了語(yǔ)音之外，還可通過翻轉(zhuǎn)，搖一搖等交互方式進(jìn)行操控。ROKID PEBBLE 這款產(chǎn)品的定位是家庭智能機(jī)器人，它的中文名字叫做月石，產(chǎn)品的外形設(shè)計(jì)圓潤(rùn)有趣，在這款產(chǎn)品的展示上我們著重去突出了這個(gè)特點(diǎn)。

通常，為了更好的突出產(chǎn)品質(zhì)感，我們都會(huì)為產(chǎn)品渲染了一部分場(chǎng)景，有靜態(tài)的也有動(dòng)態(tài)的，用戶可以通過圖片和視頻更直觀地感受到產(chǎn)品的品質(zhì)。而產(chǎn)品的爆炸圖，主要用來揭示內(nèi)部零件與外殼部分之間的關(guān)系，用來探討裝配時(shí)可能遇到的各種潛在問題，也讓用戶了解產(chǎn)品的內(nèi)部結(jié)構(gòu)，很逼真也很酷。




為了增加產(chǎn)品視覺表現(xiàn)力，動(dòng)態(tài)化處理是最常見的，我們通過虛擬一些場(chǎng)景，來體現(xiàn)產(chǎn)品的氛圍。




其實(shí)不管是網(wǎng)站還是一個(gè)電商平臺(tái)的詳情頁(yè)，設(shè)計(jì)的底層邏輯是不變，就是有邏輯有重點(diǎn)的凸顯產(chǎn)品的優(yōu)勢(shì)，讓用戶通過視覺的方式感受到產(chǎn)品的品質(zhì)，能在最短的時(shí)間內(nèi)獲得關(guān)鍵信息，我們不能設(shè)計(jì)丑的東西，同時(shí)也不能讓用戶有視覺上的負(fù)擔(dān)，并不是絕對(duì)酷炫的東西就是好的，我們要在密集的信息中留出空隙，掌握節(jié)奏，既要留給觀者思考的間隙，也要吸引他們往下閱覽。

任何信息和圖像都是輔助產(chǎn)品本身來呈現(xiàn)的，所以如何運(yùn)用這些元素，就是很好的課題，需要設(shè)計(jì)師、策劃等人的不斷實(shí)踐和學(xué)習(xí)。