各类型网站详细介绍PPT(49张)
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 特点：电子商务类网站重视效率，页面大 气，整洁干净，图文清晰。色彩可选择稳 重、明快的配色方案，并根据不同的商品 类别和消费者定位来选取主体色。
• 当然这些并非绝对。 msn.com
12
框架设计与网站风格
• 资讯类网点需要严谨、清晰和大气的结构 框架来放置大量的信息内容，格局划分对 页面设计相当重要。
• 电视台的网站一般情况下都属于典型的资 讯类网站，报告频道新闻及节目内容，页 面更新快、过期信息多。
• 该类网站设计一方面以信息内容为根据， 另一方面要突出电视台的特色和文化特点。
21
如何确立形象、提高商业价值和保持 内容含金量是设计商务类网站的重点
商务类网站
电子商务网 站
企业网站
企业形象网 站
产品推广类 网站
22
电子商务网站
23
基本介绍
• 概念：电子商务是指整个事务活动和贸易 活动的电子化，通过先进的信息网络，将 事务活动和贸易活动中发生关系的各方有 机地联系起来，极大地方便了各种事务活 动和贸易活动。
信息类网站
定义： 由于其信息资源庞大，结构复杂， 我们把“信息内来自百度文库”作为主要设计依据 的网站称为信息类网站。
1
“信息”与“结构” 是设计信息类网站的 重点。
特点：信息类网站的用户群体年龄跨度
大、文化程度不同、地域覆盖面广，风格 众口难调。设计时必须以用户的共性特征 为依据。用色、细节等不能过于寻求个性 而忽略了共性。
16
大气的网站风格
• 机构类网站需要大气的风格设计，使人 第一时间看到主要的信息条目，给人一 种可靠的、有规模的感觉。
• 要做到大气，注意下列：
1、确定合理的栏式结构 2、采用明亮的色彩 3、信息条目排列有序，网站整洁、适宜阅读
haeinsa
17
框架及色彩
• 机构类网站多为分栏式结构，框架及框 架色彩是设计网站的重点环节
Fimm
13
图片信息与文字信息
• 资讯类网站的信息形式多为文字，如新闻网站、 门户网站等。文字信息过于密集，条目众多， 空隙间隔少，阅读起来会使人感到眼花和眩晕。 若不能很好地缓解信息密度，将会给浏览者造 成阅读不便，而无法长时间停留在网站里。将 导致用户资源逐渐减少，对网站经济利益损失 很大。
• 除了调整文字密度之外，还可以加入一些图片 信息进行调节。阅读起来有徐有缓，浏览者可 以在网站长时间停留。O2 forte
大型游戏资讯网站十分常见，并逐渐 走向垂直门户。
Half project nintendo
9
资讯类网站
10
基本介绍
• 概念：资讯网站不是网络报纸，以信息 内容为主的网站是资讯网站，如杂志网 站、新闻网站、电视台网站等。
• 特点：拥有大量的产品图片信息和过长 的页面是资讯网站的特征。
• 设计：需兼顾考虑如何能合理放下更多 信息，又要体现实用和诚信的特点。
门户类网站客流量大,过多的图片会影响速度,
流失大量客人.
Pixel surgeon
5
多频道统一性 综合类门户网站由于信息 结构庞大,形成多频道的主结构,每个频道 称得上是一个完整的专业网站.
频道与频道之间的内容差别相当大，信 息结构也各不相同，各具风采。 realone.com
6
家族网站 随着各类垂直门户的增加,网站之间为
• Ibs.ru • Design for freedom
11
页面布局与导航
• 对于信息结构复杂、导航个数多的网址，可 以选择横向多排导航条设计。 横排导航占用很少的页面空间，可为页面节 省出更多空间来放置信息内容。
• 竖排导航通常会占用一列分栏，页面上半部 分的信息空间减少了，无法放下更多的内容 在第一屏幕上，这显然不适合门户类网站或 主推信息多的网站。
korea athens2004
18
含义明了的插图
• 对于机构类网站，严格挑选插图特别重要。尤 其是政府网站，网站中的图片和文字都需要斟 酌、慎重，必要时应与网站编辑协商讨论。
• 如果机构类网站的图片太过感性，可能致使网 站无法与浏览者建立良好的沟通，相比之下， 选用主体含义直白、意义深远的插图，设计效 果会好。Tarino2006
通常采用开放式分栏结构，表现大气，
整洁的气氛和权威性。
2
分类
门户网站
信息类网站
资讯网站
机构网站
3
门户类网站
4
1 门户类网站
门户类网站通常分为专业领域的垂直门户网 站与搜索引擎类的入门网站.
门户类网站是互联网中的巨人。拥有庞大的
信息量和用户资源是这类网站的优势。门户网站 将无数信息整合、分类，为上网访问者打开了方 便之门，绝大多数网民是通过门户网站来寻找感 兴趣的信息资源的，巨大的访问量给这类网站带 来无限商机。
了借助知名度,共享用户资源等目的而结成联盟或 进行交叉推广,逐步形成比友情连接更紧密的家族 网站.
大型综合门户在创建和推广期间必定要消耗 大量的资金和人力.若分开创立多个专业门户,并 以同一品牌的文化概念进行推广,会更加容易.另 外,上网要强调效率,在资源众多的综合门户网站 中寻找需要的信息,不如拆分开的专业门户网站 更加有针对性,更加专业.
Ucsusa china
19
商务类网站
20
一个好的网站设计到底能给网络商务 带来多少价值呢？
• 好的网站设计虽然无法直接为企业创造经 济效益，但可以给企业网站带来增值价值， 帮助企业树立企业的良好形象。特别针对 全球贸易类企业，网站设计的好坏往往会 直接影响客户对企业评价的高低。
*商务类网站更需要多一分思量、多一分用 心
家族网站的成员多数为不同行业的大型站点或
同一家公司出品的多个网站
7
门户网站适合采用分栏式结构设计,这是一 种开放式结构,能够营造出大气的网站气氛, 承载大量信息. 门户网站在色彩上:可以采用比较保险的暖 色调为主的配色方案,或是诚信很度高的蓝 色为主的配色方案
8
建设全新的综合门户网站十分困难，而具 有一定针对性的行业门户多起来了，形成 垂直门户的概念，或者叫专业门户。
14
机构类网站
15
基本介绍
• 概念：机构类网站是指包括政府、协会 和团体等各类官方网站。
• 特点：机构类网站既是庄严的入口也是 信息的仓库。是人们了解政府、各类联 盟组织、公益协会的窗口，同时也是它 们对国内外发言的媒体。
• 设计：因浏览者的人群特征不均，因此 设计的色彩选择、细节和风格上以“庄 重”为主要要求。olympic
• 当然这些并非绝对。 msn.com
12
框架设计与网站风格
• 资讯类网点需要严谨、清晰和大气的结构 框架来放置大量的信息内容，格局划分对 页面设计相当重要。
• 电视台的网站一般情况下都属于典型的资 讯类网站，报告频道新闻及节目内容，页 面更新快、过期信息多。
• 该类网站设计一方面以信息内容为根据， 另一方面要突出电视台的特色和文化特点。
21
如何确立形象、提高商业价值和保持 内容含金量是设计商务类网站的重点
商务类网站
电子商务网 站
企业网站
企业形象网 站
产品推广类 网站
22
电子商务网站
23
基本介绍
• 概念：电子商务是指整个事务活动和贸易 活动的电子化，通过先进的信息网络，将 事务活动和贸易活动中发生关系的各方有 机地联系起来，极大地方便了各种事务活 动和贸易活动。
信息类网站
定义： 由于其信息资源庞大，结构复杂， 我们把“信息内来自百度文库”作为主要设计依据 的网站称为信息类网站。
1
“信息”与“结构” 是设计信息类网站的 重点。
特点：信息类网站的用户群体年龄跨度
大、文化程度不同、地域覆盖面广，风格 众口难调。设计时必须以用户的共性特征 为依据。用色、细节等不能过于寻求个性 而忽略了共性。
16
大气的网站风格
• 机构类网站需要大气的风格设计，使人 第一时间看到主要的信息条目，给人一 种可靠的、有规模的感觉。
• 要做到大气，注意下列：
1、确定合理的栏式结构 2、采用明亮的色彩 3、信息条目排列有序，网站整洁、适宜阅读
haeinsa
17
框架及色彩
• 机构类网站多为分栏式结构，框架及框 架色彩是设计网站的重点环节
Fimm
13
图片信息与文字信息
• 资讯类网站的信息形式多为文字，如新闻网站、 门户网站等。文字信息过于密集，条目众多， 空隙间隔少，阅读起来会使人感到眼花和眩晕。 若不能很好地缓解信息密度，将会给浏览者造 成阅读不便，而无法长时间停留在网站里。将 导致用户资源逐渐减少，对网站经济利益损失 很大。
• 除了调整文字密度之外，还可以加入一些图片 信息进行调节。阅读起来有徐有缓，浏览者可 以在网站长时间停留。O2 forte
大型游戏资讯网站十分常见，并逐渐 走向垂直门户。
Half project nintendo
9
资讯类网站
10
基本介绍
• 概念：资讯网站不是网络报纸，以信息 内容为主的网站是资讯网站，如杂志网 站、新闻网站、电视台网站等。
• 特点：拥有大量的产品图片信息和过长 的页面是资讯网站的特征。
• 设计：需兼顾考虑如何能合理放下更多 信息，又要体现实用和诚信的特点。
门户类网站客流量大,过多的图片会影响速度,
流失大量客人.
Pixel surgeon
5
多频道统一性 综合类门户网站由于信息 结构庞大,形成多频道的主结构,每个频道 称得上是一个完整的专业网站.
频道与频道之间的内容差别相当大，信 息结构也各不相同，各具风采。 realone.com
6
家族网站 随着各类垂直门户的增加,网站之间为
• Ibs.ru • Design for freedom
11
页面布局与导航
• 对于信息结构复杂、导航个数多的网址，可 以选择横向多排导航条设计。 横排导航占用很少的页面空间，可为页面节 省出更多空间来放置信息内容。
• 竖排导航通常会占用一列分栏，页面上半部 分的信息空间减少了，无法放下更多的内容 在第一屏幕上，这显然不适合门户类网站或 主推信息多的网站。
korea athens2004
18
含义明了的插图
• 对于机构类网站，严格挑选插图特别重要。尤 其是政府网站，网站中的图片和文字都需要斟 酌、慎重，必要时应与网站编辑协商讨论。
• 如果机构类网站的图片太过感性，可能致使网 站无法与浏览者建立良好的沟通，相比之下， 选用主体含义直白、意义深远的插图，设计效 果会好。Tarino2006
通常采用开放式分栏结构，表现大气，
整洁的气氛和权威性。
2
分类
门户网站
信息类网站
资讯网站
机构网站
3
门户类网站
4
1 门户类网站
门户类网站通常分为专业领域的垂直门户网 站与搜索引擎类的入门网站.
门户类网站是互联网中的巨人。拥有庞大的
信息量和用户资源是这类网站的优势。门户网站 将无数信息整合、分类，为上网访问者打开了方 便之门，绝大多数网民是通过门户网站来寻找感 兴趣的信息资源的，巨大的访问量给这类网站带 来无限商机。
了借助知名度,共享用户资源等目的而结成联盟或 进行交叉推广,逐步形成比友情连接更紧密的家族 网站.
大型综合门户在创建和推广期间必定要消耗 大量的资金和人力.若分开创立多个专业门户,并 以同一品牌的文化概念进行推广,会更加容易.另 外,上网要强调效率,在资源众多的综合门户网站 中寻找需要的信息,不如拆分开的专业门户网站 更加有针对性,更加专业.
Ucsusa china
19
商务类网站
20
一个好的网站设计到底能给网络商务 带来多少价值呢？
• 好的网站设计虽然无法直接为企业创造经 济效益，但可以给企业网站带来增值价值， 帮助企业树立企业的良好形象。特别针对 全球贸易类企业，网站设计的好坏往往会 直接影响客户对企业评价的高低。
*商务类网站更需要多一分思量、多一分用 心
家族网站的成员多数为不同行业的大型站点或
同一家公司出品的多个网站
7
门户网站适合采用分栏式结构设计,这是一 种开放式结构,能够营造出大气的网站气氛, 承载大量信息. 门户网站在色彩上:可以采用比较保险的暖 色调为主的配色方案,或是诚信很度高的蓝 色为主的配色方案
8
建设全新的综合门户网站十分困难，而具 有一定针对性的行业门户多起来了，形成 垂直门户的概念，或者叫专业门户。
14
机构类网站
15
基本介绍
• 概念：机构类网站是指包括政府、协会 和团体等各类官方网站。
• 特点：机构类网站既是庄严的入口也是 信息的仓库。是人们了解政府、各类联 盟组织、公益协会的窗口，同时也是它 们对国内外发言的媒体。
• 设计：因浏览者的人群特征不均，因此 设计的色彩选择、细节和风格上以“庄 重”为主要要求。olympic