当前课程知识点：界面设计导论 > 第一章：界面设计概述 > （1） 什么是界面 > 什么是界面
这一节我们来讲一下什么是界面
什么是界面呢
界面从字面意义上来讲
是指物和物人和物之间的接触面
但是在我们这里
界面主要是指人和人造物之间的接触面
那么界面又被称作为用户界面
英文叫user interface
主要是指人和计算机类的
智能产品之间的交流媒介
我们说好的界面是一张会说话的脸
我们看到工业时代的这些产品
那么它都有一张会说话的脸
为什么呢
我们看到这些产品
看到它的外观 造型 材料
我们就会知道它是怎么用的
如何去使用它
比如这个剪刀 尺子 橡皮 铅笔
我们不需要看任何的说明书
就知道怎么去使用
你说这是不是一张会说话的脸呢
工业时代的产品
它是靠它的外形结构和材料
来和人交流
那么这个产品的设计是工业设计
在信息时代我们有很多智能产品
比如说像计算机 iPad 手机
这些智能产品
它的设计重点
已经从外观造型材料结构转到界面
也就是屏幕背后的信息和内容
那么这些界面并不能从外观上
一眼看出它是怎么使用的
还有一类产品
比如像这个数字电视
那么它有一个软界面
也就是这个电视的屏幕
还有一个硬界面
也就是这个遥控器
那么实际使用过程中
这个软界面和硬界面要配合使用
所以在做界面设计的时候
也是应该软硬界面通盘来考虑
那么在屏幕的后面呢
还有大量的数字内容还有服务
比如说新闻网站 购物网站
那么它们不仅提供内容
还有销售产品
还有送货上门等等这样的一些服务
所以说计算机呢
它是一个包罗万象的平台
它可以安装各种不同的应用
实现人们不同的需求
那么同样的应用呢
还会被用在不同的设备
和不同尺寸的屏幕上面
怎么样设计好这张脸呢
让它自己能说话
让人们能够顺畅地和它交流
更好地为人服务
就变得非常的重要
这类设计呢它既不是工业设计
也不同于以往的平面设计
这是一门综合的学问
它融合了技术和艺术
这样的跨学科的领域
它就是用户界面设计
英文就叫User Interface Design
简称为UI设计
界面呢是人和计算机类的智能产品
进行对话和交流的媒介
那如果没有这样的一个界面呢
智能机器和人就不能互相理解
人们就没法使用这样的高科技类的产品
而站在用户的角度呢
对界面的形式内容
进行的创造性的活动
就被称作为界面设计
那换句话说呢
界面设计实际上就是对人们如何输入
计算机如何反馈如何输出
这样的一个互动过程
和外在形式的设计
下面呢我们介绍一些相关的概念
我们看看这张图
我们看到的和用到的这个界面呢
其实只是冰山的一角
那真正把它托起来的呢
是它底层的这个东西
它们是什么呢
它们是用户的需求和目标
战略和策划 信息和服务 交互和功能
那么什么是用户的需求和目标呢
简单来说呢
就是说它对用户有什么用
用户想用它来做什么
那什么是战略和策划呢
它指的是我们怎么样去规划产品和服务
通过什么途径来实现用户的目标
那什么是信息和服务呢
那信息和服务就是指
在用户实现目标的过程中
我们需要呈现哪些信息哪些内容
我们还要提供哪些服务
交互和功能
它指的是用户怎么样
和我们的产品进行交互
产品能给用户提供什么样的功能
它的实现程度是怎么样的
所以这些底层的愿景
都要通过界面
这个有形的看得见的这个部分
体现出来
比如说我们以谷歌为例
简单解释一下我们前面提到的这些概念
对谷歌来说呢它首要的目标呢
是帮助用户在浩如烟海的这个网络中呢
找到这个需要的内容
而在这个目标下呢
谷歌它采取的策略是
它要做最好的搜索平台
要满足搜索的高效率
要给用户鲜明的品牌印象
所以这个就是谷歌要采取的策略
在这个策略下
logo和搜索框
它就是首页重点要呈现的信息
而在交互性和功能方面呢
那针对用户不同的层次
具体的搜索的需求
又进行了很多的细化
提供了相应的功能
比如说对用户输入字词的联想
记忆 语音搜索
还有对要搜索内容
把它划分为图片 网页还有地图
还有比如说对搜索结果
怎么样进行优化等等等等
按照相关度热度等等进行排列
那这就是它在交互性上面的一个考虑
那么这样的一些措施呢
都是为了一个共同的用户目标
所以最终的界面形式呢
就要体现前面所说的这些东西
当然这只是一个简单的分析
实际上google本身呢
它还有很多其它的目标
但是对于它来说
搜索是它最重要的一个核心的一个功能
为了不干扰这样的一个主要的目标呢
google它把其它的功能呢
也进行了适当的隐藏
所以从这里面我们看到
google界面简洁的背后
它不单是一个美学的问题
而是取决于它的目标 战略
服务 功能等等这些综合的因素
那么我们再来看看这张图
那么这张图里面的
这个小三角中的内容呢
我们对这个界面设计的层次
进行了一个简化
最下面呢是一个信息层
也就是界面设计它的素材它的内容
这一层次
而交互层呢它是指的是这个信息结构
和人际交互过程中如何去规划
那界面呢是它最终呈现给用户的东西
那通过这张图表呢
来说明这个界面设计它不是一个
孤立的一个视觉设计
而是整合了内容 交互和视觉的
这个三方面的设计
那最终呢这所有的设计呢
都会使用户得到一个相应的用户体验
那同时这个用户体验的好坏呢
也就成为了这个评价
界面设计好坏的一个标准了
那这样呢就涉及到的一个概念
就是用户体验
那什么是用户体验呢
用户体验呢它是指这个用户
对产品或服务的综合的感受
那这种感受呢其实包含了
从接触这个产品
到使用产品或服务的全过程
它包括对产品或服务的感知 接受
使用 认可等等这样的认知层面的体验
还有舒适与否等等生理方面的体验
以及最后呢
表现为这个愉悦欣喜
等等这个情感方面的一个体验
那这个著名的学者DONALD A.NORMAN呢
他有一本书叫情感化设计
在这本书里面呢
他提出了这个人的这个体验
有三个层次
一个层次呢是本能层
一个是行为层
第三个是反思层
那什么是本能层呢
本能层的体验
他认为这是这个生理方面的体验
包括这个审美的愉悦
包括生理的愉悦
这就是本能层的一个体验
那么什么是行为层的体验呢
行为层的体验呢
它指的是这个操作方面的这个快感
操纵的愉悦感
还有操纵的顺畅感等等
这是行为层的一个体验
另外还有这个反思层的体验
反思层的体验呢指的是
意识形态方面的一种感受
也就是人们的一种自我认知
目标实现 价值感等等
这种是属于马斯洛
他在这个人的需求金字塔顶端的
那些需求
这叫反思层的体验
那这个人们的对一个产品和服务的
这个体验其实就是
这三个层次体验的一个融合
那我们看到这个iPod这个产品
它从视觉上从这个触感上
从这个听觉上等等
都会给人带来一种
本能层次的一种愉悦感
这就一种愉悦的体验
在行为层面呢这款产品给人
操作的这个顺畅感
操作的乐趣和效率等等
都是满足了人们
行为方面的一种体验的需求
对于这个ipod产品呢
我们看到它这个代表的这种身份
认知 自我目标还有品牌价值等等
那么这属于是反思层的一个体验
产品或服务设计的评判呢
实际上就是对用户体验的一个评判
那用户体验的好坏
也是决定产品能否胜出的一个关键
所以呢在企业里面对用户体验
是十分重视的
在一些大型的这个企业里面呢
他的设计团队分工比较细
也会安排专门的团队来负责
对产品的服务用户体验
进行一个设计和评估
所以我们在这个企业的招聘信息中呢
也经常能够看到这个对
UX设计的需求
那么这个UX呢就是User Experience
也就是用户体验的一个简称
是一个英文的缩写
在一些小型企业里呢
这个UX和UI通常不会分得那么清楚了
一般都是由素质比较全面的设计师
来负责所有的设计
那我们再来看一下这张图表
它反映出这个UX UI和GUI之间
三者的关系
三者之间呢就是我们可以看到
GUI呢它是界面发展过程中的一种形式
那UI呢会包含其它更多的一种界面形式
它还包括软件和硬件
而UX呢
它是站在用户视角的一个系统的设计
它包含了界面设计但是又不限于此
所以呢UX设计师呢
通常需要更加综合的一种素质
-课程简介
--课程简介
-（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设计
--周文欣
-走近游戏交互设计
--走近游戏交互设计
-《稻之道》(作者：于汉杰)
--稻之道-于汉杰
-《思想咖啡》(作者：艾瑞雯)
--思想咖啡-艾瑞雯
-《稻香村京八件销售网页设计》(作者：王依柳)
