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

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

通過(guò)圖片背景的設(shè)計(jì)可以烘托出圖片的整體氛圍與設(shè)計(jì)風(fēng)格。鉆展圖背景的設(shè)計(jì)主要有兩種方式：一種是通過(guò)拍攝道具構(gòu)建出背景，從而營(yíng)造圖片的氣氛；另一種是合成背景。簡(jiǎn)約風(fēng)格圖片整體的設(shè)計(jì)風(fēng)格非常大方，選擇粉色為主的背景彰顯了其簡(jiǎn)潔的設(shè)計(jì)風(fēng)格。通過(guò)對(duì)元素顏色的控制，突出“免費(fèi)送”的宣傳主題，激發(fā)消費(fèi)者潛在的購(gòu)買(mǎ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封面圖是直播的門(mén)面，可以提升觀眾的觀看欲望，因此封面圖成為直播間流量高低的直接關(guān)聯(lián)因素。這就要求直播封面圖要足夠吸引人。據(jù)相關(guān)統(tǒng)計(jì)表明，精心設(shè)計(jì)了封面圖的直播間，其流量要比使用默認(rèn)頭像的直播間大得多。4.1直播封面圖尺寸要求

直播封面圖不宜過(guò)大也不能太小，做到清晰、美觀很重要。以淘寶直播封面圖為例：它沒(méi)有固定的尺寸，只要是正方形即可，一般為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)購(gòu)平臺(tái)，是淘寶內(nèi)部?jī)?yōu)質(zhì)流量的匯合處。對(duì)于賣(mài)家來(lái)說(shuō)，聚劃算用得好不僅可以為自家店鋪與商品帶來(lái)豐富的真實(shí)流量，還能打造爆款、提升店鋪銷(xiāo)售額。因此，聚劃算主圖的設(shè)計(jì)就顯得尤為重要，只有設(shè)計(jì)出有吸引力的聚劃算主圖，才能吸引消費(fèi)者進(jìn)行點(diǎn)擊。5.1聚劃算主圖設(shè)計(jì)思路

拍攝角度不限，建議選用商品最大展示面積的角度進(jìn)行拍攝，以保證主題商品明確，商品在畫(huà)面中能夠完整顯示。注意，商品圖片應(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í)拍圖，沒(méi)有實(shí)拍圖時(shí)也可以使用色卡。盡量在主圖展示上不出現(xiàn)細(xì)節(jié)圖，否則只會(huì)喧賓奪主。如果選用模特，那么同一畫(huà)面中的模特不要多于兩位，要把商品和模特放在統(tǒng)一場(chǎng)景中進(jìn)行拍攝，盡量不出現(xiàn)拼圖現(xiàn)象。商品構(gòu)圖03電子商務(wù)網(wǎng)上支付二

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

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

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

溶圖是用兩張或兩張以上的圖片拼合起來(lái)的一張圖片，構(gòu)圖嚴(yán)謹(jǐn)，細(xì)節(jié)處理得當(dāng)。商品陳列區(qū)視覺(jué)設(shè)計(jì)在設(shè)計(jì)店鋪圖片時(shí)，除了店招和首焦輪播區(qū)外，大部分店鋪都會(huì)使用商品陳列區(qū)來(lái)展示商品，讓消費(fèi)者大致了解店鋪中商品的形象、風(fēng)格和價(jià)格。商品陳列區(qū)也是一個(gè)比較重要且尺寸較大的區(qū)域，下面將對(duì)商品陳列區(qū)的視覺(jué)設(shè)計(jì)進(jìn)行介紹。商品陳列圖F形瀏覽模式③失去耐心，開(kāi)始進(jìn)行垂直瀏覽。當(dāng)消費(fèi)者看到第三排仍然是一成不變的圖片排列后，瀏覽的耐心就會(huì)減少，還可能會(huì)想圖片怎么這么多，于是形成對(duì)左邊的垂直瀏覽②水平瀏覽范圍縮短。此時(shí)圖片的布局沒(méi)有任何變化，消費(fèi)者對(duì)圖片瀏覽的新鮮度就會(huì)降低，開(kāi)始失去瀏覽的耐心，于是對(duì)第二排圖片的水平瀏覽范圍便會(huì)縮短①瀏覽初期，視線水平移動(dòng)，且瀏覽范圍最大。剛開(kāi)始瀏覽時(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)者的購(gòu)買(mǎi)興趣

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

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

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