电子商务网页设计项目十二设计与制作电子商务网点结构项目.ppt

任务分析 商品描述模板是网店结构中非常关键的项目,因为客户基本都是先看到商品说明页面才进入店铺,而商品销售的关键也是看这个页面是否美观、可信、讲解是否清楚等。 相关知识 商品描述模板主要包含以下几个方面: (1)店铺活动:用于营造促销氛围,渲染店铺特色,包括促销活动的通告、新款上线预告、主推款式海报,大促时可以考虑加入关联营销。 (2)产品展示:展示商品全貌,包括商品正面、背面、侧面和底面的清晰图,还可以附上推荐理由。 (3)产品细节:近距离展示商品亮点。例如,服装网店可以呈现服装面料、内衬、颜色、扣子/拉链等,特别是领子、袖子、腰身和下摆等部位,如有色差需要说明。如有促销活动可加入文案设计,但需要注意网店宝贝文案的注意事项。 (4)相关推荐和店铺其他说明:包括搭配单品、系列款式的推荐、物流、退换货和导购信息等(可运用流程图和图标描述退换货)。其他店铺信息可用言简意赅的文字信息表述(如体现专业性的厂房、精美的包装)。 项目十二 设计与制作电子商务网点结构项目 * * * * 制作网店告示板 1 任务分析 店铺公告包括对自己店铺的简介、想和来访者说的话以及一些忠告和注意事项,这里的内容会被来访者在第一时间注意到,一般被放置在店铺的右上角。店主可以随时发布滚动的文字信息,也可以通过网页代码发布图文配合的公告信息。这样,公告栏将更清晰、美观,还可以加入动画,使其更醒目。 相关知识 店铺公告是宣传推广最新发布的产品、公告店铺最新促销信息、发布重要通知的好工具。但是,店铺的公告区域空间有限,所以店铺公告的内容一定要言简意赅,最好能一针见血,吸引顾客。例如,你的店铺是新开的,你可以采用以下三个方案: 方案一:新店开张,欢迎过路的朋友到此歇歇;本店秉承诚信待客,一流服务;顾客至上,质量为根本;钱来货到,效率第一;新店新开张,好店好生意,顾客顾到位。 方案二:大家好,欢迎大家光临本店;很高兴认识各位朋友,希望大家多多捧场。 方案三:我店产品全部来自正规的渠道,以最直接有效的方式送达消费者手里,避免了中间过多的流通环节;本店一直是以薄利多销为原则,在有合理利润的基础上将尽最大可能让利给大家,所以才会比专柜便宜许多。 店铺公告栏中还可以写一些吸引人的词语,抓住客户的心理,如:买就送、买一送一、满百包邮、假一罚百、促销活动等;也可以写上自己店铺的特色、优势,店铺主营的产品,或者自己的QQ、联系方式等。 任务实施 (1)运行Photoshop CS5,执行“文件”→“新建”菜单命令,在弹出的“新建”对话框中,命名为“网店告示板”,预设为“自定”,宽度为800,高度为600,分辨率为72,颜色模式为RGB颜色,背景内容为白色,设置完毕后,单击“确定”按钮 。 (2)在“图层”面板中,单击“创建新图层”按钮,建立新图层并重命名为“条纹”。设置前景色为#ff02a9,选择工具箱中的“矩形”工具, 按住鼠标左键绘制出一个矩形,执行“编辑”→“变换”→“斜切”菜单命令,通过变形将矩形变为平行四边形 。 (3)按住Ctrl+Alt,同时选中“条纹”并按住鼠标左键不动可以拖拽出“条纹”的副本。重复这一操作,复制出若干个条纹副本 。 (4)在“图层”面板中,新建“圆角矩形”图层,设置前景色为白色,选择工具箱中的“圆角矩形”工具, 在其工具选项栏中选中“填充像素”按钮,并设置圆角半径为60px,按住鼠标左键拖出一个圆角矩形 。 (5)选择工具箱中的“文本”工具,在工具选项栏中设置字体类型为方正舒体,字体大小为120,颜色为黑色,输入文本“公告栏”,再设置字体类型为Informal Roman,字体大小为60,输入英文“Announcement” 。 (6)在“图层”面板,建立新图层“绿花”,选择工具箱中的“自定形状”工具,单击“填充像素”按钮,选择“花1”形状,绘制出一朵绿色的小花。用同样的方法制作“黄花”、“橙花”、“兰花”等图层。 制作图片分类区 2 任务分析 成交转化率,会影响到客户能够买多少产品。店铺是面向消费者市场的,消费者市场由许多个人组成,每个人都有不同的习惯、需求、喜好等,为了满足不同消费者的需要,就需要进行宝贝分类,这是制定店铺营销策略非常重要的环节。 相关知识 对宝贝的分类方式有以下五种: 1.按宝贝用途分类 2.按宝贝原材料分类 3.按宝贝的生产方法分类 4.按宝贝的主要成分分类 5.其他分类 任务实施 (1)运行Photoshop CS5,执行“文件”→“新建”菜单命令,在弹出的“新建”对话框中,命名为“图片分类区”,预设为“自定”,宽度为780,高度为3 047,分辨率为72,颜色模式为RGB颜色,背景内容为白色,设置完毕后,单击“确定”按钮 。 (2)按快捷键Ctrl+R显示标尺,单击工具箱中的“移动”工具,用移动工具从标尺中拖出若