电子商务视觉设计教案第8章手机移动端视觉设计

课题计Photoshop命令制作手机移动端微店视觉设计觉设计，自主学习法，任务驱动法，课堂教学等影仪第一节手机移动端电商网店视觉设计：手机移动端电商网店视觉设计认知(一)手机移动端电商网店与PC端电商网店的区别促销活动等信息，而手机移动端电商网店则要惜字如金，尽量使用最简洁的文(二)手机移动端电商网店视觉设计优势22(三)手机移动端电商网店视觉设计要点学二：手机移动端电商网店首页视觉设计(一)手机移动端电商网店首页店招视觉设计机移动端电商网店店招时采用单一纯色图片，这样的设计会使文字所传达的信(二)手机移动端电商网店首页焦点图视觉设计叫轮播图，和PC端电商网店首页海报视觉设的首页，也就是手机第一屏中可以被消费者快速看到的要展示产品和促销活动等内容，所以主题次要主次分明。在制作手机移动端电商网店首页(三)手机移动端电商网店首页优惠券视觉设计用，是商家用于吸引消费者眼球，促进消费者在通常情况下优惠券被放置在手机移动端电商网店首页(四)手机移动端电商网店首页商品分类导航区视觉设计品分类导航区时，由于手机的屏幕限制，一(五)手机移动端电商网店首页商品展示区视觉设计就是商品展示区。与PC端电商网店一样，商品展局限，不能对商品进行过多装饰与美化，只能进网店首页视觉设计案例——时尚床品店铺首页中颜、位置，设置矩形对齐方式为“底对齐”和“水平形内分别输入优惠券文本信息，将文本颜色设置为#ffffff文本。，将填充颜色设置为#5e5c5f，描矩形上输入文本，将文本字体设置为黑体，文字颜色设fffftrlO。制作。觉设计计的思路和PC端电商网店详情页视觉设计的网店详情页时需要在借鉴PC端电商网店详出现文字过密导致流量跳失(一)手机移动端电商网店详情页视觉设计规范FPNG总大小(文字+图片+音频)不能超过1.5MB。机移动端电商网店详情页中单张图片尺寸的高度不大于960像素，宽度为480像素~620像素。页中围绕商品特点、产品特色和优惠活动等添加sKB(二)手机移动端淘宝店铺详情页视觉设计要素围感六、新课教学五：手机端电商网店详情页视觉设计案例——索尼相机详情页入文本“出色画质精心呈现”，将文本字体设置为楷，文本字号设置为36点。按Ctrl+O组合键，插入“优质画学过程进行小结，指正学生在操。课题计Photoshop命令制作手机移动端微店视觉设计觉设计，自主学习法，任务驱动法，课堂教学等影仪二节手机移动端微店视觉设计手机移动端微店首页视觉设计(一)手机移动端微店店招消费者眼帘的位置。与淘宝店铺的店招相，首先要考虑想向消费者传达什么样的信息；其(二)手机移动端微店店铺公告信息及服务内容等信息是微店公告的眼或商品的重要信息，商家都可以意的是，文字必须清晰、简洁，让消费者一看就明白(三)手机移动端微店焦点大图的，是动态的，因此焦点大图容易引起(四)手机移动端微店导航分类行这部分设计时商家要遵循消费者的浏览习惯和购买习惯(五)手机移动端微店商品展示的是优惠商品和上新爆款商品，是消费者最关店中大多数商品都符合消费者的品味微店详情页视觉设计(一)商品主图视觉设计主图视觉设计最为重要。这是因为消费者在浏其基本尺寸要求是640像素×640像素。在品细节，主题与背景要主次分明，文案部和内容简洁明了，商品主图美观才能更吸引(二)商品描述图视觉设计有限，商品描述图的宽度优点和卖点，还要求商品描述图和商品主图、商品标题的风格和文字内容相符合，主图或商品标题不相符的情况，会立刻导致消费者失去同时还要考虑多图少文的原则，文字大小要合适，颜色。(一)底部导航的主要作用：由于手机移动端微店的显示依赖智能手机的尺寸，。在进行底部导航设计时尽量少于5个底部导航块，小，，做成滚动设计的确是解决小屏小，但这种方法却不适合微店底部导航设计，因为即使消费者看看到全部标签。最后，要让消费当前所处的位置。素的文件。的“矩形选框工具”，在文件顶端绘制一个640像素步骤4：执行“文件”→“打开”命令，打开资源库素材文件中的“春节元素”复制到红色背景上进行装饰，将图层模式55，将填充颜色设置为#a90606，描边个大小相同的矩形，依次排开，合并图层后为矩形添