《《网页设计与制作》-邬锦霞-电子教案 第3章 电子商务网站内容设计》由会员分享，可在线阅读，更多相关《《网页设计与制作》-邬锦霞-电子教案 第3章 电子商务网站内容设计（56页珍藏版）》请在金锄头文库上搜索。
1、第3章 电子商务网站内容设计,【本章导读】 本章对电子商务网站的内容设计进行了详细的介绍：第一节首先介绍使用那些方法对网站进行合理的需求分析；第二节从主题和功能两个方面对网站的定位进行深入的探讨；第三节主要介绍网站的内容规划，包括网站的总体结构设计和常用模块；最后两节分别从网站建设所涉及的技术支持和进度规划等进行介绍。 【本章要点】 需求分析基本内容及方法 主题、功能定位 结构设计、模块设计 网络平台、服务支撑体系 数据库设计、网站安全 网站建设进度规划,3.1网站设计的原则 3.2网站设计风格和创意 3.3页面内容设计 3.4设计中的默认规范 3.5网站设计常见错误 本 章 小 结,3.1网
2、站设计的原则,（1）明确建立网站的目标和用户需求 Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。在设计规划之初重点考虑：建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？,（2）总体设计方案要求主题鲜明 在目标明确的基础上，完成网站的构思创意即总体设计方案。对
3、网站的整体风格和特色作出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 Web站点主页应具备的基本成分包括：页头，用于准确无误地标识你的站点和企业标志； Email地址，用来接收用户垂询；联系信息，如普通邮件地址或电话；版权信息，用于声明版权所有者等。
4、注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。,（3）网站的版式设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字、图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。,（4）色彩在网页设计中的作用 色彩是
5、艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的物质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些。网页的颜色应用并没有数量的限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，有CIS（企业形象识别系统）的更应该按照其中的VI进行色彩运用。 在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰
6、的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。,（5）网页形式与内容相统一 要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。 运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采
7、用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。,（6）三维空间的构成和虚拟现实 网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面
8、上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。,（7）多媒体功能的利用 网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画、FLASH等来表现。但要注意，由于网
9、络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。 （8）网站测试和改进 网站测试实际上是模拟用户询问网站的过程，用以发现问题并改进设计。要注意让用户参与网站测试。,（9）内容更新与沟通 企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的好象。在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现不了的东西，在你真正有能
10、力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。 （10）合理运用新技术 新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。 对于网站设计者来说，必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。,3.2 网站设计风格和创意,3.2.1 网站总体风格 应该如何树立网站风格呢？可以分这样几个步骤实施： （1
11、）确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头。首先必须保证内容的质量和价值性，这是最基本的，无须置疑。,（2）要弄清楚自己希望站点给浏览者的印象是怎么样的，可以从这几方面来理清思路： 如果只用一句话来描述你的站点，应该是：有创意，专业，有实力，有美感，有冲击力。 想到你的站点，可以联想到的色彩是：热情的红色，幻想的天兰色，聪明的金黄色。 想到你的站点，可以联想到的画面是：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店。 如果网站是一个人，他拥有的个性是：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者。 浏览者觉得你和其他网站的不同是：可以信赖，信息最快，交
12、流方便。 浏览者和你交流合作的感受是：师生，同事，朋友，长幼。 通过这样一份调查，经统计后的结果会告诉你：你网站现在的差距、弱点及需要改进的地方。,（3）在明确自己的网站印象后，开始努力建立和加强这种印象。经过第二步印象的“量化”后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西，并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称、域名、栏目名称是否符合这种个性，是否易记；审查网站标准色彩是否容易联想这种特色，是否能体现网站的性格等等；具体的做法没有定式，下面仅提供一些参考：,将网站的标志logo，尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。 突出网
13、站的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。 突出网站的标准字体。在关键的标题、菜单、图片里使用统一的标准字体。 使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。 使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。 使用自己设计的花边、线条、点。 展示网站的荣誉和成功作品。 风格的形成不是一次定位的，只有在实践中不断的强化、调整、修饰，才会逐渐的形成自己独特的，而又被大众所接受的风格。,3.2.2 网站的创意设计 创意思考的过程分五阶段： （1）准备期：研究所搜集的资料，根据旧经验，启发新创意； （2
14、）孵化期：将资料咀嚼消化，使意识自由发展，任意结合； （3）启示期：意识发展并结合，产生创意； （4）验证期：将产生的创意讨论修正； （5）形成期：设计制作网页，将创意具体化。,3.3 页面内容设计,3.3.1 主页设计 设计一个主页，具体步骤如下： （1）确定主页的功能模块 主页的功能模块是指设计人员需要在主页上实现的主要内容和功能。一般站点都含有网站名称（Logo）、广告条（Banner）、主菜单（Menu）、新闻（News）、搜索（Search）、友情链接（Links）、邮件列表（Maillist）、计数器（Count）、版权（Copyright）等模块。用户也可根据主页设计的需要选择其
15、中部分模块即可。,（2）设计主页的版面 在功能模块确定后，开始设计主页的版面，如何在一个页面上编排这些功能模块，以使得主页的整体效果最好，就全凭网页设计者的创意和想象力了，一般都需要先勾画草图，修改满意后，然后在网页制作软件中实现。 （3）处理技术上的细节 在技术上，主页考虑字体的风格、超链接的实现以及图形、动画与文字的关系等。主页面的大小要适中，既要表达网站的主题，又要尽量精简，应避免因首页内容多导致加载时间过长，而给用户不好的印象。,3.3.2 栏目与版面设计 1. 栏目设计 栏目是一个网站的大纲索引，是网页上需要展示的信息，栏目应该将网站的主体明确显示出来，一般的网站栏目安排要注意以下几
16、个方面。 （1）紧扣网站主题 通常将主题按一定的方法分类，将它们作为网站的主栏目。主栏目个数在总栏目中要占绝对优势，这样网站才会显得专业、主题突出，并且容易给人留下深刻的印象。 （2）设立一个最近更新或网站指南栏目 如果网站的主页没有安排版面放置最近更新的内容消息，就有必要设置一个“最近更新”栏目，这样做是为了照顾常来的访客，让网站的主页更加人性化。 如果网站主页的内容庞大，层次较多，而又没有站内搜索，则有必要设置一个“本站指南”或“内容导航”栏目，这样可以帮助初访者快速找到他们想要的内容。,（3）设定一个可以双向交流的栏目 双向交流的栏目不需要很多，但一定要有，比如论坛、留言板、邮件等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个E-mail信箱更具有亲和力。 （4）设置一个下载或常见问题回答栏目 网络的特点是信息共享，如果你看到一个站点有大量优秀的、有价值的资料，你肯定希望能一次性下载，而不是一页一页的浏览保存，如果站点经常收到网友关于某个方面问题的来信，应该设立一个常见的问题回答的栏目，这样既方便了访问者，也节约了自己的时间。 至于其他的辅助内容，如关
