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

1、电子商务网站总体设计电子商务网站建设与管理电子商务网站总体设计一、网站的设计原则（一）先进性、可靠性和安全性原则1.先进性先进性是指以最先进的观点和设计思路为用户设计出先进的网站系统。设计方案将立足于先进技术，使项目具备国内乃至国际领先的水平。服务器和网络方面以优化通信流量、提高系统的管理性和安全性为重点。电子商务网站总体设计一、网站的设计原则（一）先进性、可靠性和安全性原则先进性又体现在网站信息内容的新、精、专上，要有特色，如公司营销特色、产品特色、售后服务特色等，这些都必须站在消费者的角度上考虑。电子商务网站总体设计一、网站的设计原则（一）先进性、可靠性和安全性原则2.可靠性可靠性是指该平

2、台正常运作后，面对全球的互联网用户应具备全年、全天候不间断运作的能力，为用户提供高度可靠且稳定的运行保障。电子商务网站总体设计一、网站的设计原则（一）先进性、可靠性和安全性原则3.安全性安全性是指网站在互联网上执行任何程序或提供的任何服务都是安全的，有保障的。互联网是一个标准开放的、交互式的网络，在网上进行各种商务活动，随时可能面对黑客的攻击、病毒的侵袭等，因此，确保网上信息流通的系统安全十分重要。电子商务网站总体设计一、网站的设计原则（一）先进性、可靠性和安全性原则安全不仅仅是一个技术的问题，还涉及系统的管理、法律法规的保障等。因此，必须保障系统数据和信息的安全，为商务活动提供安全环境。电子

3、商务网站总体设计一、网站的设计原则（二）可扩展性、标准性和开放性原则1.可扩展性可扩展性是指根据实际业务量的扩大而扩大的能力。互联网具有巨大的商务潜能，没有人可以确切预计系统的最终访问量和最佳的商务运行模式。电子商务网站总体设计一、网站的设计原则（二）可扩展性、标准性和开放性原则2.标准性和开放性标准性和开放性是指所有应用程序及接口具有统一的标准，使程序和系统具备优异的可移植性。企业网上平台的设计应当严格遵守国际标准，在还没有形成标准的新领域内也积极倡导标准的形成，为促进国际贸易打下坚实的基础。电子商务网站总体设计一、网站的设计原则（三）服务性、便捷性和交互性原则1.服务性服务性是指网站为用户

4、提供各种各样的服务，时刻体现着以用户为中心的服务思想，以为用户提供最好的服务为网站的设计思路。以人为本，实现个性化服务是当代电子商务网络营销最基本的要求。电子商务网站总体设计一、网站的设计原则（三）服务性、便捷性和交互性原则2.便捷性便捷性是指网站中各种各样的功能和服务是最为方便快捷的。网站所提供的各种功能和服务应尽可能地适应不同年龄、不同性别、不同知识层次的受众群体的需求。电子商务网站总体设计一、网站的设计原则（三）服务性、便捷性和交互性原则3.交互性交互性是指网站中的各种功能完全是以友好的对话形式出现的，能极大地改善企业的办事效率和形象。电子商务网站总体设计一、网站的设计原则（四）美观性、

5、实用性和宣传性原则1.美观性美观性是指良好的视觉效果，美观大方的色彩搭配，赏心悦目的风格，使人感觉进入网站就好像进入自己幸福的港湾、美好的家园一样轻松自如。这与网站强大的功能同等重要，它可以突出企业文化特色和定位。电子商务网站总体设计一、网站的设计原则（四）美观性、实用性和宣传性原则2.实用性实用性是指网站所提供的各项信息、服务等内容要实用，真正能为用户带来方便。3.宣传性宣传性是指网站提供各种宣传企业的功能，是企业宣传自身的重要载体。电子商务网站总体设计二、网站的CI设计（一）设计网站的标志（1）标志可以是中文、英文字母、符号、图案等。例如。（2）还可以利用网站有代表性的人物、动物或花草作为

