第2章-电子商务网站栏目与风格的设计

《电子商务网站建设与维护实训》

第2章-电子商务网站栏目与风格的设计主编：宋文官，陈永东高等教育出版社9/11/20231《电子商务网站建设与维护实训》第2章-电子商务网站栏目与风格的设计【项目概述】在小王所在的网络公司为ABC公司规划了电子商务网站之后，需要进行ABC公司电子商务网站的具体设计。经理布置给小王几项任务，要求小王为ABC公司网站进行栏目的设计、风格的设计，并对该网站目录结构等方面进行设计，以便为以后的设计工作做好准备。9/11/20232《电子商务网站建设与维护实训》【项目分析】如何设计网站的栏目？网站风格的设计包括哪些方面？如何进行网站目录结构的设计？9/11/20233《电子商务网站建设与维护实训》【任务分解】任务1：设计网站的栏目。任务2：设计网站的风格。任务3：设计网站的目录结构。9/11/20234《电子商务网站建设与维护实训》任务1：设计网站的栏目1．参考成功网站的内容规划2．确定网站的主要内容

3．设想网站可选内容项4．正确进行网站特色的定位5．运用网站内容设计的技巧9/11/20235《电子商务网站建设与维护实训》1．参考成功网站的内容规划先确定与要设计网站的公司类似企业的网站3－5个为参考对象；然后将确定的网站的主要栏目进行记录与比较，再确定这些同类网站的最常用的栏目，并确定本网站需要保留的栏目；最后，再确定本网站需要新增的同类网站没有的栏目与特色栏目。

9/11/20236《电子商务网站建设与维护实训》2．确定网站的主要内容（1）主页（2）公司简介（3）产品介绍（4）最新消息（最新动态）（5）客户反馈（6）网上订单（7）联系方式9/11/20237《电子商务网站建设与维护实训》3．设想网站可选内容项（1）技术支持（2）招聘信息（3）总裁致辞（4）专业常识（5）招商信息（6）最新报价（7）网上采购系统（含数据库）9/11/20238《电子商务网站建设与维护实训》4．正确进行网站特色的定位挑选与提炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。最好能用15个以内的字准确地描述网站的特色，而这个特色要尽可能让人感觉到其与同类网站的不同之处。要做到特色鲜明突出，力求简洁，要点明确9/11/20239《电子商务网站建设与维护实训》5．运用网站内容设计的技巧（1）开动脑筋（2）提供有用的信息及其获取的办法（3）签上自己的名字，并展示得到的荣誉（4）设置一些有特色的友情链接对象（5）登载或转载对本企业肯定性的相关报道（6）精心安排网站的文字叙述部分（7）设计合理且吸引客户的排版方式（8）安排适当的交互功能9/11/202310《电子商务网站建设与维护实训》任务2：设计网站的风格1．网站名称与标志的设计2．网站标准色彩的设计3．网站标准字体的设计4．网站相关页面的布局设计5．掌握色彩设计要点：用色和谐、重点突出6．掌握形式设计要点：形式与内容和谐统一7．三维空间的风格设计8．多媒体功能的风格设计9．文字与段落的风格设计10．图像运用的风格设计11．网站规划设计方面的创意9/11/202311《电子商务网站建设与维护实训》1．网站名称与标志的设计对于网站的名称，起名时应该做到合法、合理、合情。网站标志与名称关系到网站的总体形象，也是企业CI（企业形象）设计的一个方面。在网站的主要页面上的显要位置（一般在正上方），应该设计一个包含网站标志、网站名称的横幅，它可以是静态的图像，但最好能设计具有动态效果的动画。9/11/202312《电子商务网站建设与维护实训》2．网站标准色彩的设计网站的标准色彩不要超过3种标准色彩要用于网站的标志、标题、主菜单和主色块，网页的色彩搭配中除了基本的颜色对比外，还应注意以下一些基本的色彩特点9/11/202313《电子商务网站建设与维护实训》3．网站标准字体的设计标准字体是指用于标志、标题、主菜单、主体内容的字体。一般，常用的字体可以自由设计，而对于不常用的字体最好通过图片形式显示。标准字体的设计中还应考虑中英文及其他可能用到的文字所使用的不同字体。9/11/202314《电子商务网站建设与维护实训》4．网站相关页面的布局设计版式设计可以通过文字图形的空间组合，表达出和谐与美。努力做到整体布局合理化、有序化、整体化。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。9/11/202315《电子商务网站建设与维护实训》5．掌握色彩设计要点应利用色彩对人们心理的影响的成果，合理地加以运用。色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。9/11/202316《电子商务网站建设与维护实训》6．掌握形式设计要点形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。应合理地运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。点、线、面是视觉语言中的基本元素，可以使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。9/11/202317《电子商务网站建设与维护实训》7．三维空间的风格设计网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中图片、文字位置前后叠压，或位置疏密，或页面上、左、右、中、下位置所产生的视觉效果都各不相同。9/11/202318《电子商务网站建设与维护实训》8．多媒体功能的风格设计因特网最大的资源优势在于多媒体功能，因而应尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有