界面设计概述在线视频

各位同学大家好

我是陆宁

下面由我为大家讲解用户界面设计这一部分

这一部分将分为八个小节来为大家来讲述

第一节是概述部分

第二节是界面设计的一个风格

第三节是色彩设计

第四节布局设计

第五节是界面设计的规范与原则

第六节是界面设计的常见组件

第七节是常见的界面设计

第八节我们将为大家讲解一个设计的一个趋势

我们在第七章的第一节中

我们将其分为四个部分

这四个部分分别是

第一 什么是界面设计

第二 界面设计的常见类别

第三 界面设计的常用工具

第四 界面设计需要做什么工作

在对这节需要学习的内容

有了一个大概的了解以后

我们来讲一下第一节的第一部分

什么是界面设计

界面设计又叫做UI设计

界面设计所包含的范围也非常的广泛

它包括对于软件的人机交互方面的设计

人在操作软件时其操作逻辑的设计

还有界面美观的整体设计

UI设计又分为两种类型

它们分别是实体UI和虚拟UI

互联网所说的UI设计是虚拟UI

也就是现在我们常用到的一些软件的设计等

好的UI设计不仅能让软件变得有个性有品位

还可以让软件的操作

变得舒适 简单 自由

从而充分体现软件的定位和特点

现在我们来讲一下第二个部分

界面设计的常见类别和相关概念

这个部分可以分为两个点来讲

首先是界面设计的常见类别

其次是界面设计的相关概念

那么首先我们先了解一下界面设计的常见类别

常见的类别有以功能实现为基础的界面设计

有以情感表达为重点的界面设计

还有以环境因素为前提的界面设计

下面我们来对这三个常见的类别进行逐个讲解

第一点

交互设计界面最基本的性能是具有功能性与使用性

也就是以功能为基础的界面设计

通过界面设计让用户明白

功能操作

并将作品本身的信息更加流畅的传递给使用者

也就是用户

是功能界面存在的基础与价值

但由于用户的知识水平和文化背景具有差异性

因此界面应该以更加国际化

客观化的体现作品本身的信息

例如图一

这款应用的功能和渐变联系紧密

使用不同的色彩来代表温度

背景的渐变除了装饰性外

更注重功能性

第二点

通过界面给用户一种情感传递

也就是以情感表达为重点的界面设计

这类界面设计注重用户在接触作品时

所产生的感受

通过一些有趣的界面设计使用户在使用界面时

产生情感的共鸣

或利用已有的界面来表达用户的情感

通过这种情感的相互显示

来反映出作品与用户之间的情感关系

例如图二是QQ电脑管家无线安全助手

设计者使用极其有趣幽默的漫画风格

通过趣味性来带动用户的情绪化的反映

第三点

任何一部互动设计作品都无法脱离环境而存在

周围的环境对设计作品的信息传递有着特殊的影响

这就是我们要说的

以环境因素为前提的一个界面设计

环境因素也是多样的

它包括作品自身的物理环境 文化环境

社会环境 节日环境等诸多的方面

因此

营造界面的环境氛围

是不可忽视的一项设计工作

最后要讲的是第三部分

界面设计的常用工具

通过上面的图片

我们可以清楚的看到在制作原型时

我们常用的原型工具

有Sketch Mockflow Axure RP这三个

首先来说一下Sketch

Sketch是近年来比较热门的一个交互原型工具

由于其自带有模板

因此得到了许多设计师的青睐

第二个软件是MockFlow

MockFlow是一个在线的工具

用户界面设计和协作版面编排工具

最后一个是Axure

顾名思义

就是它可以模拟出交互效果或者是网页原型

交互在四个阶段有不同程度的参与

它们分别是

第一 需求阶段

第一 需求阶段

第二 原型阶段

第三 视觉 前端以及开发阶段

第四 优化阶段

下面我们来详细讲解一下这四个内容

首先是需求发现

在这一流程中

需要设计者参与讨论

挖掘需求

同时进行用户需求分析

在这里用户需求分析的方法是我们所熟知的

实地走访用户来做用户调研等

就像这个图中的内容

通过问卷调查的方式来进行用户调研

然后产品人员会根据调研的内容

以及相关内容整理出一个需求文档

需求文档的内容大致包括以下几个方面

首先

产品的名称

第二

产品理念

包括为何做此APP

有何优势

如何做一个市场随便一抓一堆的APP

是否在这方面有优势

第三

产品的定位及特点

包含

项目定位的人群

这些人群的喜好特点等

是电子商务

社交还是其他

第四

产品需要的终端

如Android IOS PC等等

第五

APP功能设定

包含

如需要建立用户个人档案 社交

分享 下单 支付等等

以及第六

App的主要功能流程

第二是原型制作

简单来说就是使用原型工具制作线框图

同时还要探索满足需求的各种解决方案

包括任务流

同时组织评审和论述会

通过评审以后

输出一个确定的线框图和交互说明文档

在这一阶段也可以配合用研

进行实用性测试

以便提前发现问题

第三个要做的是UI设计与切图

UI设计师会根据最终确定下来的原型

进行UI界面的配色 设计

各种不同分辨率的适配

此时设计出来的UI图

经过客户确认过后

最终APP开发出来的

也会跟效果图的页面效果一致

确认以后

设计师会对最终效果图切图

并交付给对应的开发人员

第四个是优化迭代

观测核心数据的变化

进行可用性测试和用户调研

以便优化下一个版本

这个阶段是在完整的APP已经投入市场

然后根据用户使用所反馈的信息

以及需要改进的地方

作出相应的改进和优化