電子商務(wù)網(wǎng)站產(chǎn)品圖片設(shè)計建議

時間：2022-08-06 06:51:01 | 來源：網(wǎng)站運營

時間：2022-08-06 06:51:01 來源：網(wǎng)站運營

電子商務(wù)網(wǎng)站產(chǎn)品圖片設(shè)計建議

摘要：電子商務(wù)網(wǎng)站產(chǎn)品圖片設(shè)計建議

關(guān)鍵詞：電子商務(wù)，產(chǎn)品圖片，視覺設(shè)計

在產(chǎn)品詳情頁上，客戶瀏覽產(chǎn)品、比較選項，有時還會做出購買決定。電子商務(wù)網(wǎng)站產(chǎn)品圖片設(shè)計建議：

• 大
• 一致
• 與用戶查詢的特征相關(guān)
• 為用戶提供更多詳細(xì)信息
• 幫助用戶了解產(chǎn)品的規(guī)模和外觀
• 模特多樣性也對購物者有幫助

結(jié)論

通過顯示產(chǎn)品詳細(xì)信息和上下文，幫助用戶在列表和搜索結(jié)果頁面上找到喜歡的產(chǎn)品。展示與用戶需求相關(guān)的產(chǎn)品照片，將幫助他們購買最適合的產(chǎn)品。

大

產(chǎn)品圖片應(yīng)該足夠大和足夠詳細(xì)， 讓用戶了解產(chǎn)品。他們不必展示產(chǎn)品的每一個細(xì)節(jié)，但用戶應(yīng)該能夠看到產(chǎn)品的外觀以及它與同類產(chǎn)品的區(qū)別。




家得寶產(chǎn)品列表頁面上的圖像足夠大且足夠詳細(xì)

一些網(wǎng)站確實在列表頁面上展示了相對較大的照片，但仍然沒有顯示特色項目。

例如，Helmut Lang 使用了較大的產(chǎn)品照片。然而，每張照片都顯示模特整套服裝，模特周圍有很多空白區(qū)域。這種方法使得用戶很難分辨出每件衣服的具體項目（例如，上衣與下裝）。

一致

為所有產(chǎn)品提供風(fēng)格一致的圖像。當(dāng)圖像一致時，它們很容易掃描和比較。

規(guī)劃產(chǎn)品圖片一致時，請考慮：

• 背景（例如，白色、戶外、工作室）
• 方向和方向（例如，面向相機，向右傾斜）
• 上下文（例如，在房子里、模特）
• 照明（例如，閃光燈、自然光）
• 比例（例如，特寫，全身）

*Stuart Weitzman 網(wǎng)站上一致的產(chǎn)品圖片

一致的照片不必相同或無聊——它們只需要感覺它們都具有相同的風(fēng)格。







Aritzia 產(chǎn)品圖片的多樣性和創(chuàng)意

創(chuàng)建嚴(yán)格、具體的產(chǎn)品照片指南，并確保賣家和供應(yīng)商遵循這些指南。







亞馬遜的 產(chǎn)品圖片網(wǎng)站標(biāo)準(zhǔn) 概述了賣家必須遵守的產(chǎn)品圖片風(fēng)格。

例如，亞馬遜在保持其照片大致一致方面做得很好，盡管其賣家數(shù)量眾多。







盡管有大量賣家，亞馬遜確保其產(chǎn)品照片在其列表頁面上看起來大致一致。

與用戶查詢的特征相關(guān)

對于搜索結(jié)果頁面，產(chǎn)品照片應(yīng)該與用戶查詢的特征相關(guān)（例如，如果查詢是“藍(lán)色裙子”，則顯示裙子的藍(lán)色版本）。此外，對于結(jié)果頁面和列表頁面，請確保產(chǎn)品照片與用戶選擇的任何過濾器（如顏色）匹配。這些細(xì)節(jié)讓用戶一眼就能看出結(jié)果符合他們的期望。







REI 網(wǎng)站上顯示的大多數(shù)水瓶都是綠色的，但它們的圖像并不總是與查詢中的顏色相匹配。







http://DSW.com 上“紅色涼鞋”的搜索結(jié)果頁面上顯示的所有產(chǎn)品都有多種顏色可供選擇。DSW 將每個縮略圖與用戶的查詢進(jìn)行匹配。

為用戶提供更多詳細(xì)信息

在列表頁面上提供每個產(chǎn)品的多張圖片可以為用戶提供更多詳細(xì)信息，以幫助他們決定點擊什么?？梢允褂?輪播式演示在列表頁面上顯示替代視圖，其中顯示默認(rèn)圖像，用戶可以單擊、懸?；蚧瑒右圆榭雌渌麍D像。







將鼠標(biāo)懸停在 http://Lulus.com 上的縮略圖（左）上顯示了不同模特（右）上的同一件衣服。







對于其他縮略圖，將鼠標(biāo)懸停在默認(rèn)縮略圖（左）上會顯示連衣裙的背面（右）。

幫助用戶了解產(chǎn)品的規(guī)模和外觀

在將要使用產(chǎn)品的上下文中顯示產(chǎn)品有助于用戶了解產(chǎn)品的規(guī)模和外觀。例如，這可能意味著顯示：

• 房間里的家具
• 模特身上的衣服
• 孩子旁邊的玩具
• 手上的結(jié)婚戒指

用戶不喜歡珠寶商 Mignon Faget 展示的珠寶特寫照片，而想看這些單品穿著時的樣子。







蒂芙尼展示了戒指在白色背景下的特寫照片。當(dāng)用戶鼠標(biāo)懸停時，會顯示模特戴著戒指的特寫圖片。

模特多樣性也對購物者有幫助

用戶喜歡具有共同價值觀的品牌。 許多用戶贊賞電子商務(wù)網(wǎng)站采用不同年齡、種族和規(guī)模的模特。

展示不同尺碼的模特在服裝零售商的網(wǎng)站上特別有用，因為模特的尺碼和體型會對穿著時的服裝外觀產(chǎn)生重大影響。在護膚和化妝網(wǎng)站上，在不同膚色上展示相同的產(chǎn)品也對參與者特別有幫助。







Good American 允許購物者選擇最接近他們尺寸的型號。







Glossier 確保每種妝容都顯示在不同的膚色上。