淘寶天貓寶貝詳情頁頭圖表現(xiàn)形式有哪些？

發(fā)布日期：2020-2-25 11:26

14063人閱讀

詳情頁頭圖淘寶寶貝詳情頁頭圖天貓寶貝詳情頁頭圖寶貝詳情頁頭圖表現(xiàn)形式有哪些

摘要:

在淘寶天貓運(yùn)營(yíng)中，詳情頁的設(shè)計(jì)是我們不得不面對(duì)的一大難題，詳情頁設(shè)計(jì)更多的是對(duì)文案、賣點(diǎn)進(jìn)行視覺提煉、視覺表達(dá)的過程。而詳情頁設(shè)計(jì)中第一屏頭圖，對(duì)于整體而言的重要程度也非同一般，一張優(yōu)秀的頭圖設(shè)計(jì)可以吸引用戶繼續(xù)閱讀、提升用戶的停留時(shí)長(zhǎng)、間接的促進(jìn)訂單買成。設(shè)計(jì)詳情頁頭圖的時(shí)候應(yīng)該注意些什么？下面就跟著淘鋪王網(wǎng)店轉(zhuǎn)讓小編一起來了解一下吧。一、頭圖設(shè)計(jì)的注意點(diǎn) 正是因?yàn)?..

一、頭圖設(shè)計(jì)的注意點(diǎn)

正是因?yàn)轭^圖設(shè)計(jì)的重要性，很多設(shè)計(jì)師會(huì)把大部分精力花費(fèi)在這里，一味強(qiáng)調(diào)視覺要多么出眾、與眾不同，甚至是用特別復(fù)雜的合成手法、各種特效等等去烘托頭圖的重要性，其實(shí)這樣有時(shí)候反而會(huì)事與愿違，那么我們應(yīng)該注意什么？

視覺流暢性，也就是說第一屏要讓別人看起來舒服，文案與視覺所傳遞的信息能一目了然，不會(huì)給人一種閱讀困難的感覺。

頭圖復(fù)雜不代表出眾，這里可以提到「少即是多」的理論，過多、復(fù)雜的效果有時(shí)候反而會(huì)影響視覺傳達(dá)。要充分與產(chǎn)品結(jié)合，要讓產(chǎn)品出現(xiàn)在合理的場(chǎng)景內(nèi)。

二、那么常用的詳情頁頭圖設(shè)計(jì)的表現(xiàn)形式有哪些呢？

1、產(chǎn)品局部放大

在詳情頁頭圖設(shè)計(jì)中，產(chǎn)品局部放大是一種比較常用的視覺表達(dá)形式，因?yàn)樗鼤?huì)給用戶呈現(xiàn)出一種簡(jiǎn)潔大氣的視覺感受和比較強(qiáng)烈的視覺沖擊力，同時(shí)也會(huì)讓你的設(shè)計(jì)整體顯得飽滿、有內(nèi)容、不單調(diào)。很多時(shí)候頭圖設(shè)計(jì)只是簡(jiǎn)單的背景、文案以及放大或者局部放大的產(chǎn)品相互結(jié)合，就可以做出很出色的頭圖

這種放大產(chǎn)品或者說以產(chǎn)品為核心的海報(bào)設(shè)計(jì)，有以下幾點(diǎn)優(yōu)勢(shì)：

畫面整體簡(jiǎn)潔、大氣，視覺的流暢性以及可讀性很強(qiáng)，給人的視覺感受很舒服，有種品牌感、高級(jí)感。

絕對(duì)的產(chǎn)品核心，直奔主題，而且因?yàn)樵龃罅水a(chǎn)品所占畫面的比例，不會(huì)給人一種缺少內(nèi)容，或者空的感覺，整體視覺重點(diǎn)很明顯，沒有太多輔助性的元素分散用戶注意力。

背景設(shè)計(jì)很有特點(diǎn)，看似都是簡(jiǎn)單的顏色背景，實(shí)則特點(diǎn)溢于言表。

2、場(chǎng)景表現(xiàn)法

