電競(jìng)椅詳情頁(yè)賞析環(huán)節(jié)來(lái)啦~

?

我們扒了那么多電競(jìng)椅，發(fā)現(xiàn)跟兒童安全座椅相比，電競(jìng)椅這個(gè)類別還沒那么“卷”。

?

內(nèi)容邏輯上大同小異，風(fēng)格也很相近，但是我們還是想努力找到一些能讓人眼前一亮的設(shè)計(jì)。

大家買電競(jìng)椅的目的是什么？

?

好看？追逐潮流？還是實(shí)用舒適？

?

這些其實(shí)都是個(gè)人偏好，而我們電商設(shè)計(jì)師要做的就是將這種抽象的消費(fèi)心理具象化。

我們?cè)谀吵壬浖羞x出了下面三組風(fēng)格、技巧各有千秋的電競(jìng)椅詳情頁(yè)。

下面就來(lái)一起看看，這些品牌是如何展現(xiàn)自家產(chǎn)品的。

先來(lái)看下第一組，安德斯特電競(jìng)椅。

這一組詳情頁(yè)，雖然打眼一看，內(nèi)容有點(diǎn)多，但是邏輯線是非常清晰的。

?

為了更快抓住消費(fèi)者眼球，在市面電競(jìng)椅同質(zhì)化嚴(yán)重的情況下脫穎而出。

?

這一組選擇將信任背書前置，把服務(wù)國(guó)家足球隊(duì)，PCL聯(lián)賽指定電競(jìng)椅等榮耀放在最前面。

坐最舒服的安德斯特電競(jìng)椅，讓我的每一把游戲都超神發(fā)揮 。---- 世界冠軍中單、S8世界總決賽冠軍

?

格調(diào)一下就起來(lái)了，也就直接將產(chǎn)品在消費(fèi)者心中定了位。

然后，才是首屏，對(duì)產(chǎn)品進(jìn)行展示，黑金配色加上機(jī)械元素的運(yùn)用直接奠定了全組的氛圍基調(diào)。

接下來(lái)，是對(duì)產(chǎn)品性能的闡述。

?

總分的邏輯，先用一屏的篇幅概括出產(chǎn)品的四大性能，再分屏具體表現(xiàn)產(chǎn)品優(yōu)勢(shì)。

優(yōu)勢(shì)這一趴過(guò)后，就是對(duì)座椅類別的全方位展示，參數(shù)與款式分組對(duì)應(yīng)，將產(chǎn)品信息更清晰明了的擺在消費(fèi)者眼前。

最后，結(jié)尾加入應(yīng)用場(chǎng)景，利用座椅周圍環(huán)境的改變，為消費(fèi)者帶來(lái)沉浸式體驗(yàn)感，激起用戶消費(fèi)欲望。

內(nèi)容邏輯梳理完了，我們來(lái)看一看視覺呈現(xiàn)。

?

就跟詳情頁(yè)里文案說(shuō)的那樣，這組設(shè)計(jì)，給人第一感覺就是機(jī)械故障風(fēng)和未來(lái)科技感。

?

首屏模擬了電子游戲的風(fēng)格，不同樣式的機(jī)械印刷塊錯(cuò)落堆積在椅子的兩側(cè)，點(diǎn)、線元素加入，豐富頁(yè)面細(xì)節(jié)，增加設(shè)計(jì)感。

?

展示臺(tái)用重金屬質(zhì)感的不銹鋼材質(zhì)，座椅逆著光線放置，適度留白的窗口聚焦觀眾視野，將視覺重心引向前面電競(jìng)椅。

性能展示部分，通過(guò)模擬產(chǎn)品設(shè)計(jì)中的手繪線稿的方式，展現(xiàn)產(chǎn)品精細(xì)化的零件，增加畫面記憶點(diǎn)。

下面幾屏，利用仰俯視角的變化，多角度對(duì)座椅的舒適性進(jìn)行詮釋。

