当前课程知识点:界面设计导论 >  第一章:界面设计概述 >  (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)设计师的自我修炼

--新手的疑问

--访谈|linkedin设计师-顾盼

--访谈|爱奇艺设计师-张乙申

--访谈|爱奇艺用户体验设计中心负责人-李威

--访谈|创新工厂人工智能工程院副总裁-吴卓浩

-第一章总结

--第一章总结

-第一章:界面设计概述--课后习题

第二章:GUI设计心法

-本章概述

--本章概述

-(1) 为什么设计?

-- 为什么设计?

-(2)界面设计流程

--界面设计流程

-(3)视觉优化原理

--视觉优化原理

-(4)可用性评估的基本原则

--可用性评估的基本原则

-第二章:GUI设计心法--课后习题

第三章:界面设计元素

-本章概述

--本章概述

-(1)信息结构与交互设计(1-4)

--第一讲

--第二讲

--第三讲

--第四讲

-(2) 界面草图与原型设计

--界面草图与原型设计

-(3)视觉设计原则

--视觉设计原则

-(4) 文字与阅读

--字体设计

-(5)图标

--图标

-(6) 色彩

--色彩

-(7) 动效

--动效设计概述

--动效小制作1

--动效小制作2

-(8)第三章小结

--第三章小结

-(9)学生个人作品网站主页设计体会

--张铁汉

--案例:国家地理杂志的APP改版设计

-第三章:界面设计元素--大作业

第四章:从设计到实现:H5网页基础概念

-前言

--前言

-(1)什么是网页

--什么是网页

-(2)标签与元素

--标签与元素

-(3)文本格式化、块级元素与行内元素

--文本格式化、块级元素与行内元素

-(4)如何使用H5进行网页布局

--如何使用H5进行网页布局

-(5)目录、目录结构及在页面中插入图片

--目录、目录结构及在页面中插入图片

-(6)CSS样式表

--CSS样式表

-(7)CSS盒子模型

--CSS盒子模型

-(8)CSS控制文本

--CSS控制文本

-(9)CSS背景、特效、动画

--CSS背景、特效、动画

-(10)初识javascript及jquery

--初识javascript及jquery

-总结

--总结

《界面设计导论》作品分享活动

-邱艺芸-清华大学艺术博物馆APP设计

--邱艺芸

-潘俊丞-阿甘跑步改版界面设计——“趣跑”

--潘俊丞

-王婧-星巴克改版设计

--王婧

-李向阳-DIY服装app设计

--李向阳

-相宸卓-效率软件改版设计

--相宸卓

-周文欣-“你好,安德烈”app设计

--周文欣

2020年春活动:“和美院学生聊聊界面设计”

-走近游戏交互设计

--走近游戏交互设计

-《稻之道》(作者:于汉杰)

--稻之道-于汉杰

-《思想咖啡》(作者:艾瑞雯)

--思想咖啡-艾瑞雯

-《稻香村京八件销售网页设计》(作者:王依柳)

--《稻香村京八件销售网页》(作者:王依柳)

什么是界面笔记与讨论

也许你还感兴趣的课程:

© 柠檬大学-慕课导航 课程版权归原始院校所有,
本网站仅通过互联网进行慕课课程索引,不提供在线课程学习和视频,请同学们点击报名到课程提供网站进行学习。