教学课件4-6 电商网页设计实例.ppt

,电商网站设计实例,授课教师：肖文婷,电商网站是在淘宝、天猫等平台上申请店铺后进行店铺页面的设计与装饰，通常称为“装修”。以淘宝上开网店为例，有普通店铺与旺铺，它们之间在可装饰内容与范围稍微有所不同。 【可装修的内容】 普通店铺可以装修的部分有店标、公告、分类、宝贝分类（不在店铺主页显示，只在宝贝页面中显示）。旺铺可装修部分有店招、促销区、分类、左侧自定义模板、右侧自定义模板、宝贝描述、自定义页面。,【可装修的范围】 1、普通店铺可装修的范围包括店标、公告背景图片、分类按钮、商品描述模板（只在其规定范围内装修）。店标尺寸在100×100px左右，公告尺寸在400×200px左右，且公告必须是滚动的。 2、旺铺不同区域的装修是有范围的： 店招：最大尺寸宽950px，高150px； 促销区：促销区的宽度最大为740px，高度不限，但为了页面的美观，一般都会把高度控制在500px以内； 分类按钮：宽度最大限度为160px，高度不限，个数不限（普通店与旺铺通用）； 描述模板：宝贝描述模板分为宽版和窄版，高度不限。普通店铺只能用宽版950px，旺铺可用宽版也可以用窄版740px； 左侧模板（收藏模板）：宽度最大为190px，高度不限； 右侧模板：宽度最大为750px，高度不限； 自定义页面：宽度最大为740px，高度不限。,【项目设计案例】 1、项目要求 歌莉娅是国内知名的少淑女装品牌，品牌定位时尚、潮流、个性的外表和清新、典雅奢华的气质，展示清新魅力及干练的形象。品牌最大的特点就是“环球发现”的品牌精神。该品牌在线下一二线城市里都有专卖店，而在天猫的电商平台里的品牌旗舰店，服装款式有电商专供与专柜同款，该项目要求是制作环球发现第27站：法国巴黎站的春季新款上市的网店界面设计。 2、页面分析与设计 根据天猫店铺的旺铺模板尺寸分别设计首页Banner图、新品推广图、活动宣传图、产品展示图等页面。,【首屏】界面设计,【新品推广部分】界面设计,【活动宣传部分】界面设计,【产品展示部分】界面设计,Thanks,