《電子商務(wù)》課件-電子商務(wù)網(wǎng)上支付

電子商務(wù)網(wǎng)上支付一3.1博取眼球的創(chuàng)意設(shè)計(jì)從不同角度拍攝的商品圖片正面與側(cè)面相結(jié)合的拍攝角度，尤其是正面角度給人以迎面沖來的視覺感受，富有視覺沖擊力側(cè)面拍攝角度是較為常規(guī)的拍攝角度，少了幾分新鮮感與吸引力3.1博取眼球的創(chuàng)意設(shè)計(jì)不同造型商品擺設(shè)3.2統(tǒng)一圖片設(shè)計(jì)風(fēng)格

通過圖片背景的設(shè)計(jì)可以烘托出圖片的整體氛圍與設(shè)計(jì)風(fēng)格。鉆展圖背景的設(shè)計(jì)主要有兩種方式：一種是通過拍攝道具構(gòu)建出背景，從而營造圖片的氣氛；另一種是合成背景。簡約風(fēng)格圖片整體的設(shè)計(jì)風(fēng)格非常大方，選擇粉色為主的背景彰顯了其簡潔的設(shè)計(jì)風(fēng)格。通過對(duì)元素顏色的控制，突出“免費(fèi)送”的宣傳主題，激發(fā)消費(fèi)者潛在的購買欲望不同的圖片背景設(shè)計(jì)風(fēng)格典雅風(fēng)格家具的擺放富有情景感，背景使用了與家具相近的顏色，圖片整體體現(xiàn)出典雅的風(fēng)格。圖片突出了商品“家具”，文案又突出了“1元搶”，主題明確，能夠激發(fā)消費(fèi)者的點(diǎn)擊沖動(dòng)3.3確定重點(diǎn)表現(xiàn)元素重點(diǎn)突出優(yōu)惠價(jià)格元素實(shí)惠的價(jià)格是圖片重點(diǎn)突出的對(duì)象，能夠迅速吸引消費(fèi)者的眼球，因此該元素色彩明亮、尺寸較大直播封面圖設(shè)計(jì)4封面圖是直播的門面，可以提升觀眾的觀看欲望，因此封面圖成為直播間流量高低的直接關(guān)聯(lián)因素。這就要求直播封面圖要足夠吸引人。據(jù)相關(guān)統(tǒng)計(jì)表明，精心設(shè)計(jì)了封面圖的直播間，其流量要比使用默認(rèn)頭像的直播間大得多。4.1直播封面圖尺寸要求

直播封面圖不宜過大也不能太小，做到清晰、美觀很重要。以淘寶直播封面圖為例：它沒有固定的尺寸，只要是正方形即可，一般為750像素×750像素，最小不能低于500像素×500像素。4.2直播封面圖設(shè)計(jì)原則符合直播主題01童鞋店直播封面圖男裝店直播封面圖4.2直播封面圖設(shè)計(jì)原則符合直播主題01封面圖要美觀、清晰02童鞋店直播封面圖女包店直播封面圖4.2直播封面圖設(shè)計(jì)原則符合直播主題01封面圖要美觀、清晰02色彩要適當(dāng)03帶有“牛皮癬”的直播封面圖4.2直播封面圖設(shè)計(jì)原則符合直播主題01封面圖要美觀、清晰02色彩要適當(dāng)03不要妨礙重要內(nèi)容的展現(xiàn)04禁用合成圖05采用合成圖的直播封面圖4.2直播封面圖設(shè)計(jì)原則符合直播主題01封面圖要美觀、清晰02色彩要適當(dāng)03不要妨礙重要內(nèi)容的展現(xiàn)04禁用合成圖05拒絕不當(dāng)信息06封面圖不要雷同07聚劃算主圖設(shè)計(jì)5聚劃算是目前互聯(lián)網(wǎng)上最大的團(tuán)購平臺(tái)，是淘寶內(nèi)部優(yōu)質(zhì)流量的匯合處。對(duì)于賣家來說，聚劃算用得好不僅可以為自家店鋪與商品帶來豐富的真實(shí)流量，還能打造爆款、提升店鋪銷售額。因此，聚劃算主圖的設(shè)計(jì)就顯得尤為重要，只有設(shè)計(jì)出有吸引力的聚劃算主圖，才能吸引消費(fèi)者進(jìn)行點(diǎn)擊。5.1聚劃算主圖設(shè)計(jì)思路

