网页设计信息及信息架构ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
26
组织系统
组织体系 组织结构
27
组织系统
组织体系
1.精确性体系 （A按字母/B按时间/C按地理位置）
2.模糊性体系 （A按主题/B按任务/C按用户/D按隐喻/E混用）
28
精确性 体系
按字母
29
精确性 体系
按时间
30
精确性 体系
按位置
31
模糊性 体系
按主题
32
模糊性 体系
按任务
33
模糊性 体系
17 信息服务
18 管理信息 19 校园经纬 20 站点资源 21 学子天地
现任教授 | 博士名录 | 奖教金 | 奖学金
校报 | 学报 | 学院简报 | 教育信息 | 高教参考 | 粤北大学生 | 心之声 | 集团简讯
校友会 | 校友联谊会 招标采购 外教聘请 | 校际交流 | 来访接待 | 学生交流 | 出国管理 人才招聘 文学院 | 外语学院 | 经济管理学院等21个 党委办 | 纪委、监察处 | 组织部等21个 网络与教育技术中心 | 图书馆 | 档案馆等7个
公选课管理系统 | 本科评估信息系统 | 成人高等教育查询中心 | 贫困生管理系统 | 电话查询 | 财务查询 | 资产查询
教学管理 | 本科评建 | 科学研究 | 成人教育 | 科研机构 | 精品课程 | 学报编辑部
语言学习资料库业 | 生物教学资源 | 计算机课件 | 数模网络课程 | 示范中心 | 核数据资讯
党建工作 | 一周安排 | 院内通知 | 领导讲话 | 晨读公布 | 院长信箱
信息在线 | 激扬青年网 | 健康教育 | 55周年校庆网站
中国教育和科研网 | 华南网 | 广东教育和科研网 等15个
42
青年湖 | 校学生会 | 社团联合会等19个
43
按用户
34
模糊性 体系 混用
35
组织结构
36
37
标签系统
38
标签系统
1.尽量窄化范围 2.开发一致性标签——一致性代表着可预测性 A.风格 B.版式 C.语法 D.粒度 E.理解性
39
40
41
一级分类 1 校情总览
Байду номын сангаас
二级链接
学校简介 | 管理机构 | 现任领导 | 校董事会 | 历史沿革 | 校园风光 | 校训校歌
21
22
23
信息架构
信息建筑师加以 设计结构、决定组织方式以及归类，让用户容易找到 的一项艺术与科学。
24
信息架构
组织系统——以各种方式为用户展示信息 导航系统——协助用户在内容之间移动 搜索系统——帮助用户查找特定内容 标签系统——对用户有意义的语言描述
25
若干问题
1.我在哪里？ 2.我要找什么，怎么找？ 3.我怎么逛这个网站？ 4.这个网站的重要性和独特性是什么？ 5.网站有什么？ 6.发生了什么新鲜事儿？ 7.是否想要我发表意见？ 8.怎么发表？ ……
11
◆ 视觉信息的情感表达
12
13
14
15
16
17
视觉信息的情感表达
网站的情感表达是一种文化解读和观众的视觉感受， 对网站形象的和信息内涵的传达很有帮助， 但也不是所有的网站都需要表达强烈的情感。 作为陈列信息的容器， 很多时候需要尽可能地视浏览者的注意力凝聚在内容上。
18
19
20
信息与信息架构
1
信息与信息架构
信息与信息空间 视觉信息与文化传播 信息架构
2
3
信息与信息空间
信息是网站的生存之本， 但信息必须依附于网站才能进入目标用户的眼睛 信息的陈述——不是说什么，而是怎么说
怎么说的关键是什么？
4
5
6
7
8
9
10
视觉信息与文化传播
气氛是网站媒体非常重要的一个特质， 也称为网站的文化气质。 它是表现网站精神面貌的重要标准。 想要通过页面设计把“目的”诠释的更为成功， 设计师就必须针对网站文化气质的特点进行创意构思。
社团联合会 | 青年志愿者协会 | 韶院乒乓球协会 | 羽毛球协会 | 摄影协会 | 花卉艺术协会
校历 | 校园地图 | 餐厅服务 | 体育设施开放情况 | 住宿服务 | 学校班车
图书馆 | 计算中心 | 现代教育中心 | 后勤服务 | 校医院 | 常用办公电话 | 校园网络服务 | 网络电视 |服 务指南 | 农历公历
2 招生就业
普通高考 | 本科插班 | 留学生招生 | 留学预科 | 进修自考 | 联合办学 | 就业指导 | 职业技能服务网
3 师资队伍 4 电子刊物 5 校友会 6 招标征集 7 国际交流 8 呼唤英才 9 教学机构 10 行政党群机构 11 教辅机构
12 管理系统
13 教学科研 14 教学资源 15 校内协会资源 16 服务指南
组织系统
组织体系 组织结构
27
组织系统
组织体系
1.精确性体系 （A按字母/B按时间/C按地理位置）
2.模糊性体系 （A按主题/B按任务/C按用户/D按隐喻/E混用）
28
精确性 体系
按字母
29
精确性 体系
按时间
30
精确性 体系
按位置
31
模糊性 体系
按主题
32
模糊性 体系
按任务
33
模糊性 体系
17 信息服务
18 管理信息 19 校园经纬 20 站点资源 21 学子天地
现任教授 | 博士名录 | 奖教金 | 奖学金
校报 | 学报 | 学院简报 | 教育信息 | 高教参考 | 粤北大学生 | 心之声 | 集团简讯
校友会 | 校友联谊会 招标采购 外教聘请 | 校际交流 | 来访接待 | 学生交流 | 出国管理 人才招聘 文学院 | 外语学院 | 经济管理学院等21个 党委办 | 纪委、监察处 | 组织部等21个 网络与教育技术中心 | 图书馆 | 档案馆等7个
公选课管理系统 | 本科评估信息系统 | 成人高等教育查询中心 | 贫困生管理系统 | 电话查询 | 财务查询 | 资产查询
教学管理 | 本科评建 | 科学研究 | 成人教育 | 科研机构 | 精品课程 | 学报编辑部
语言学习资料库业 | 生物教学资源 | 计算机课件 | 数模网络课程 | 示范中心 | 核数据资讯
党建工作 | 一周安排 | 院内通知 | 领导讲话 | 晨读公布 | 院长信箱
信息在线 | 激扬青年网 | 健康教育 | 55周年校庆网站
中国教育和科研网 | 华南网 | 广东教育和科研网 等15个
42
青年湖 | 校学生会 | 社团联合会等19个
43
按用户
34
模糊性 体系 混用
35
组织结构
36
37
标签系统
38
标签系统
1.尽量窄化范围 2.开发一致性标签——一致性代表着可预测性 A.风格 B.版式 C.语法 D.粒度 E.理解性
39
40
41
一级分类 1 校情总览
Байду номын сангаас
二级链接
学校简介 | 管理机构 | 现任领导 | 校董事会 | 历史沿革 | 校园风光 | 校训校歌
21
22
23
信息架构
信息建筑师加以 设计结构、决定组织方式以及归类，让用户容易找到 的一项艺术与科学。
24
信息架构
组织系统——以各种方式为用户展示信息 导航系统——协助用户在内容之间移动 搜索系统——帮助用户查找特定内容 标签系统——对用户有意义的语言描述
25
若干问题
1.我在哪里？ 2.我要找什么，怎么找？ 3.我怎么逛这个网站？ 4.这个网站的重要性和独特性是什么？ 5.网站有什么？ 6.发生了什么新鲜事儿？ 7.是否想要我发表意见？ 8.怎么发表？ ……
11
◆ 视觉信息的情感表达
12
13
14
15
16
17
视觉信息的情感表达
网站的情感表达是一种文化解读和观众的视觉感受， 对网站形象的和信息内涵的传达很有帮助， 但也不是所有的网站都需要表达强烈的情感。 作为陈列信息的容器， 很多时候需要尽可能地视浏览者的注意力凝聚在内容上。
18
19
20
信息与信息架构
1
信息与信息架构
信息与信息空间 视觉信息与文化传播 信息架构
2
3
信息与信息空间
信息是网站的生存之本， 但信息必须依附于网站才能进入目标用户的眼睛 信息的陈述——不是说什么，而是怎么说
怎么说的关键是什么？
4
5
6
7
8
9
10
视觉信息与文化传播
气氛是网站媒体非常重要的一个特质， 也称为网站的文化气质。 它是表现网站精神面貌的重要标准。 想要通过页面设计把“目的”诠释的更为成功， 设计师就必须针对网站文化气质的特点进行创意构思。
社团联合会 | 青年志愿者协会 | 韶院乒乓球协会 | 羽毛球协会 | 摄影协会 | 花卉艺术协会
校历 | 校园地图 | 餐厅服务 | 体育设施开放情况 | 住宿服务 | 学校班车
图书馆 | 计算中心 | 现代教育中心 | 后勤服务 | 校医院 | 常用办公电话 | 校园网络服务 | 网络电视 |服 务指南 | 农历公历
2 招生就业
普通高考 | 本科插班 | 留学生招生 | 留学预科 | 进修自考 | 联合办学 | 就业指导 | 职业技能服务网
3 师资队伍 4 电子刊物 5 校友会 6 招标征集 7 国际交流 8 呼唤英才 9 教学机构 10 行政党群机构 11 教辅机构
12 管理系统
13 教学科研 14 教学资源 15 校内协会资源 16 服务指南