6个问题,带你全面了解交互设计

1 评论 10750 浏览 72 收藏 6 分钟

随着行业的发展,只会图形 UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。

本文主要是以下6个问题的讲解~

1. 什么是交互设计

2. 当今UI 设计师的能力要求

3. 交互设计主要做什么工作内容

(1)产品UI框架设计

(2)产品UI风格设计

  1. 产品UI 框架选择
  2. 简单式(单一内容)
  3. 翻页式(多页内容)
  4. 宫格式(较多入口)
  5. 上导航
  6. 下导航(4-5大类+分支内容)
  7. 舵式
  8. 抽屉侧边栏(1个重点+其他次要内容)
  9. 隐藏式

4. 线框原型图绘制方法

  • 方法一:黑白灰+色块
  • 方法二:黑白灰+高保真图形
  • 方法三:黑白灰+突出色+高保真图形

5. 交互流程图绘制

6. 动态交互原型设计

我们一个个来看~

1. 什么是交互设计

可以简单理解为交互设计是偏向理性的设计,图形设计是偏向感性的设计。这两部分构成了我们常说的UI设计,user interface design.

UI设计为什么要包含理性的交互设计呢?这要从2007年移动互联网爆发说起,那时图形UI设计炫酷之风盛行,例如当时音乐播放器设计,都是这种模拟唱片或磁带的写实风。

但今天这些设计都被改掉了。其实好用的相册是方便用户更快索引照片。好用的音乐播放器不是模拟超写实图标,还不如歌词与音乐同步,甚至不如翻译英文歌词有价值。

所以,用户更需要解决实际问题的设计。

2、当今 UI 设计师的能力要求

随着行业的发展,只会图形UI 设计和只会交互设计的设计师职业生涯都会遇到瓶颈。

3、交互设计做什么

产品架构设计

也就是将众多的需求按照最终呈现的页面进行架构设计。

产品 UI 风格设计

我们以IOS为例子,你会发现一个平台是由多个系统控件组成的,不同控件解决不同的问题,这些控件组成了软件平台的UI操作风格。例如IOS和windows的UI操作风格就完全不同。

  1. 产品UI 框架选择
  2. 简单式(单一内容)
  3. 翻页式(多页内容)
  4. 宫格式(较多入口)
  5. 上导航
  6. 下导航(4-5大类+分支内容)
  7. 舵式
  8. 抽屉侧边栏(1个重点+其他次要内容)
  9. 隐藏式

4、线框原型图绘制方法

  • 黑白灰+色块
  • 黑白灰+高保真图形
  • 黑白灰+突出色+高保真图形

5、交互流程图绘制

交互设计是面向过程的设计,所以需要描述清楚产品整体使用流程及相应的情况。使用交互文档进行描述是很好的方式,交互文档将作为技术开发,测试及设计人员进行全面的界面设计的依据。

6、动态交互原型设计

为了更好的将产品的动态展示给Boss或者其它相关团队成员,可以用最简单的方式进行动画演示,让成员可以更快更好的理解产品的使用。

好~以上内容就是全部内容了~

 

作者:百度UE讲堂

来源:微信公众号【百度UE讲堂】

版权声明:人人都是产品经理尊重行业规范,所转载的文章都注明作者和来源,若标注有误,请联系主编QQ:419297645更改。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 我现在还是一个没毕业的UI学员,其实并没有评论的资格,只是站在我个人角度希望前辈能在某些部分写多举一点例子帮助我理解

    回复