所謂場(chǎng)景表現(xiàn)法，顧名思義就是將產(chǎn)品置于某一個(gè)視覺場(chǎng)景內(nèi)，這樣做的目的在于提升詳情頁第一屏的視覺代入感，通過場(chǎng)景表現(xiàn)對(duì)產(chǎn)品的用途、功能、賣點(diǎn)等等進(jìn)行視覺表達(dá)，這種形式既體現(xiàn)了視覺又兼顧了產(chǎn)品，給用戶形成的視覺感受更加形象、立體、鮮明。

場(chǎng)景表現(xiàn)的形式重點(diǎn)在于：場(chǎng)景與產(chǎn)品的視覺融合以及關(guān)聯(lián)度，這里的場(chǎng)景可以是產(chǎn)品的實(shí)拍圖，也可以是自己合成的場(chǎng)景圖。如果是自己找場(chǎng)景融合或者干脆自己合成場(chǎng)景，這對(duì)于設(shè)計(jì)師的基本功要求是很高的，但是精髓還是在于光與影的體現(xiàn)，其次是頭腦風(fēng)暴，比如：牙刷放在廚房做場(chǎng)景就是不合理的。做這種場(chǎng)景合成的時(shí)候應(yīng)該先問自己幾個(gè)問題，以空氣凈化器為例：

空氣凈化器用在哪里哪類場(chǎng)景內(nèi)？答：經(jīng)常用于客廳、辦公室、臥室。

客廳場(chǎng)景應(yīng)該有什么？答：窗簾、沙發(fā)、綠植、地板、桌子等等。

光從哪里來？哪些物品靠近光源？物品的哪個(gè)區(qū)域靠近光源？影子在哪里？

產(chǎn)品與場(chǎng)景的結(jié)合很容易被其他視覺元素?fù)?，那么我們通?？梢裕?/p>

將次要視覺元素模糊處理，用類似景深的視覺效果表現(xiàn)主體；

將主體放大，其他視覺元素按照正常比例呈現(xiàn)，也能很好地突出主體；

弱化周圍視覺元素，比如將產(chǎn)品置于夜晚的情景內(nèi)等等。

這種場(chǎng)景表現(xiàn)產(chǎn)品的形式，最重要的就是最終的場(chǎng)景感和產(chǎn)品的融入是否合理，同樣場(chǎng)景不易過于復(fù)雜，無論什么樣的形式，視覺流暢度都是要兼顧的。

3、立體塊形式

立體塊可以理解為三維的形式，就是通過各種形式的立體塊的擺放與產(chǎn)品相結(jié)合，也是詳情頁頭圖設(shè)計(jì)的表現(xiàn)形式之一，而這類場(chǎng)景不要太過于復(fù)雜，還是以產(chǎn)品為主，突出產(chǎn)品，也并非一定要借助三維軟件，可以通過找參考的方式結(jié)合基本的透視理論就可以完成。

利用簡(jiǎn)單的立體塊搭建場(chǎng)景，這種場(chǎng)景的局限性很小，適用于很多產(chǎn)品，偏百搭型。這類重點(diǎn)除了前面所說的光感，還有材質(zhì)、高光以及立體感的體現(xiàn)。重點(diǎn)說下高光，高光就是指立體塊面與面銜接處的高光，這類高光能體現(xiàn)出立體塊的細(xì)節(jié)感以及立體感

至于立體感的體現(xiàn)，只要保證透視合理的情況下，還是可以轉(zhuǎn)化為光感，記住前面所說的重點(diǎn)，多加練習(xí)即可。

最后說下排版，詳情頁的排版不宜太過復(fù)雜，過于復(fù)雜的排版只會(huì)增加閱讀的時(shí)間成本，一定要注意好可讀性，不要因?yàn)樽非筇厣雎粤嗽O(shè)計(jì)的本質(zhì)問題。

以上內(nèi)容只是為大家提供一些可供參考的思路，優(yōu)秀的詳情頁頭圖設(shè)計(jì)并不僅僅局限于這些形式，重點(diǎn)是抓住它們的重點(diǎn)，希望大家都能掌握好其中的技巧。

相關(guān)推薦閱讀

詳情頁頭圖淘寶寶貝詳情頁頭圖天貓寶貝詳情頁頭圖寶貝詳情頁頭圖表現(xiàn)形式有哪些

推薦店鋪

華東地區(qū)食品天貓旗艦店出售/轉(zhuǎn)讓,食品艦店糧油米面零食茶