?

屏與屏之間進(jìn)行跳色處理，豐富了畫面的視覺節(jié)奏感，有效避免觀眾視覺疲勞。

這部分反復(fù)運(yùn)用到了一個(gè)元素，金屬管。

?

通過(guò)調(diào)整顏色，疊加光效，給人一種座椅正在工作中的狀態(tài)，認(rèn)證了開頭信任背書的真實(shí)可靠。

這類元素在烤箱、吹風(fēng)機(jī)等家用電器的詳情頁(yè)中經(jīng)常出現(xiàn)，之前也教過(guò)大家具體要如何操作，指路我們之前的教程。

這組詳情頁(yè)還有一個(gè)很出彩的地方，就是將數(shù)據(jù)跟設(shè)計(jì)融合的很到位。

?

這也是為了迎合消費(fèi)者的偏好。

?

電競(jìng)椅的目標(biāo)受眾中有很大一部分是理工男。對(duì)于他們而言，真實(shí)直接的數(shù)據(jù)往往比色彩豐富的視覺呈現(xiàn)更真實(shí)可靠。

所以，在展現(xiàn)座椅支持用戶仰躺，90-160度之間隨意調(diào)整角度時(shí)，安德斯特選擇，在椅子上直接加了一個(gè)量角器。

顏色選擇橘色，跟整體風(fēng)格相協(xié)調(diào)。材質(zhì)上進(jìn)行半透明處理，增加質(zhì)感。

?

90、160、180度分別被特別標(biāo)記，其余部分在刻度上做了減法，并添加了一些橫向線條，增加畫面美感。

透過(guò)量角器，我們可以觀察座椅的細(xì)節(jié)，半圓的形狀與座椅前后調(diào)節(jié)出現(xiàn)的弧度，也能部分吻合。

?

最后，在頁(yè)面下方圈出一塊區(qū)域，icon配合文字，強(qiáng)化產(chǎn)品優(yōu)勢(shì)。

?

圖案選擇對(duì)電競(jìng)椅應(yīng)用場(chǎng)景進(jìn)行再次簡(jiǎn)化，簡(jiǎn)約的線條，搭配數(shù)字標(biāo)注的角度，細(xì)節(jié)拉滿。

將座椅的真實(shí)數(shù)據(jù)通過(guò)創(chuàng)意和技法展現(xiàn)，不僅強(qiáng)調(diào)產(chǎn)品的性能，還能讓頁(yè)面看起來(lái)更為嚴(yán)謹(jǐn)。

?

這也是我們電商設(shè)計(jì)中不斷追尋的，實(shí)用性與設(shè)計(jì)感兼得。

硬核裝甲風(fēng)的看完了，我們?cè)倏纯戳硪环N未來(lái)科幻風(fēng)，傲風(fēng)的3D仿生人體工學(xué)電競(jìng)椅。

這一組內(nèi)容邏輯基本跟上面的一樣。

?

先是信任背書前置，指出傲風(fēng)是2022英雄聯(lián)盟職業(yè)聯(lián)賽的指定電競(jìng)椅。

然后上主圖，對(duì)產(chǎn)品進(jìn)行展示。

接下來(lái)按照總分的邏輯，先表明選擇征服者的4大理由，再按順序排列內(nèi)容。

產(chǎn)品參數(shù)介紹、榮譽(yù)證書、品牌售后、發(fā)貨等作為補(bǔ)充信息，被放在最后，讓整組詳情頁(yè)的邏輯更加完整。

再來(lái)看看設(shè)計(jì)風(fēng)格，跟上一組的機(jī)械未來(lái)相比，這一組明顯更強(qiáng)調(diào)生活化和真實(shí)性。

?

首屏是是一個(gè)相對(duì)簡(jiǎn)潔的場(chǎng)景化展現(xiàn)，紅藍(lán)撞色的背景墻，加上球形燈的柔光與落地?zé)舻狞c(diǎn)綴，整體看上去舒適居家。

