《电子商务》课件-电子商务网上支付

电子商务网上支付一3.1博取眼球的创意设计从不同角度拍摄的商品图片正面与侧面相结合的拍摄角度，尤其是正面角度给人以迎面冲来的视觉感受，富有视觉冲击力侧面拍摄角度是较为常规的拍摄角度，少了几分新鲜感与吸引力3.1博取眼球的创意设计不同造型商品摆设3.2统一图片设计风格

通过图片背景的设计可以烘托出图片的整体氛围与设计风格。钻展图背景的设计主要有两种方式：一种是通过拍摄道具构建出背景，从而营造图片的气氛；另一种是合成背景。简约风格图片整体的设计风格非常大方，选择粉色为主的背景彰显了其简洁的设计风格。通过对元素颜色的控制，突出“免费送”的宣传主题，激发消费者潜在的购买欲望不同的图片背景设计风格典雅风格家具的摆放富有情景感，背景使用了与家具相近的颜色，图片整体体现出典雅的风格。图片突出了商品“家具”，文案又突出了“1元抢”，主题明确，能够激发消费者的点击冲动3.3确定重点表现元素重点突出优惠价格元素实惠的价格是图片重点突出的对象，能够迅速吸引消费者的眼球，因此该元素色彩明亮、尺寸较大直播封面图设计4封面图是直播的门面，可以提升观众的观看欲望，因此封面图成为直播间流量高低的直接关联因素。这就要求直播封面图要足够吸引人。据相关统计表明，精心设计了封面图的直播间，其流量要比使用默认头像的直播间大得多。4.1直播封面图尺寸要求

直播封面图不宜过大也不能太小，做到清晰、美观很重要。以淘宝直播封面图为例：它没有固定的尺寸，只要是正方形即可，一般为750像素×750像素，最小不能低于500像素×500像素。4.2直播封面图设计原则符合直播主题01童鞋店直播封面图男装店直播封面图4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02童鞋店直播封面图女包店直播封面图4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03带有“牛皮癣”的直播封面图4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03不要妨碍重要内容的展现04禁用合成图05采用合成图的直播封面图4.2直播封面图设计原则符合直播主题01封面图要美观、清晰02色彩要适当03不要妨碍重要内容的展现04禁用合成图05拒绝不当信息06封面图不要雷同07聚划算主图设计5聚划算是目前互联网上最大的团购平台，是淘宝内部优质流量的汇合处。对于卖家来说，聚划算用得好不仅可以为自家店铺与商品带来丰富的真实流量，还能打造爆款、提升店铺销售额。因此，聚划算主图的设计就显得尤为重要，只有设计出有吸引力的聚划算主图，才能吸引消费者进行点击。5.1聚划算主图设计思路

拍摄角度不限，建议选用商品最大展示面积的角度进行拍摄，以保证主题商品明确，商品在画面中能够完整显示。注意，商品图片应该像素清晰、色彩准确，白色或浅色商品可以考虑在深色背景下进行拍摄。商品拍摄015.1聚划算主图设计思路

建议图片背景只选择真实拍摄的实景，或者单色背景中的一种（包括同一色调的渐变）。不建议使用多色或者多个实拍背景，也不建议出现水印。背景的选择应该是为了衬托主题商品，建议运用虚化背景、突出主题的方式，或者使用同一色系或渐变色背景。商品背景025.1聚划算主图设计思路

多色商品展示尽量使用实拍图，没有实拍图时也可以使用色卡。尽量在主图展示上不出现细节图，否则只会喧宾夺主。如果选用模特，那么同一画面中的模特不要多于两位，要把商品和模特放在统一场景中进行拍摄，尽量不出现拼图现象。商品构图03电子商务网上支付二

