电子商务网站总体设计PPT课件.ppt

.,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第四章 电子商务网站总体设计,1,.,第四章 电子商务网站总体设计,4.1 网站CI形象设计,4.1.1 网站标志、名称设计,4.1.2 网站标准色彩设计,4.1.3 网站标准字体设计,4.2 网站的内容设计,4.2.1 网站的功能和类型选择,4.2.2 网站的信息设计,2,.,第四章 电子商务网站总体设计,4.3 网站链接结构设计,4.3.1 树状连接结构,4.3.2 网状链接结构,4.4 网站的风格与创意设计,3,.,4.1 网站CI形象设计,CI即Corporate Identity，企业形象。,CI设计主要指网站的标志、色彩、字体、标语等。,4,.,4.1.1 网站标志、名称设计,网站有代表性的人、事、物,专业性网站的代表性物品,英文名称作标志,网站名称要合法、合理、合情,5,.,6,.,7,.,4.1.2 网站标准色彩设计,在进行网页标准色彩设计时应注意：,用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，这样的页面看起来色彩统一，有层次感。,用两种色彩。先选定一种色彩，然后选定它的对比色。,用一个色系。简单的说就是用一个感觉的色彩。,8,.,不要将所有颜色都用到，尽量控制在35种色彩之间。,背景和前文的对比尽量要大，以突出主要文字内容。,9,.,216网页安全色,216网页安全颜色是指在不同的硬件环境、不同的操作系统、不同浏览器中都能正常显示的颜色集合（调色板），也就是说，这些颜色在任何终端的显示设备上的显示效果都是相同的，所以使用216网页安全颜色进行网页色彩的设计可以避免原有的颜色失真问题。,网页安全颜色是指当红色、绿色和蓝色的数字值为0，51，153，204，255,时构成的颜色组合，一共有666=216种颜色，其中210种彩色，6种,非彩色,10,.,4.1.3 网站标准字体设计,标准字体：指用于标志、标题、主菜单、主体内容的字体。,不常用字体最好通过图片形式显示。,11,.,12,.,13,.,14,.,15,.,4.2 网站的内容设计,企业要在因特网上开展电子商务，就应该在网站的内容设计方面遵循一些基本原则，一般来说，最起码应考虑到以下三个方面：信息内容、访问速度和页面美感。,16,.,4.2.1 网站的功能和类型选择,电子商务网站的类型,基本型：具备基本电子商务功能，可实现产品展示、公司宣传与客户服务，适用于初尝电子商务的小型企业。一般搭建在公众电子商务平台上，性价比较高,宣传型：目的是通过网站宣传产品或服务项目，提升公司形象，拓展市场，适于各类企业。,17,.,4.2.1 网站的功能和类型选择,客户服务型：目的是宣传公司形象与产品，并达到与客户实时沟通及为产品或服务提供服务支持，从而降低成本，提高效率。适于各类企业。,完全电子商务型：目的是通过网站宣传公司整体形象，推广产品与服务，实现网上客户服务与产品的在线销售，为公司直接创造利润、提高竞争力，适于各类有条件的大、中型企业。,18,.,完全电子商务网站的基本功能,企业形象宣传,产品展示,商品与服务的在线订购,顾客关系与服务,新闻、信息发布,网上调查,销售业务信息管理,19,.,4.2.2 网站的信息设计,尽管每个电子商务网站规模不同，表现形式各有特色，但从经营的实质上来说，不外乎,信息发布型,和,产品销售型,这两种 基本形式，一个综合性的网站可能同时包含了这两种基本形式。,信息发布型的网站仍然是电子商务网站的主流形式。,20,.,信息发布型网站中信息结构的设计主要是从以下几个方面来进行的：,公司概况；,员工信息；,产品目录；,产品价格表；,产品搜索；,公司动态；,网上订购；,销售网络；,售后服务；,技术支持信息；,21,.,联系信息；,财务报告；,辅助信息；,其他内容信息；,增值服务。,用来弥补产品品种比较少，网页内容单调等不足,比如反馈表、公司人才招聘信息、到其他相关站点的链接,开辟网络环境下的新服务项目，以增加其服务功能，吸引网民再次光临,22,.,FLASH,欢迎页,首页,公司,信息,产品,信息,服务,信息,其他,信息,公司,概况,公司,动态,员工,信息,产品,目录,产品,价格表,产品,搜索,网上,订购,销售,网络,售后,服务,技术,支持,联系,信息,财务,报告,增值,服务,其他,信息,辅助,信息,23,.,4.3 网站链接结构设计,网站链接结构的原则是：用最少的链接，使得浏览最有效率。,24,.,4.3.1 树状链接结构,即一对一的链接结构，类似dos的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构像一棵树。,优点,：,条理清晰，不会“迷路”；,缺点,：,浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页,25,.,4.3.2 网状链接结构,即一对多的链接结构，类似网络服务器的链接，每个页面相互之间都建立有链接。立体结构像一张网。,优点,：,浏览方便，随时可以到达自己喜欢的页面；,缺点,：,链接太多，容易“迷路”。,26,.,上述两种基本结构都只是理想方式，在实际的网站中，总是将这两种结构混合起来使用。,最好的办法,是：,首页和一级页面之间用网状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。,27,.,首页,企业新闻页,产品信息页,技术服务页,【新闻1，新闻2，】,【产品1，产品2，】,【服务1，服务2，】,一级页面,二级页面,随着电子商务的推广，网站竞争越来越激烈，对链接结构设计的要求已经不仅仅局限与可以方便快速地浏览，更加注重个性化和相关性。,28,.,4.4 网站的风格与创意设计,风格的内涵,风格（Style）是指站点的整体形象给浏览者的综合感受。,风格的确立,明确网站的风格,使网站的标志尽可能出现在每个页面,突出网站的标准色彩,突出网站的标准字体,使用统一的图片处理效果,使用统一的符号、线条与图标,29,.,创意设计,网站的创意,创意思考的过程,准备期,孵化期,启示期,验证期,形成期,创意思考的途径,颠倒、缩小,换颜色、闪动、结合音乐,重复、立体、变更一部分,加速、对称,30,.,31,.,32,.,33,.,34,.,思考与练习,请选择知名网站进行,CI,形象分析。,请为一家网上书店进行网站的总体结构设计。,请利用所学知识为网上书店设计一个,LOGO,。,35,.,