?

右邊部分紅色的加入，避免了全局藍(lán)色的單調(diào)，豐富了畫面色彩，也讓消費(fèi)者的視野更集中于紅色板塊，配合燈光的引導(dǎo)，更好的突出了前方的產(chǎn)品。

追腰貼合、座椅夾角、座椅后仰等特點(diǎn)展示的時(shí)候，也利用3D建模還原了座椅使用中的真實(shí)狀態(tài)。

這種寫實(shí)的頁(yè)面風(fēng)格能夠在潛移默化中給目標(biāo)受眾形成心理暗示，快速拉進(jìn)了產(chǎn)品與消費(fèi)者之間的距離。

最后，我們?cè)賮?lái)看一組邏輯、風(fēng)格跟前兩者完全不一樣的詳情頁(yè)。

Herman Miller家的頁(yè)面非常簡(jiǎn)潔，實(shí)質(zhì)性的內(nèi)容并不多，甚至嚴(yán)格意義上講，都沒有一個(gè)主圖展示。

?

打開這款椅子的淘寶介紹，開頭就是一個(gè)簡(jiǎn)單的宣傳視頻。

?

然后只給了兩屏，簡(jiǎn)單提了下電競(jìng)椅的核心優(yōu)勢(shì)和裝備升級(jí)。

接下來(lái)就是一些常規(guī)的使用指南、生產(chǎn)過(guò)程等等。大背景用黑白跳色，具體視覺呈現(xiàn)就是一張圖片一段字配著來(lái)。

緊接著，就進(jìn)入了細(xì)節(jié)展示和產(chǎn)品背書，整體非常平淡流暢，沒有太多華麗的修飾。

?

甚至看下來(lái)，單從設(shè)計(jì)技法的角度來(lái)說(shuō)，全篇沒有很高的技術(shù)壁壘，大多數(shù)新人設(shè)計(jì)師都可以臨摹出來(lái)。

?

然而，就是這樣一組相比而言最簡(jiǎn)單，工程量最輕松的頁(yè)面，其所售賣的產(chǎn)品價(jià)格是前兩件商品的10倍。

?

官方售價(jià)15700，比前面兩個(gè)直接多了個(gè)0。

這價(jià)格，說(shuō)一句電競(jìng)椅中的LV，應(yīng)該不過(guò)分吧，反正我是不配的。

?

咱們粉絲里要是有誰(shuí)買了，請(qǐng)一定要舉手，讓我看見。四舍五入就是杰視幫辦公椅全是Herman Miller了！

不只是電競(jìng)椅，這種極簡(jiǎn)的風(fēng)格設(shè)計(jì)，其實(shí)在很多類別中，都有出現(xiàn)。

?

比如電子產(chǎn)品領(lǐng)域中的蘋果，它家的官網(wǎng)就是一直黑白配色。

但是可別因?yàn)榭吹酱笈贫加眠@種簡(jiǎn)約的設(shè)計(jì)，就忙著去模仿參考了。

?

這類極簡(jiǎn)主義的風(fēng)格，也并不是誰(shuí)都能效仿。

?

別人用是極簡(jiǎn)主義，我們弄，可能就變成了了偷懶。

?

大道至簡(jiǎn)，弄得好的是錦上天花，弄不好連夜打包，“自愿”搬出公司。

看似簡(jiǎn)單到仿佛沒用心思的頁(yè)面，背后往往是品牌文化的多年沉淀和產(chǎn)品硬實(shí)力的強(qiáng)大支撐。

?

蘋果的“極簡(jiǎn)主義”，重點(diǎn)一向都是前綴“蘋果”，而不是極簡(jiǎn)。

?

最后，大家如果有啥感興趣類目的詳情頁(yè)，歡迎在評(píng)論區(qū)留言告訴我們。

?

我們多給大家收集收集，繼續(xù)分析給大家看~