6、设计的蓝本。电子商务网站总体设计二、网站的CI设计（一）设计网站的标志（3）网站有专业性的，可以以本专业的代表物品作为标志。（4）最常用和最简单的方式是用网站的英文名称作为标志。采用不同字体、字母的变形以及与图形的组合等手段可以很容易制作标志。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩所谓标准色彩，是指能体现网站形象和延伸内涵的色彩。例如，肯德基网站的主色调红色、网易网站的主色调淡蓝色。Windows视窗标志上的红蓝黄绿色块都使人们觉得很贴切、很和谐。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩一般来说，一个网站的标准色彩不应超过3种，太多会让人眼花缭乱。标准色彩

7、要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其他色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩1.色彩的色调色彩分为暖色调、冷色调和中性色调。暖色调包括红色、橙色和黄色等颜色。暖色调给人以温暖、舒适、有活力的感觉。这些颜色不仅让浏览者产生贴心的视觉效果，在页面上也更显突出。冷色调包括蓝色、绿色和青色等颜色。冷色调使配色方案显得稳定和清爽。它们看起来还有远离浏览者的效果，所以适于做页面背景。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩黑色、白色及由黑白调和的各种深浅不同的灰色系列称为中性色调。这个

8、色系的颜色通常很柔和,色彩不那么明亮耀眼。中性色调是介于红、黄、蓝三原色之间的颜色，不属于冷色调，也不属于暖色调。中性色调能与任何色彩配合，起到协调、缓解视觉疲劳的作用。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩2.色彩的心理感觉（1）红色是一种让人激奋的色彩，具有刺激效果，能使人产生冲动、愤怒、热情、活力的感觉。（2）绿色给人和睦、宁静、健康、安全的感觉。它和金黄色、白色搭配，可以产生优雅、舒适的效果。（3）橙色也是一种让人激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩（4）黄色给人快乐、希望、智慧和轻快的感觉，

9、它的明度最高。（5）蓝色给人凉爽、清新、专业的感觉。它和白色混合，能体现柔顺、淡雅、浪漫的气氛。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩（6）白色给人明快、纯真、清洁的感受。（7）黑色给人深沉、神秘、寂静、悲哀、压抑的感受。（8）灰色给人中庸、平凡、温和、谦让、中立和高雅的感觉。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩3.色彩搭配技巧（1）运用相同色系的色彩技巧。所谓相同色系，是指在色环上位置十分相近（在45左右）的几种色彩，或同一颜色不同明度的几种色彩，这种搭配的优点是易于使网页色彩趋于一致，塑造网页和谐统一的氛围。缺点是容易造成页面的单调，因此，有时可以

10、利用局部加入对比色来增加变化，如在局部加入具有对比色彩的图片等。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩（2）运用对比色技巧。在色环中每一个颜色对面（180对角）的颜色称为对比色（互补色），如红与绿、蓝与橙、黄与紫等。使用对比色是构成明显色彩效果的重要手段，也是赋予色彩表现力的重要方法，可以使画面十分突出，容易塑造活泼、韵动的网页效果，特别适合体现轻松、积极主题的网站，缺点是容易造成色彩过花，要注意使用的度。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩需要注意的是，以上两种用色方式在实际应用中要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅，不要几种色

11、彩等量使用，以免造成色彩的混乱。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩4.色彩的应用技巧（1）了解网站所要传达的信息和品牌。选择可以加强这些信息的颜色。（2）了解网站读者群。文化差异可能会使色彩产生非预期的反映。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。电子商务网站总体设计二、网站的CI设计（二）设计网站的色彩（3）不要使用过多的颜色。除了黑色和白色以外，一般选择34种颜色就够了。太多的颜色会导致混淆，也会分散浏览者的注意力。（4）在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果，也会妨碍浏览者阅读。白底黑字的阅读效果最好。电子商务网站总体设计二、网站的C

