网站内容设计(电子商务网站内容设计的原则、组成与流程(组图))

　　网站内容设计(电子商务网站内容设计的原则、组成与流程(组图))

　　电子商务网站内容设计原则、组成和流程 e-commerce网站内容设计原则、组成和流程3.1.1 3.1.1 e-commerce网站内容设计电子商务的原则网站内容设计原则在内容设计过程中，我们必须遵循以下基本原则： 在内容设计过程中，我们必须遵循以下基本原则： 11、信息内容应该是新颖、准确、精致、专业、与众不同。 , 信息内容应新颖、准确、简洁、专业、有特色。 22、快速安全的访问。 , 快速安全的访问。 1）提高访问者的速度。 ) 提高访问者的速度。 （（22）必须有一个安全且运行良好的软硬件环境）必须有一个安全且运行良好的软硬件环境3）遵循“三击”原则）遵循“三击”原则3 3、提供交互性，方便用户访问和购买。 ，提供交互性，方便用户访问和购买。 （（11）提供交互）提供交互2）完整的检索和信息交互能力）完整的检索和信息交互能力3）方便用户访问和购买）方便用户访问和购买3.1.2 3.1.2确定公司确定企业网站的内容和功能网站的内容和功能11、网站的静态内容，动态内容，网站的静态内容，动态content网站'S 静态内容指的是一些相对不变、变化频繁的静态内容网站指的是一些相对不变、变化不频繁的信息。

　　例如公司介绍、员工信息、低销售率信息。例如公司介绍、员工信息、销售网络、交易规则、售后服务信息等。 网络、交易规则、售后服务信息等。动态内容是需要经常更新的数据，动态页面动态内容是需要经常更新的数据。动态页面由数据库和相应的应用程序组成。例如，关于表面是由一个数据库和相应的应用程序组成的。例如，有关于产品的信息、关于在线销售的信息以及其他服务。示例包括产品信息、在线销售信息和其他服务。例如当当书店网站（如图33-11所示当当书店网站）。图 3-1 当当网网站homepage 22. 企业．企业网站应收录的内容 网站应收录的内容 企业网站是以企业为主体构建的网站，企业内部网站是以企业为主体构建的网站企业为主体，其内容除了标准网站的内容外，还应强调信息提供。信息提供除了标准网站的内容外，还应重点提供企业信息、产品信息、技术信息和服务信息。 Point 提供有关公司、产品、技术和服务的信息。我们以海尔网站为例，介绍一下企业网站应该收录哪些内容。我们以海尔网站为例，介绍一下enterprise网站应该收录哪些内容。内容。 （（11）企业背景介绍。（图）企业背景介绍。

