当前课程知识点：界面设计导论 > 第三章：界面设计元素 > （1）信息结构与交互设计（1-4） > 第一讲
这节课重点讲述
信息结构和交互设计
信息结构呢就像建筑的结构设计
它规定了空间关系
决定了人们如何进入房间
如何通过颜色 造型
楼梯标识等可以感知的信息
引导人们在空间中行走而不会迷路
每个需要到达的房间
就如同目的信息
结构设计的好坏呢
直接影响到人们对建筑的观感和体验
在复杂的信息世界里
大量的信息
如果没有很好的设计和组织
会影响人们对信息的识别和使用
那信息结构从哪里来的呢
它不是凭空构想出来的
而是根据对使用的情境 内容和用户
这三个要素的分析得来的
在这张图表里
情境 内容和用户之间的交集
就是信息结构的来源
后面我们分别举个例子
来说明这三个要素的含义
首先呢是情境
所有的应用也好
服务也好
都产生于特定的商业
或者是组织的环境中
而这些决定了产品的情境
那具体来说
情境又可以是商业目标
资金 政治 文化 技术 资源和限制
等等几个方面
那为什么说情境和信息结构有关呢
我们举两个不同的例子来做个对比
一个是大都会博物馆网站
另一个是Behance
设计作品交流网站
很显然这两个界面的信息架构
是很不一样的
纽约大都会博物馆
是面向公众传播博物馆价值
和给大众提供服务的窗口
那在这种情境下
定期更新的展会信息
参观和售票服务等等
这都是博物馆界面要展示的内容
我们再来看看Behance这个网站
它的目标呢是打造一个
分享优秀设计和创意的社区
因此呢在信息架构上
它是按照设计的种类
作品的关注度等等来进行组织的
比汉斯社区上的作品呢
都是用户自己上传的
它以作品展示为主
网站的作用
是把作品进行筛选 评级和分类
再传播出去
供人们交流和分享
因为他们定位不一样
所以这两个界面的内容和结构
肯定也是不一样的
我们再来说说内容
内容呢是包括文件 应用程序 服务
模式 元数据
以及完成任务需要的信息沟通等等
内容呢和情境是相关的
比如在博物馆这个特定的情景下
那它的内容就有
博物馆 藏品 最新展览的信息
订票服务和票价这些信息
另外呢内容的数量和质量都很重要
它们对信息的结构 交互
和界面视觉设计
都有很大的影响
最后一个元素是用户
这个我们在前面已经说过了
也就是要考虑产品服务的对象
因为用户的特征决定了信息如何被浏览
如何被使用
那对大都会博物馆来说
来这个网站的用户
也会分为好几种
他们有不同的观览目的
有想去订票的人
有想了解博物馆藏品的人
还有一些人只是上来随便逛一逛
所以在设计上呢
要梳理出不同类型观众
他们想要看到哪些东西
再根据主次和权重依次满足
那以上这些呢
就是我们对信息结构设计的笼统介绍
后面我们将围绕任务设计
信息分类 导航 交互流程
界面草图和界面原型这六个方面
分别进行讨论
-课程简介
--课程简介
-（1） 什么是界面
--什么是界面
-（2）界面设计为什么重要
-（3）UI的进化
--UI的进化
-（4）设计师的自我修炼
--新手的疑问
-第一章总结
--第一章总结
-第一章：界面设计概述--课后习题
-本章概述
--本章概述
-（1） 为什么设计？
-- 为什么设计？
-（2）界面设计流程
--界面设计流程
-（3）视觉优化原理
--视觉优化原理
-（4）可用性评估的基本原则
-第二章：GUI设计心法--课后习题
-本章概述
--本章概述
-（1）信息结构与交互设计（1-4）
--第一讲
--第二讲
--第三讲
--第四讲
-（2） 界面草图与原型设计
-（3）视觉设计原则
--视觉设计原则
-（4） 文字与阅读
--字体设计
-（5）图标
--图标
-（6） 色彩
--色彩
-（7） 动效
--动效设计概述
--动效小制作1
--动效小制作2
-（8）第三章小结
--第三章小结
-（9）学生个人作品网站主页设计体会
--张铁汉
-第三章：界面设计元素--大作业
-前言
--前言
-（1）什么是网页
--什么是网页
-（2）标签与元素
--标签与元素
-（3）文本格式化、块级元素与行内元素
-（4）如何使用H5进行网页布局
-（5）目录、目录结构及在页面中插入图片
-（6）CSS样式表
--CSS样式表
-（7）CSS盒子模型
--CSS盒子模型
-（8）CSS控制文本
--CSS控制文本
-（9）CSS背景、特效、动画
-（10）初识javascript及jquery
-总结
--总结
-邱艺芸-清华大学艺术博物馆APP设计
--邱艺芸
-潘俊丞-阿甘跑步改版界面设计——“趣跑”
--潘俊丞
-王婧-星巴克改版设计
--王婧
-李向阳-DIY服装app设计
--李向阳
-相宸卓-效率软件改版设计
--相宸卓
-周文欣-“你好，安德烈”app设计
--周文欣
-走近游戏交互设计
--走近游戏交互设计
-《稻之道》(作者：于汉杰)
--稻之道-于汉杰
-《思想咖啡》(作者：艾瑞雯)
--思想咖啡-艾瑞雯
-《稻香村京八件销售网页设计》(作者：王依柳)