拍攝角度不限，建議選用商品最大展示面積的角度進(jìn)行拍攝，以保證主題商品明確，商品在畫面中能夠完整顯示。注意，商品圖片應(yīng)該像素清晰、色彩準(zhǔn)確，白色或淺色商品可以考慮在深色背景下進(jìn)行拍攝。商品拍攝015.1聚劃算主圖設(shè)計(jì)思路

建議圖片背景只選擇真實(shí)拍攝的實(shí)景，或者單色背景中的一種（包括同一色調(diào)的漸變）。不建議使用多色或者多個(gè)實(shí)拍背景，也不建議出現(xiàn)水印。背景的選擇應(yīng)該是為了襯托主題商品，建議運(yùn)用虛化背景、突出主題的方式，或者使用同一色系或漸變色背景。商品背景025.1聚劃算主圖設(shè)計(jì)思路

多色商品展示盡量使用實(shí)拍圖，沒有實(shí)拍圖時(shí)也可以使用色卡。盡量在主圖展示上不出現(xiàn)細(xì)節(jié)圖，否則只會(huì)喧賓奪主。如果選用模特，那么同一畫面中的模特不要多于兩位，要把商品和模特放在統(tǒng)一場景中進(jìn)行拍攝，盡量不出現(xiàn)拼圖現(xiàn)象。商品構(gòu)圖03電子商務(wù)網(wǎng)上支付二

有時(shí)只是采用單一的文字組合、簡單的修飾并不能真正表現(xiàn)出店鋪的風(fēng)格和設(shè)計(jì)的精致感，將店鋪名稱與合理的修飾元素進(jìn)行融合設(shè)計(jì)，以完善、修飾、隱喻或暗示某種信息讓店鋪名稱的設(shè)計(jì)更加個(gè)性化則不失為一種好方法。使用修飾元素提升觀賞性為店鋪名稱添加修飾元素使用長頸鹿的卡通形象來修飾店鋪名稱，文字與圖案在外形上的契合讓店鋪名稱更具個(gè)性和藝術(shù)感，更容易在消費(fèi)者心中形成特定的印象用“漸變疊加”圖層樣式來表現(xiàn)導(dǎo)航條功能按鈕被鼠標(biāo)觸碰后的狀態(tài)，在視覺上形成凹陷的效果，將其與導(dǎo)航條中正常狀態(tài)下的功能按鈕區(qū)分開

圖層樣式的作用就是對(duì)設(shè)計(jì)元素進(jìn)行修飾和美化，實(shí)現(xiàn)色彩、質(zhì)感與光澤上的變化。當(dāng)鼠標(biāo)指針觸碰到導(dǎo)航條中任意一個(gè)功能按鈕時(shí)，該按鈕就會(huì)呈現(xiàn)出不同的效果，這就是添加圖層樣式的效果，給人視覺上的錯(cuò)覺，讓按鈕上的文字更具層次感，更易于展示當(dāng)前操作的結(jié)果首焦輪播區(qū)視覺設(shè)計(jì)在店招與導(dǎo)航條的下方就是店鋪圖片的首焦輪播區(qū)，這個(gè)模塊占據(jù)的面積較大，可以放入大量信息，也是整個(gè)網(wǎng)店圖片中最醒目的部分。下面將介紹首焦輪播區(qū)的設(shè)計(jì)方法。店鋪的首焦位置首焦位置：由于該位置所占面積較大，所以成為最能吸引消費(fèi)者眼球的位置首焦位置首焦位置內(nèi)容安排有趣的圖片展示，能讓消費(fèi)者通過視覺獲得較為愉悅的體驗(yàn)文案信息告知了消費(fèi)者店鋪中的優(yōu)惠活動(dòng)，因?yàn)榈赇伒膬?yōu)惠活動(dòng)信息對(duì)于大部分消費(fèi)者而言極具吸引力。同時(shí)，簡潔的文字與圖形裝飾的結(jié)合讓消費(fèi)者能夠輕松地獲取相關(guān)信息首焦輪播區(qū)設(shè)計(jì)三要素背景商品廣告文字不同主題的背景圖以七夕節(jié)為主題的背景以“雙11”活動(dòng)為主題的背景處理前后的商品形象對(duì)比處理前：色彩灰暗，畫質(zhì)朦朧，畫面層次不清晰，背景色調(diào)不理想處理后：色彩純凈，畫面清晰，畫面層次感強(qiáng)，商品形象更突出文字元素的設(shè)計(jì)

