界面设计流程在线视频

我们无论做什么事

都得有一个先后顺序

先做什么后做什么

那么对界面设计来说呢

有一个科学合理的流程是非常重要的

如果流程错了 事倍功半

流程对了就能提高效率

它能使团队成员之间

可以更好地进行协作

设计是一个

不断迭代不断修改的过程

为了便于理解呢

我们把这个设计的过程呢

简单地分为这六个步骤

第一个步骤呢就是定义设计目标

第二个呢是信息结构的设计

第三步呢是界面设计

第四步交互原型

第五步测试

第六步呢是视觉的设计

下面呢我们逐一进行介绍

首先要明确设计目标

这个设计目标可以是解决一个问题

可以是创造一个娱乐的体验

或者兼而有之

就像打靶子要瞄准靶心一样

这个目标就是把心

如果打偏了你就失败了

如果你是接受甲方的委托设计

那么最好呢甲方可以给出一个

目标明确的任务书

如果不明白呢就需要多次和委托方

进行讨论和沟通

一直到你能够

完整地理解这个设计目标

才能进行创意设计

如果你是自主开发

那么需要进行设计调研

对利益相关人进行访谈

通过分析和洞察提出设计目标

那么这个过程并不简单

有兴趣的同学呢可以看一些

关于设计思维和方法的书籍

平时要多观察多体验多思考

培养发现问题分析问题

和洞察用户潜在需求的能力

例如这张图表

是用思维导图的方式

以环保为主题

梳理的关于怎样养成

环保节能好习惯的一些思考

大家可以平时呢

多做一些这样的一些思考

并且把它记录下来

能够积累很多有意思的点子

说不定哪天就能用上

我们再说第二步和第三步

需要根据设计目标来进行概念设计

这个包括梳理设计内容

和信息结构

以及粗略的视觉草图设计

对交互模式交互过程

进行构思和表现

这个过程不一定是线性的

也就是说不一定是做完第一步

才能再做第三步

或者说做完第二步再做第三步

有时候呢它可能是交叉进行的

也就是说某些设计师

喜欢一边画草图一边画结构图

那么这两个环节没有严格的区分先后

全看个人的习惯

那么这张信息结构图

显示了信息的层级关系

界面草图是界面的粗略设计

也就是概念草图

是以能够表达基本的设计想法和思路

为目的的

那么界面草图呢可以画在纸上

也可以用专门的原型工具

或者是绘图软件来画

这部分内容呢

后面将会通过一个案例来进行介绍

那么设计原型呢

是以快速低成本的方式

把软件产品的交互使用过程

通过视频模拟演示

或者通过代码原型工具等等

制作成可以交互的文件

做交互原型是为了测试和评价

因为界面的使用是动态的

静态的界面视图

不能很好地呈现使用过程

对一个新开发的产品呢

我们请用户来进行测试

可以帮助开发者尽早的纠正错误

提高易用性

使用性测试的内容呢

不在本课讨论的范围内

视觉设计和交互原型呢

它既可以是同一个人来完成的

也可以是不同人协作来完成的

那理想状态下呢

设计师最好能够从

原型设计开始做

这样的话在原型阶段呢就可以

同步考虑界面视觉的预想效果

如果设计原型是由另外一个人完成

那么在视觉设计阶段

要在充分理解原设计者意图的基础上

进行视觉设计的再创造

在一些大型项目中

经常需要相互的协作

那么在整个的设计流程中

经常保持沟通

让视觉设计师尽早的

介入设计的早期阶段

有助于使团队在设计上能够兼容并蓄

保持良好的协作性