1、店铺装修整页设计授课教师：姓名移动商务视觉设计Contents任务一 页面布局管理任务二 店招设计任务三促销区图片设计任务四公告设计任务1 淘宝普通版整页设计3.促销区设计3.1 认识促销区 促销区 在淘宝店铺装修中，Banner的标准尺寸为950*600，大小可根据自身的需求来进行相关的调整。农享网在这层的选择上，选择了将Banner尺寸放大为1920*600，以大图比例增加产品对顾客的视觉冲击，在宣传了产品的同时，也利用这种冲击的效果从侧面提高自身店铺的流量，促进成交率的转化。任务1 淘宝普通版整页设计3.促销区设计3.2 促销区设计要点 卖点突出 文字精简 美观大方任务1 淘宝普通版整页
2、设计3.促销区设计3.3 促销区设计方法1.1.主题突出主题突出1.第一主题-促销过程中就像一次陈述，我们必须有一个明确的主题，所有的元素都必须围绕这个主题展开。-促销主题一般是价格，折扣和其他促销内容本身，所以这个信息应该是放在视觉焦焦点上的，被突出和放大元素。不一定要有创意-视觉聚焦在哪里-第一主题（第一时间传递）任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法.层次结构-层次促销。-产品。-辅助信息-暗示信息.多主题组合表现-同等级多主题一致，让阅读者找到规律，多条信息获取。-不同等级要分清主次，把次要信息降到2层级，主次同化。（他，她，他）目标不同表现手法不一样任务1 淘
3、宝普通版整页设计3.促销区设计3.3 促销区设计方法2.明确目标.明确目标-面向白领的产品，字体+色彩庄重贵气，人群追求的特点。-面向女生，字体色彩显活泼可爱。.目标人群审美特征-投射效应，让消费者把自己想象成画面上当模特，融入画面里面，家装产品一样.风格识别-固定的ci形象！产品融合任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法简单色彩搭配不超过3种-比例6-3-1：和谐色卡上的颜色被划分成三部分，即主色，占60%)，中间色占30%和着重色占10%，以表示各种色彩所占的比例.形式美观-色彩-色彩基调产生色彩情感，而色彩对比增加画面空间感 饱和度对比-色彩呼应和统一温和的冷暖对
4、比衬底色块是最简单的明度对比方式3.形式美观任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法.形式美观-字体-字体和语音的比喻-字体大小粗细相当于音强-字体越大音越大-字体就是人的语言，字体合不合适，读一遍.形式美观-标签-简洁明快的标签更醒目增加文化暗示标签，品牌提示作用形式美观-气氛上帝在细节之中，米斯范多罗气氛-依赖于细节（图库）形式美观-取舍任何设计的创意过程是先做+再做-D GC能否舍就决定能否得任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法形式美观-修图调整体色温和重新取景突重点）基本操作-羽化倒影是投影形式美观-构图（1）画面平衡-取决于各元素“视觉
5、重量”势能是对平衡的有意识破坏，以增加注意力任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法形式美观-构图（2）集群人们总是把位置靠的近的看成一体的（把关联性高的信息组合在一起称为集群，便于信息传达避免主要信息分散布局）间隙空白空间是画面语言的标点符号（段间距必须大于行间距，信息板块之间要有明确的间隔空间，主要内容和图片外框间要有版心概念，画面要有30%以上的留白）任务1 淘宝普通版整页设计3.促销区设计3.3 促销区设计方法农享网在店铺Banner设计上采用了以图片轮播的形式，对店铺的重推产品进行展示，并且在这些Banner图片设计上，在侧重店铺的经营特色的同时，还强调了自身产
6、品突出的优势。以昆仑山的美景加以雪菊就茶的特性，再配上雪菊礼盒的具体呈现，进一步的增加了顾客对产品的初步认知。并且在图片的基础上配予产品的产地与属性的标语，在标语字体颜色选择方面，更是运用了与产品属性相近的绿色。任务1 淘宝普通版整页设计3.4 促销区设置1第一步 将图片上传到“图片空间”。登录“淘宝”，点击“卖家中心”，在页面的店铺管理模块选择“图片空间”项：2第二步 在“图片空间”页面的点击“图片上传”后，选择“通用上传”，在“上传”文本框中选择分类，选中“图片轮播”任务1 淘宝普通版整页设计3.4 促销区设置34第三步 点击添加图片，选好图片好，点击确定：第四步 装修状态，插入“图片轮播
7、”。返回“卖家中心”，点击“店铺装修”，点击在“此处添加模块”然后，会出现一个选框，点击添加“图片轮播”点击编辑。：设置过程中可参考以下三点：设置过程中可参考以下三点：1 1、模块标题：可以设置模块标题，如果不想显示标题可以、模块标题：可以设置模块标题，如果不想显示标题可以点击旁边的不显示项。点击旁边的不显示项。2 2、模块高度：准备的图片，宽度、高度要一致。图片宽度、模块高度：准备的图片，宽度、高度要一致。图片宽度根据的图片实际高度而设置，图片轮播宽度可以更随自身需求根据的图片实际高度而设置，图片轮播宽度可以更随自身需求调整，但要注意，图片最高是固定的，只能为调整，但要注意，图片最高是固定的，只能为600px600px。超出固。超出固定高度的图片，是不能进行完整的图片轮播展示的。定高度的图片，是不能进行完整的图片轮播展示的。3 3、切换效果：分为上下滚动和渐变滚动两种方式，可以根、切换效果：分为上下滚动和渐变滚动两种方式，可以根据卖家的需要选择。据卖家的需要选择。任务1 淘宝普通版整页设计3.4 促销区设置56第五步 指定图片和连接目标。在编辑页面，选择“内容设置”模块。：第六步 显示设置。在插入图片后，点击“显示设置”模块，设置完成后点击保存：End
