中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：在電商產(chǎn)品中，產(chǎn)品圖不止是摳圖，還需要結(jié)合產(chǎn)品所處的場(chǎng)景，運(yùn)用不同的排版。本文作者將場(chǎng)景分為瓷片區(qū)和banner區(qū)，結(jié)合部分案例，對(duì)產(chǎn)品圖版式進(jìn)行了講解，一起來(lái)看一下吧。

想當(dāng)年，我一度天真得以為產(chǎn)品圖只需要扣個(gè)小圖就大功告成了，直到我經(jīng)歷了與運(yùn)營(yíng)同學(xué)之間的愛(ài)恨情仇，我終于發(fā)現(xiàn)，這個(gè)看似簡(jiǎn)單的步驟其實(shí)深遠(yuǎn)影響著信息的傳達(dá)、甚至轉(zhuǎn)化。

最近在做線上展會(huì)時(shí)研究了一下，結(jié)合了部分案例（edm banner需求及之前所接手的線上展會(huì)項(xiàng)目）來(lái)講解產(chǎn)品圖版式，hope u like it～

一般說(shuō)到產(chǎn)品圖，就涉及到產(chǎn)品所處的場(chǎng)景，我按照使用場(chǎng)景將其分為兩種——瓷片區(qū)和banner區(qū)。

一、瓷片區(qū)場(chǎng)景

瓷片區(qū)是電商平臺(tái)中常見(jiàn)的引流模塊，通常由產(chǎn)品+文字的形式組合，表現(xiàn)形式猶如一塊塊瓷片，因此才有了“瓷片區(qū)”這個(gè)形象的稱(chēng)呼。

對(duì)于單個(gè)產(chǎn)品往往不需要考慮產(chǎn)品的擺放問(wèn)題，但是當(dāng)一個(gè)卡片中存在多個(gè)產(chǎn)品時(shí)（比如展會(huì)的主推商品模塊），如果用堆砌和平鋪的方法進(jìn)行擺放，往往會(huì)導(dǎo)致一些視覺(jué)災(zāi)難。畢竟給定的區(qū)域是方方正正的瓷片區(qū)，而不是banner。

更適合瓷片區(qū)場(chǎng)景的排版方式，就是像貼瓷磚一樣將產(chǎn)品一張張的貼上去。在大卡片中，用大小一致的小卡片容納產(chǎn)品，不僅視覺(jué)上更加規(guī)整統(tǒng)一，也可以實(shí)現(xiàn)更精準(zhǔn)的點(diǎn)擊區(qū)域，最重要的是，白底產(chǎn)品不用摳圖。

而且，視覺(jué)樣式也可以更多樣化——

在樣式的選擇上，阿里巴巴和Aliexpress的瓷片區(qū)給了我很多啟發(fā)。
阿里是暗色背景+白色模塊+灰色大卡片+以留白分隔的產(chǎn)品。

Aliexpress則直接以大卡片作為模塊，灰色背景+白色大卡片+以色塊分隔的產(chǎn)品。

二、banner場(chǎng)景

不可點(diǎn)展示圖、霸屏、頂通等等這類(lèi)引流性質(zhì)的橫幅廣告，都可以稱(chēng)之為banner。而banner最核心的目的就是：快速傳達(dá)信息并吸引用戶向下瀏覽或點(diǎn)擊。
因此，banner中的產(chǎn)品如果像瓷片區(qū)一樣規(guī)整得擺放，就會(huì)讓banner顯得過(guò)于死板，無(wú)法迅速吸引用戶眼球，從而也增加了失去轉(zhuǎn)化的風(fēng)險(xiǎn)。不過(guò)，完全可以將這種擺法進(jìn)行優(yōu)化調(diào)整。

1. 斜向瓷片

這種是由瓷片區(qū)場(chǎng)景的擺放方法演化而來(lái)，將瓷片傾斜45度，既擁有瓷片法規(guī)整一致的特點(diǎn)，斜向的擺放也讓banner擁有了動(dòng)感和活力，避免正向擺放所帶來(lái)的死板枯燥。

適用范圍：運(yùn)營(yíng)所給的產(chǎn)品數(shù)量較多（一般不少于3個(gè)時(shí)）。

