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

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

14099人閱讀

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

摘要:

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

一、頭圖設(shè)計的注意點

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

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

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

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

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

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

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

畫面整體簡潔、大氣，視覺的流暢性以及可讀性很強，給人的視覺感受很舒服，有種品牌感、高級感。

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

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

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

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

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

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

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

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

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

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

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

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

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

3、立體塊形式

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

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

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

最后說下排版，詳情頁的排版不宜太過復(fù)雜，過于復(fù)雜的排版只會增加閱讀的時間成本，一定要注意好可讀性，不要因為追求特色忽略了設(shè)計的本質(zhì)問題。

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

相關(guān)推薦閱讀

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

推薦店鋪

華中地區(qū)食品天貓旗艦店出售/轉(zhuǎn)讓,茶葉類目旗艦店,公司名下還有拼多多抖音店