干货：让你全方位学习成为一名交互设计师（1.6万字诚意之作）-下

作者: 夜雨y | 来源:发表于2017-02-27 14:32 被阅读2324次

接上篇《让你全方位学习成为一名交互设计师（1.6万字诚意之作）-上篇》

5.交互设计常见案例分析

交互设计日常需要注意积累案例，并从案例中学习总结，只有案例积累得越多，才能形成质变。本章只是简单示意一下交互可以从哪些案例入手。

5.1导航

导航包括：左侧导航、顶部导航、面包屑导航、电梯导航、搜索等。

5.2流程

常见一个完整功能流程

5.3表单

表单包括表单的展示、输入以及数据校验。

5.4反馈

有反馈的才是交互，什么时候用轻反馈，什么时候用重反馈？

5.5场景

离开场景来谈交互，都是耍流氓。

6.交互设计规范及趋势

6.1栅格规范

首先，我们要明确一个观念：交互设计师和视觉设计师是密切配合的，所以交互设计师也需要学习一些视觉设计的知识，以免双方沟通出现问题。栅格化就是视觉设计中的比较基本有用的知识，至少可以规范交互设计师画的原型，没有超过视觉设计师所能承受的“界限”。

我们在设计中常用的是：网页栅格系统，百度百科给出的解释是“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。”

栅格系统详细的应用，可以看这篇文章腾讯高手教你靠谱的布局设定方法，介绍得十分详细，本文不再累述。

这里只简单总结一下学习栅格规范对交互设计的意义：

（1）和视觉设计师一起，达成页面宽度的共识，而不是超出视觉设计的“边界”；

（2）在交互设计时，用栅格化规范模块的布局，整齐的分为N栏，让原型变得更美观；

（3）合理利用栅格，产出“黄金比例”的效果图，例如制作简历或者作品集。

6.2平台设计规范

交互设计师必须掌握的知识点，也是面试必考题：平台设计规范。因为，我们所有的设计，几乎都是基于这些平台来进行设计。

但要注意，不要过度在意平台的设计规范，有一些规范也有自相矛盾的地方，举例摘自：崇书庆发表于妖鹿山设计屯的《【交互小零食】- Ser.02》在iOS9规范中，“关于弹窗中的“推荐选项”应该放在左边还是右边，分了两种情况：如果推荐选项有破坏性，那么应该放在左边。如果没有破坏性，则应该放在右边。但到了iOS10的时候，却变成了推荐选项都应该放在右边。”

以下是一些交互设计师常见需要掌握的规范举例，详细规范需要自行去了解。

（1）IOS10设计规范

为IOS设备设计时必备，可参考站酷文章《设计资讯/资料：iOS10 GUI （附源文件下载）(翻译理论)》

（2）Material Design

喜欢Andriod和Material Design风格的，不容错过，可参考站酷文章《设计资讯/资料：Material Design 设计规范(翻译理论)》

（3）Window10 UWP

来自微软的UWP设计规范，参考官网《设计和UI》

（4）微信小程序

新的热点，了解大平台是怎样做设计规范的。参考微信小程序官网给的规范《微信小程序设计指南》