2. 斜向平鋪

相比斜向瓷片，平鋪的產(chǎn)品不用固定在單個(gè)的容器中，全部斜向鋪開(kāi)，視覺(jué)上相比瓷片更加富有活力，也帶來(lái)更多的視覺(jué)沖擊。唯一的缺點(diǎn)是，對(duì)于產(chǎn)品圖及排版能力的要求較高，產(chǎn)品輪廓越接近矩形視覺(jué)效果越好，并且在排版時(shí)盡量保持產(chǎn)品之間一致的間距來(lái)增加一致性。否則就會(huì)讓整個(gè)banner變得混亂不堪。
比如下面第二個(gè)edm banner，由于產(chǎn)品形狀的多樣，便不如第一個(gè)banner更加規(guī)整一致，而且產(chǎn)品過(guò)大的間距讓產(chǎn)品圖過(guò)于松散了，和文案分不開(kāi)。

適用范圍：數(shù)量較多、形狀對(duì)稱(chēng)的產(chǎn)品。產(chǎn)品形狀越接近矩形，或者產(chǎn)品品類(lèi)越一致，效果越好！另外，這種擺法適用于更多類(lèi)型的版式，不論是左右版式還是環(huán)繞版式。

小技巧：可以在產(chǎn)品背景上加上一些不影響主體的輔助手段（線、面），用背景的一致性來(lái)提升產(chǎn)品版式的一致性。

如阿里的banner，就用了分層漸變、色塊和輔助線來(lái)輔助提升版式的內(nèi)在邏輯性。

3. 堆砌

相對(duì)來(lái)說(shuō)適用范圍較小的一種版式。
這種堆砌的擺法其實(shí)是對(duì)現(xiàn)實(shí)擺法的模擬，相比前兩種更具有立體感和真實(shí)感。
BUT，這種擺法非常受制于產(chǎn)品的體積大小，一旦產(chǎn)品間比例有所失衡，就會(huì)帶來(lái)“很假”的感覺(jué)；二來(lái)很容易造成產(chǎn)品的互相遮擋，尤其是一些顏色接近的產(chǎn)品會(huì)糊成一團(tuán)，降低產(chǎn)品本身的辨識(shí)度；最后，產(chǎn)品互相遮擋帶來(lái)的投影也會(huì)顯著加大視覺(jué)的工作量。

適用范圍：一些適合產(chǎn)品堆砌的特定場(chǎng)景（比如圣誕節(jié)的banner）。

4. 場(chǎng)景展示

堆砌擺法的優(yōu)化版本，用一個(gè)個(gè)立方體、柱體等模型模擬現(xiàn)實(shí)世界的商品展示臺(tái)，再將產(chǎn)品放置到展臺(tái)上方。這個(gè)擺法不僅避免了產(chǎn)品間的互相遮擋，3D渲染出的場(chǎng)景也極大提升了真實(shí)感以及視覺(jué)觀賞性。

雖然多一步c4d建模渲染的步驟，不過(guò)只要完成一個(gè)場(chǎng)景，后期只需要更換材質(zhì)、調(diào)整模型就可以連續(xù)復(fù)用。

適用范圍：無(wú)限制，一個(gè)或多個(gè)皆可。尤其適用于專(zhuān)題頁(yè)、活動(dòng)頁(yè)等重要頁(yè)面的主視覺(jué)。
以上，就是我有關(guān)產(chǎn)品擺法的所有分享。其實(shí)產(chǎn)品擺法可能不止這么幾類(lèi)，這里只是舉出一些常見(jiàn)的例子，到底是什么樣的擺法當(dāng)然是具體問(wèn)題具體分析了。希望這篇分享對(duì)你有所幫助~

#專(zhuān)欄作家#

Andrewchen；微信公眾號(hào)：轉(zhuǎn)行人的設(shè)計(jì)筆記，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。中科院碩士自學(xué)轉(zhuǎn)行，擅長(zhǎng)通過(guò)文字幫助年輕設(shè)計(jì)師成長(zhǎng)和提效。延遲滿足、長(zhǎng)期主義。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議。