网页设计 课件 5.pptxVIP

本章介绍：随着互联网的发展以及消费结构的升级，电子商务行业发展地迅猛激烈，网购已成为 了大众日常生活中不可缺少的一部分。本章 对电商平台网站的内容规划、风格定位以及 页面类型等网页知识及网页规则进行系统讲 解与演练。通过本章的学习，读者可以对电 商平台网页设计有一个基本的认识，并快速 掌握电商平台网页的设计思路和制作方法。第5章电商平台网页设计学习目标熟悉电商平台网站的内容规划了解电商平台网站的风格定位认识电商平台网站的页面类型5.1 电商平台网站页面设计电商平台网站的内容规划电商平台网站的设计风格电商平台网站的页面类型课堂案例-设计中式家具电商平台首页5.1.1 电商平台网站的内容规划一套完整的电商平台需要通过前台、中台、后台、基础支撑模块、其他配合系统串联运转，其中前台是直接展现给用户的浏览和操作的，其他系统则是提供给服务商和商户使用。对于用户而言，电商呈现出来的主要是可享受线上服务的前台商城页面，因此我们将重点讲解前台商城页面的内容规划。前台商城页面内容规划5.1.2 电商平台网站的设计风格1.热情欢快热情欢快风格的电商平台网站销售产品和信息内容丰富充足，颜色选取以红橙色系为主，该风格会给用户带来活泼热闹的感受，达到提升用户消费欲望的目的，适用于大型综合类电商平台。京东网站设计风格淘宝网站设计风格5.1.2 电商平台网站的设计风格2.文艺淡雅文艺淡雅风格的电商平台网站普遍销售具有一定品质感的商品，颜色选取饱和度较低和明度较高的颜色，该风格会的用户定位通常是文艺小资型，适用于中高端综合类电商平台。小米有品网站设计风格网易严选网站设计风格5.1.2 电商平台网站的设计风格3.倾向行业倾向行业风格的电商平台网站目标明确，拥有强烈的行业属性，颜色选取会根据自身行业而来，该风格会给用户带来统一协调的感受，适用于专注于某一个行业的垂直类电商平台。小米有品网站设计风格网易严选网站设计风格5.1.3 电商平台网站的页面类型1.网站首页电商平台网站首页和官方展示网站的首页一样，是大部分用户通过搜索引擎访问网站时所看到的首张页面。通常有组织地展示各类大图活动广告、秒杀活动广告、特价活动以及各类特色产品，达到流量分发的作用。华为商城网站首页联想网站首页5.1.3 电商平台网站的页面类型2.商品列表页商品列表页，又称为“List页”，是对信息进行归类管理，方便用户能快速查看基本信息及操作的页面。在列表页中，设计的关键在于信息的可阅读性及可操作性。华为网站商品列表联想网站商品列表5.1.3 电商平台网站的页面类型3.商品详情页商品详情页是商品信息的主要承载页面，对于信息效率和优先级判定有一定的要求。使用清晰的布局能令用户快速看到关键信息，提高决策效率。华为网站商品详情页联想网站商品详情页5.1.3 电商平台网站的页面类型4.购物车页购物车页拥有批量结算和对比商品的作用，此外还为用户提供了一定作用的收藏夹。设计购物车页应该充分考虑到它的空状态、商品加入状态、满状态三类不同状态，同时设计购物车中的商品也要考虑到商品的选中状态和失效状态。华为网站购物车页联想网站购物车页5.1.3 电商平台网站的页面类型5.个人订单页个人订单页是用户产生交易后查看商品状态的页面。和商品列表页一样，该页面需要对订单信息进行归类管理，方便用户能快速查看信息及操作。在个人订单页中，不仅要设计出有无订单的不同页面状态，更要设计出由于订单本身状态变化，而产生的信息与操作的变化状态。华为网站个人订单页联想网站个人订单页5.1.4 课堂案例-设计中式家具电商平台首页使用“新建参考线”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“圆角矩形”、“椭圆工具绘制基本形状。效果图5.2 课堂练习-设计中式家具电商平台其他页学习使用绘图工具、文字工具制作中式家具电商平台其他页。效果图5.3 设计有机果蔬电商平台网站学习使用绘图工具、文字工具制作有机果蔬电商平台网站。效果图