有时只是采用单一的文字组合、简单的修饰并不能真正表现出店铺的风格和设计的精致感，将店铺名称与合理的修饰元素进行融合设计，以完善、修饰、隐喻或暗示某种信息让店铺名称的设计更加个性化则不失为一种好方法。使用修饰元素提升观赏性为店铺名称添加修饰元素使用长颈鹿的卡通形象来修饰店铺名称，文字与图案在外形上的契合让店铺名称更具个性和艺术感，更容易在消费者心中形成特定的印象用“渐变叠加”图层样式来表现导航条功能按钮被鼠标触碰后的状态，在视觉上形成凹陷的效果，将其与导航条中正常状态下的功能按钮区分开

图层样式的作用就是对设计元素进行修饰和美化，实现色彩、质感与光泽上的变化。当鼠标指针触碰到导航条中任意一个功能按钮时，该按钮就会呈现出不同的效果，这就是添加图层样式的效果，给人视觉上的错觉，让按钮上的文字更具层次感，更易于展示当前操作的结果首焦轮播区视觉设计在店招与导航条的下方就是店铺图片的首焦轮播区，这个模块占据的面积较大，可以放入大量信息，也是整个网店图片中最醒目的部分。下面将介绍首焦轮播区的设计方法。店铺的首焦位置首焦位置：由于该位置所占面积较大，所以成为最能吸引消费者眼球的位置首焦位置首焦位置内容安排有趣的图片展示，能让消费者通过视觉获得较为愉悦的体验文案信息告知了消费者店铺中的优惠活动，因为店铺的优惠活动信息对于大部分消费者而言极具吸引力。同时，简洁的文字与图形装饰的结合让消费者能够轻松地获取相关信息首焦轮播区设计三要素背景商品广告文字不同主题的背景图以七夕节为主题的背景以“双11”活动为主题的背景处理前后的商品形象对比处理前：色彩灰暗，画质朦胧，画面层次不清晰，背景色调不理想处理后：色彩纯净，画面清晰，画面层次感强，商品形象更突出文字元素的设计

在选择溶图时要注意，要么溶图的色调与商品相似，要么溶图的影调与商品和谐搭配，只有满足了其中的一个要求才能保证首焦轮播图具备较理想的视觉冲击力和浑然天成的视觉效果。溶图

溶图是用两张或两张以上的图片拼合起来的一张图片，构图严谨，细节处理得当。商品陈列区视觉设计在设计店铺图片时，除了店招和首焦轮播区外，大部分店铺都会使用商品陈列区来展示商品，让消费者大致了解店铺中商品的形象、风格和价格。商品陈列区也是一个比较重要且尺寸较大的区域，下面将对商品陈列区的视觉设计进行介绍。商品陈列图F形浏览模式③失去耐心，开始进行垂直浏览。当消费者看到第三排仍然是一成不变的图片排列后，浏览的耐心就会减少，还可能会想图片怎么这么多，于是形成对左边的垂直浏览②水平浏览范围缩短。此时图片的布局没有任何变化，消费者对图片浏览的新鲜度就会降低，开始失去浏览的耐心，于是对第二排图片的水平浏览范围便会缩短①浏览初期，视线水平移动，且浏览范围最大。刚开始浏览时，消费者对商品展示图充满了新鲜感和好奇，很可能将第一排图片全部浏览完毕，并根据从上到下的浏览经验转向对第二排图片的浏览商品展示图排列设计商品海报展示图：将重点推荐的商品以单张海报的方式呈现，较为丰富的表现形式能很好地让消费者注意到商品信息两张商品展示图：非重点推荐的产品可以多张并排展示的效果呈现单张商品展示图：较为重要的商品以单张图片的形式排列，较大的展示面积更能获得消费者的瞩目单张图片：除了商品展示图片以外，还可以搭配一些与展示商品相关的商品组合图片，进一步吸引消费者的购买兴趣

折线型布局就是将商品图片按照错位的方式进行排列。折线型布局

随意型布局就是将商品图片随意地放置在页面中。这种随意往往需要营造出一种特定的氛围和感觉，让这些商品之间产生一种联系，否则界面中的商品会由于缺乏联系而显得突兀。随意型布局茶叶店铺图片视觉

设计案例本案例要为某茶叶店铺设计图片装修图。图片设