在選擇溶圖時(shí)要注意，要么溶圖的色調(diào)與商品相似，要么溶圖的影調(diào)與商品和諧搭配，只有滿足了其中的一個(gè)要求才能保證首焦輪播圖具備較理想的視覺沖擊力和渾然天成的視覺效果。溶圖

溶圖是用兩張或兩張以上的圖片拼合起來的一張圖片，構(gòu)圖嚴(yán)謹(jǐn)，細(xì)節(jié)處理得當(dāng)。商品陳列區(qū)視覺設(shè)計(jì)在設(shè)計(jì)店鋪圖片時(shí)，除了店招和首焦輪播區(qū)外，大部分店鋪都會(huì)使用商品陳列區(qū)來展示商品，讓消費(fèi)者大致了解店鋪中商品的形象、風(fēng)格和價(jià)格。商品陳列區(qū)也是一個(gè)比較重要且尺寸較大的區(qū)域，下面將對(duì)商品陳列區(qū)的視覺設(shè)計(jì)進(jìn)行介紹。商品陳列圖F形瀏覽模式③失去耐心，開始進(jìn)行垂直瀏覽。當(dāng)消費(fèi)者看到第三排仍然是一成不變的圖片排列后，瀏覽的耐心就會(huì)減少，還可能會(huì)想圖片怎么這么多，于是形成對(duì)左邊的垂直瀏覽②水平瀏覽范圍縮短。此時(shí)圖片的布局沒有任何變化，消費(fèi)者對(duì)圖片瀏覽的新鮮度就會(huì)降低，開始失去瀏覽的耐心，于是對(duì)第二排圖片的水平瀏覽范圍便會(huì)縮短①瀏覽初期，視線水平移動(dòng)，且瀏覽范圍最大。剛開始瀏覽時(shí)，消費(fèi)者對(duì)商品展示圖充滿了新鮮感和好奇，很可能將第一排圖片全部瀏覽完畢，并根據(jù)從上到下的瀏覽經(jīng)驗(yàn)轉(zhuǎn)向?qū)Φ诙艌D片的瀏覽商品展示圖排列設(shè)計(jì)商品海報(bào)展示圖：將重點(diǎn)推薦的商品以單張海報(bào)的方式呈現(xiàn)，較為豐富的表現(xiàn)形式能很好地讓消費(fèi)者注意到商品信息兩張商品展示圖：非重點(diǎn)推薦的產(chǎn)品可以多張并排展示的效果呈現(xiàn)單張商品展示圖：較為重要的商品以單張圖片的形式排列，較大的展示面積更能獲得消費(fèi)者的矚目單張圖片：除了商品展示圖片以外，還可以搭配一些與展示商品相關(guān)的商品組合圖片，進(jìn)一步吸引消費(fèi)者的購買興趣

折線型布局就是將商品圖片按照錯(cuò)位的方式進(jìn)行排列。折線型布局

隨意型布局就是將商品圖片隨意地放置在頁面中。這種隨意往往需要營造出一種特定的氛圍和感覺，讓這些商品之間產(chǎn)生一種聯(lián)系，否則界面中的商品會(huì)由于缺乏聯(lián)系而顯得突兀。隨意型布局茶葉店鋪圖片視覺

設(shè)計(jì)案例本案例要為某茶葉店鋪設(shè)計(jì)圖片裝修圖。圖片設(shè)