12、I设计（二）设计网站的色彩（5）选择颜色要注意时效性。同一种流行色很容易被各家网站效仿，且消费者很快就对流行色彩感到麻木。但从另外一个角度来看，可以使用几年前的流行色彩以引起人们的怀旧之情。电子商务网站总体设计二、网站的CI设计（三）设计网站的字体标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特殊字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体，体现企业文化内涵可以用美术字等。企业可以根据自己网站所要表达的内涵选择更贴切的字体。电子商务网站总体设计二、网站的CI设计（

13、三）设计网站的字体目前，常见的中文字体有二三十种，常见的英文字体有近百种。此外，网络上还提供了许多专用的英文、中文艺术字体下载，因此要寻找一款满意的字体并不困难。电子商务网站总体设计二、网站的CI设计（三）设计网站的字体但是，需要说明的是，只有安装在操作系统中的字体才能被显示出来，而在操作系统中的常用中文字体只有很少的几种，因此，如果网站中使用的是非默认字体，那么，为了让所有的用户都能看到，将文字做成图片的形式是一种最好的选择。电子商务网站总体设计二、网站的CI设计（四）设计网站的宣传标语所谓网站的宣传标语，是指能高度概括网站精神、目标的一句话甚至一个词，类似实际生活中的广告金句。例如，人人网

14、的“情系人人，人人链接”，优酷网的“世界都在看”，百度的“百度一下，你就知道”等。电子商务网站总体设计二、网站的CI设计（五）企业CI设计的基本要素在设计企业CI时需要掌握以下几个基本要素。1.企业标志2.企业名称标准字3.品牌标准字4.企业的标准色5.企业标语要素6.专用字体电子商务网站总体设计三、网站的布局设计网站布局的基本概念1.页面尺寸2.整体造型3.页头4.文本5.图片6.多媒体（一）电子商务网站总体设计三、网站的布局设计网站布局设计步骤网站布局设计按草稿、初步布局和定稿3个步骤进行。1.草稿2.初步布局3.定稿（二）电子商务网站总体设计三、网站的布局设计网站布局设计原则在布局网站过

15、程中，需要遵循以下几个原则：（1）正常平衡原则，是指“匀称”，即左右、上下等对照形式平衡，主要强调秩序，能达到安定、诚实、信赖的效果。（2）异常平衡原则，是指非对照形式，但也要考虑平衡和网站的韵律，此种布局能达到强调性、不安性、高注目性的效果。（三）电子商务网站总体设计三、网站的布局设计网站布局设计原则（3）对比原则，是指利用色彩、色调等技巧来表现风格，在内容上可涉及古与今、新与旧、贫与富等的对比。（4）凝视原则，是指利用页面中的人物视线，抓住浏览者仿照跟随的心理，以达到使浏览者注视页面的效果，一般多用人物凝视状。（三）电子商务网站总体设计三、网站的布局设计网站布局设计原则（5）图表解说原则，

16、是指对于不能用语言说服的事务或用语言无法表达的情感使用图表的形式将其直观地表现出来。（三）电子商务网站总体设计四、网站的风格设计（一）网站首页的风格首页是电子商务网站的虚拟门面，在设计自己的门面时决不能敷衍了事、马马虎虎。网站的页面就好比是“无纸的印刷品”，设计精良和专业的网站，如同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望。一般来说，网站首页的形式不外乎有如下两种。电子商务网站总体设计四、网站的风格设计1.纯粹的形象展示型2.信息罗列型电子商务网站总体设计四、网站的风格设计（二）风格保持一致1.结构的一致性2.色彩的一致性3.导航的一致性4.特别元素的一致性5.背景的一致性电子商务网站总体设计一、简答题1.什么是网站栏目？如何规划网站栏目？2.简述各种网站逻辑结构模型的特点。3.什么是网站目录结构和链接结构？请举例说明。电子商务网站总体设计二、实践题设计一个网上书店的LOGO，并对网站的栏目进行规划。谢谢观看！电子商务网站建设与管理