　　（如图33-22所示）（（22）详细产品信息或服务介绍。（图）详细产品信息或服务介绍。（图33--33）显示）（3 3）技术支持信息。（图）技术支持信息。（图33-44）展示）（​​（44）企业营销网络。（图）企业营销网络。（如图33-55）如图） ）（55）金融报告。（如图）财务报告。（如图33-66）如图）（（66）采集客户反馈。）采集客户反馈。（（77）辅助信息。（图）辅助信息。（图33-77）如图）（88）增值服务。（举例）图）增值服务。（如图33-88）图3-2 Haier网站企业介绍页面 图3-3 Haier网站海尔行业页面 图3-4 Haier网站海尔服务渠道页面 图3-5 Haier网站订购指南页面 图3-6 Haier网站的股市公告页面 图3-7 Haier@k 17@的海尔新闻页面 图3-8 Haier网站的海尔*敏*感*词*页面 e-commerce网站content design process e-commerce网站content design process 通常，电子商务网站的内容设计流程需要下列。通常，e-commerce网站的内容设计过程需要经过以下几个步骤： 经过以下步骤：（（11）采集网站content主题相关的关键信息。

　　) 采集与网站content 主题相关的关键信息。 ((22）设计网站信息结构。) 设计网站信息结构。((33）Select网站operating environment.)Select 网站operating environment. ((44） for web视觉设计与制作。）网页可视化设计与制作。（（55）网站测试与发布。）网站测试与发布。（（66）网站维护与管理。）网站维护和管理 33.2 e-commerce网站内容结构设计 e-commerce网站内容结构设计 33.2.2.1 e-commerce网站目录结构设计 e-commerce网站目录结构设计电子商务网站目录结构应考虑以下因素： 电子商务网站目录结构的设计应考虑以下因素： 11.不要将所有文件都存放在根目录中 不要存放所有文件 都存在在根目录下 22.根据列的内容创建子目录 根据列的内容创建子目录 33.创建独立目录在每个主目录下。在每个主目录下创建一个独立的Images Images目录 44. Directory 目录的层次不要太深。目录的层次不要太深 55.其他注意事项。其他注意事项 33.2.2.2 网站link 结构设计与导航设计 网站link 结构设计与导航设计 11. 网站Link 结构设计.网站Link 结构设计 一般来说，链接结构有两种基本方式网站：一般来说网站的链接结构有两种基本方式：((11）Tree链接结构(*敏*感*词*）)树链接结构(*敏*感*词*）((2 2）星形链接结构（一对多）） 星形链接结构（一对多） 22．网站导航设计。网站网站导航设计@导航设计是网站的链接结构设计@.

　　网站Navigation design 是网站链接结构的设计。 ((11）Navigation bar.) Navigation bar. ((22）Drop-down menu navigation. (Figure) 下拉菜单导航. (如图33-99) 如图) ((33）使用分类列表导航。）使用分类列表导航。（（44）使用图片或小*敏*感*词*导航。（图）使用图片或小*敏*感*词*导航。（如图33-10 10）如图） 图3-9 海尔集团网站下拉菜单导航 图3-10 麦当劳网站第33页。3 电商风格、创意和形象设计网站电商风格网站，创意及形象设计33.33.1 网站整体风格设计网站整体风格设计网站整体风格包括网站的主题风格和装修风格。网站的整体风格包括@主题风格和网站的装修风格。 11.网站的主题风格。网站的主题风格可以分为以下几个步骤： 可以分为以下几个步骤：((11）theme style is建立在有价值的内容的基础上。）主题风格是基于有价值的内容。 （（22）Clear 网站应该给浏览者留下什么样的印象。）明确网站应该给浏览者留下什么样的印象。（33）进一步找出其中最有特色的素材，即最有能力）进一步找出其中最有特色的素材，也就是最能体现网站风格的素材，并将其作为网站的一个特征来体现网站的风格@素材，作为网站的一个特色，重点加强和突出宣传。

　　注重加强和突出宣传。二十二。 网站的装饰风格． 网站的装饰风格常用如下： 常用的有以下几种：((11）organizational装饰风格。)组织装饰风格。((22）functional装饰风格。)function性装饰(33）visibility 装饰风格。)可见性装饰风格。网站创意的产网站创意的一代根据美国广告教授詹姆斯的研究，创意思维是基于美国广告教授詹姆斯的研究和创造性思维过程分为五个阶段： 过程分为五个阶段：（（11）备期。研究所采集的信息，基于旧经验，齐）准备期。研究所采集的信息基于老经验，启发新思想；孵化新思想；（（22）孵化期。咀嚼消化数据，让意识自由发展，）孵化期。咀嚼消化数据，让意识自由发展，任意组合；任意组合y; ((33）启蒙期。意识发展和结合产生创造力；) 启蒙期。意识发展和结合产生创造力；((44）验证期。讨论和修正产生的想法；)验证期.将由此产生的创意讨论和修正；（（55）形成期。设计制作网页，将创意具体化）形成期。设计制作网页，将创意具体化..网站网站CI CI形象设计形象设计所谓所谓CI CI（（Corporate Identity Corporate Identity），意为由远见而来），就是通过远见来统一企业的形象。

　　统一企业形象。以下提供网站image策划的一些经验： 以下提供网站image策划的一些经验： 11．设计公司自己的网站标志（.设计公司自己的网站标志（logo标志）。22.确定网站的主色。确定网站的主色。33.突出@的标准网站字体..突出网站的标准字体. 44.设计一个朗朗上口的slogan..设计一个朗朗上口的slogan. 33.4 电子商务页面设计网站电子商务网站页面设计33.4.44.1页面设计原则 页面设计原则 设计网页时应遵循以下基本原则： 设计网页时应遵循以下基本原则： 11. 网页命名要简洁、规则 网页的命名要简洁、规则22. 确保页面导航良好 确保页面导航良好 33. 主页的设计要一目了然 主页的设计要一目了然 44. 网页应该易于阅读。网页应易于阅读。效果。视觉效果设计合理 6 6.页面下载正常快速。正常和快速的页面下载 33. 44.2 页面的视觉表现 页面的视觉表现 11. 网页的视觉构成。网页的视觉构图（（11）Visual 流程。应遵循以下构图原则：） 视觉流程。应遵循以下构图原则：使主题元素更加突出。

　　使主题元素更加突出。内容和形式表现要统一一、有订单。内容和形式表现要统一一、有订单。在视觉上强调网页吸引力的重点。从视觉上强调网页吸引力的重点。网页设计中的空白应妥善处理。网页设计中的空白应妥善处理。使网页具有一定的节奏感。使网页具有一定的节奏感。提高网页内容的可见性。提高网页内容的可见性。 （（22）点线面知识）点线面知识点线面是构成视觉空间的基本要素是点线面构成视觉空间的表达视觉空间。基本元素是表达视觉形象的基本设计语言。视觉形象的基本设计语言。在网页中，一个单一的小图像可以称为一个点。在网页中，一个单一的和小图像可以称为一个点（示例如图33--12所示）。线是分页的主要元素之一。线是分页的主要元素之一。它决定了分页的现象页面，决定页面的基本现象。元素。（示例显示在基本元素中。（示例如图33-13 13））Surfaces 表面重复平行排列的线或重复线和面的轨迹平行排列或线的线（考试ple 如图所示。 （示例如图 33-14 所示）。图3-12 电影《醉画仙子》的网站 图3-13 NESTEA Drink Korea 网站 图3-14 IBM网站 22. 网页视觉传达设计。网页视觉传达设计在网页设计中，视觉导向成为网页设计的构成在网页设计中，视觉导向成为网页设计构成的重点，合理灵活的使用将提高向受众传达信息的关键点，并合理灵活地使用它，将提高向受众传达信息的准确性和有效性。

　　因此，在网页设计中必须使用灵活性的准确性和有效性。因此，在网页设计上要有弹性。让它活着。首先，视觉过程的逻辑性要强。首先，视觉过程的逻辑性要强。其次，视觉过程必须更具可读性。其次，视觉过程必须更具可读性。第三，视觉规划的战略性。第三，视觉规划的战略性。 33.. 44.. 3 网页版面设计网页版面版面设计就是将图片和文字以最适合浏览的方式排列。布局就是将图片和文字以最适合浏览的方式排列在页面的不同位置。在页面上的不同位置。 11、页面布局设计的基本步骤。页面布局设计的基本步骤（(11）Establish a Draft.) 创建草稿. ((22）粗略布局.) 粗略布局. ((33）定案.) 定案. 22.常见的布局形式 ． 常见的布局形式（(11）"T"结构布局。(如图33-15 15）结构布局。)((22）"口"型布局。（如图）“嘴”布局。（图33-16 16））（（33）“三”布局。）“三”布局。（（44）对称对比布局。）对称(55）) POP POP 布局. 布局如图33--17. 如图3-15 首信EasyPay网站“T”型网页布局3-16 中国国际软件和信息服务交易中心网站的“嘴巴”网页布局 图3-17 ELLE网站的POP布局 33. 布局过程中遵循的基本原则和技巧 布局过程中遵循的基本原则和技巧在版面设计中，通过文字和图像的空间组合表达和谐与美感。

　　在设计网页布局时要遵循一些美感和美感。设计网页布局时要遵循的一些原则： 原则：((11）normal balance.) Normal balance. ((22）Abnormal balance.) Abnormal balance. (33）contrast.) 比较((4 4）serial-view.) 凝视. ((55）blank.) 空白. (66） 尝试用图片解释.) 尝试用图片解释. 33.44.4. 4 网页色彩设计 网页色彩设计11.颜色相关知识.颜色相关知识.色相（Hue Hue.Hue识别是指颜色的出现，也就是区分颜色）。Hue识别是指颜色的出现，是区分种类的名称颜色。例如：红色、橙色、*敏*感*词*、绿色、青色、蓝色和颜色类别名称。例如：红色、橙色、*敏*感*词*、绿色、青色、蓝色、紫色等颜色。紫色等颜色。亮度（ Value Value). 颜色明度 是指颜色的明暗程度， ). 颜色明度是指颜色的明暗程度，反映了颜色的深浅。颜色。它反映了颜色的深度。纯度（Chroma Chroma。颜色的纯度称为饱和度，即颜色）。色彩纯度称为饱和度，即色彩的鲜艳度和浊度。颜色的鲜艳程度和混浊程度。 22. 消色差和彩色的应用。无彩色和彩色的应用可以有冷暖色的倾向。冷暖色调。如图所示，颜色可能有冷色或暖色的倾向。

　　冷暖色如图33-18所示。显示。图 3-18 色环中的冷、暖、中性色 33. 网页配色原理．网页配色原则 在网页配色时，必须遵循以下基本原则。网页配色时，必须遵循以下基本原则（（11）特色。）有特色。（22）合理搭配。）合理搭配。（（33）色彩适合。）颜色适宜性。((44）色的藏性。)颜色联想。(55）注意艺术性。)注意艺术性。44.配色注意事项。配色注意事项( （11）使用单色。）使用单色。（（22）同色系颜色。）同色系颜色（（33）使用对比色或互补色。）使用对比色或互补色。（（4 4）黑的用.) 黑色使用. ((55）Background color use.) Background color Use. ((66）色的量。) 颜色的数量. ((77）Due to不同的国家和种族、宗教信仰和生活）由于不同的国家和种族、宗教信仰和生活的地理、位置和文化修养等不同，地理位置和文化不同人群的修养，不同人群的好恶程度有很大差异。对颜色的好恶程度有很大的不同。 （（8@8）颜色记忆。

　　) 颜色的记忆。 ((99）Color association.) 颜色联想. 33.44.5 网页图片和文字的设计. 网页图片和文字的设计. 11. 网页上的图片. 网页上的图片在网页上. 请注意以下几点使用图片：在网页中使用图片时注意以下几点：（（11）图片采集和选择。）图片采集和选择。（22）图片格式。）图片格式。（（33）图片处理和存储。）图片处理和存储。（（44）网页背景图片应用。）网页背景图片应用。（（55）慎用*敏*感*词*。）慎用*敏*感*词*。22.设计文字的设计。文字的设计((11）文字的四种基本形式的布局。)文字的四种基本的布局形式。((22）字体的使用。)字体的使用。33。44.6的设计网站Home 网站首页的设计首页也叫首页，就是网站的图片页。是网站 图片页面 11. 主页类型。主页类型 22、主页功能模块。主页功能模块 33. 主页设计布局。主页 33.. 44.7 的设计布局。其他页面的设计。其他页面的设计。规划 11. 规划其他页面的原则。规划其他页面的原则（（11）style 一致性。）样式一致性。（（22）special 元素一致性。

　　) 特殊元素的一致性。 （（33）必要链接按钮。）必要链接按钮。（（44）共享信息的一致性。）共享信息的一致性。（（55）尽量为访问者和网上购物者提供便利。）尝试22. 产品页面制作. 产品页面制作 33. 新闻页面设计. 新闻页面设计 本章小结 本章小结 本章详细介绍电子商务网站 内容设计的主要内容本章详细介绍了电商网站内容设计的主要内容和*敏*感*词*法，电商网站内容设计包括网站内容和*敏*感*词*法，电商网站内容设计包括网站原则内容设计、主要内容与功能、内容设计内容设计原则、主要内容与功能、内容设计流程；电子商务网站内容结构设计包括目录流；电子商务网站内容结构设计包括目录结构，l墨水结构，导航设计； 网站 样式、图像和结构、链接结构、导航设计； 网站风格、形象和创意设计是网站内容设计的重要组成部分；第一个创意设计是网站内容设计的重要组成部分；首页和其他页面的制作使用了很多设计技巧，页面和其他页面的制作使用了很多设计技巧和*敏*感*词*法。通过网站信息的组织和设计，我们的*敏*感*词*法。通过网站信息的组织和设计，我们将设计一个完美的电子商务网站。

　　将设计一个完美的电子商务网站。复习题 复习题 11．电商网站内容设计的原则是什么？ 电商网站内容设计的原则是什么？二十二。企业。企业网站应该包括哪些内容？网站应该包括什么？ 33.网站的风格是什么？如何建立网站的主题风格？ . 网站的风格是什么？如何建立网站的主题风格？ 44.网站创造力的阶段是什么？ . 网站创造力的阶段是什么？ 55. 举例说明网站 是什么。举例说明什么是网站CI CI形象设计？形象设计？ 66、页面设计应该遵循哪些基本原则？ 页面设计应该遵循哪些基本原则？ 77. 简述网页设计应遵循哪些视觉构图原则？ 简述网页设计应遵循哪些视觉构图原则？ 88. 页面布局设计的基本步骤是什么？ 页面布局设计的基本步骤是什么？ 99、网页配色的原则是什么？ 网页配色的原则是什么？ 10 10.首页和其他页面的规划原则是什么？ 首页和其他页面的规划原则是什么？