1984年比尔·摩格理吉（Bill Moggridge）第一次提出“交互设计”这个概念，但其实在这之前“交互设计”就已经存在并被使用。
有人的地方，就存在交互。交互这个行为的产生是和人紧密相关的。交互设计Interaction design最初作为应用哲学的一个分支，从人类诞生之初就产生了，人和人之间、人和物之间都可以产生交互行为。
我们所说的交互设计，主要就是指人和物之间的交互手段、交互行为、交互方式的设计。
远古人类在手握木棍钻木取火时，人类手握梭镖投向猎物时，都和“物”产生了交互行为。木棒材质、长短、粗细的选择，梭镖材质、长短、黑曜石切削捆绑的角度、方法都可以归入交互设计的范畴。随着人类社会的不断发展进步，人类可以与之交互的“物”也从最简单的武器、工具变为工艺复杂的机器。
在工业革命之前的数千年时间里，“好用”这个衡量用户体验优劣的标准，在极大程度上要让位于“能用”这个生存标准，而作为提升易用性的手段之一的交互设计，也就需要让位于实现基本功能这个目标。即在“能用”的基础上小幅度地提升易用性。所以我们可以发现基本的农具，比如犁在几千年里外型基本没有发生过大的变化。
做一名交互设计师需要树立正确的价值观
最重要的便是这三个点：责任、执行力和态度
小More非常认同这个观点
只有优秀设计技能的只能算是一个出色的设计工匠
而既有一流设计技能
又有崇高价值观的才能成为真正的杰出设计师
所谓：无生活，不交互
是因为交互设计是以人为本的设计
交互设计师则是一个让生活变得更美好的职业
好的设计是在恰如其分的情况下，为用户呈现信息，而不让信息喧宾夺主。
什么是信息？
信息，指：音讯、消息、通讯系统传输和处理的对象，泛指人类社会传播的一切内容。
看起来不是很好理解，缩小定义范围，在互联网中界面中，信息载体一般是PC和移动设备。
界面信息有图文、语音、视频，我们常作的原型都是以图文为结构，辅助动效设计。
那么，产品原型的构成是什么？
我们从真实产品界面进行逆推，选了两个非常常用的产品，页面结构都很复杂，但是表现差别很大。
淘宝App首页
淘宝的首页相对复杂，界面元素非常多，当你看到一个页面的时候，先看页面整体结构。把页面拆分成模块，好的产品，模块划分都是非常清晰的，显然这个页面也是非常清晰地呈现了非常多内容。
再看具体每个模块的基本构成，小图标、色块、线条、文字，这是最基本构成。
仔细观察你会发现，对信息的呈现根据需要的不同，强弱表现不同。
顶部的小图标配文字说明，图表都是线条构成，这里没有用色块填充图标，因为需要更好的融入背景色块，保证识别度的情况下，降低干扰，信息提现的非常轻。
再看搜索白块的内容，整个白块占的面积最大，也是头部中最醒目的部分，中间有一个搜索图标，一个拍照图标，同样是采用的线，并且有一个小细节， 图标的线都没有把图标连满，让图标更轻了。中间还有灰色的文字，显示了最近搜索过内容，并且会变化。
再看热搜，采用了轻微的色块，中间输入文字，而不是用边缘线。
因为轻微的色块与整体更契合，在不降低识别度的情况下，干扰更低，如果是线，线的距离太小，会强过中间的字。
同样的分析方法，可以细致到最小单位进行观察。
微信首页
微信的内容非常丰富，模块简单，页面色彩简单。微信的信息结构是完全一致的，不论是聊天、群聊、订阅号、服务号、通知。这样微信的信息排列和阅读习惯都一致，最大程度的提高了信息体验。
有一个小细节：为什么一个聊天信息和另一个聊天信息的中间有一根细灰线，但是线没有穿过整个屏幕呢？
因为这根线穿过整个屏幕之后，一个聊天信息和另一个聊天信息被一定程度的阻断了。同时，当用户从上至下寻找信息的时候是优先通过左边的图标来识别的，降低了视觉流的阻断。
为什么会有这根线呢？
因为需要一定程度上区分信息，一条信息是独立存在的。
为什么红点没有数字？
当设置为消息免打扰之后，只显示有新消息，但是不显示数字，进一步降低打扰。
整体设计有一个相同点，那就是使用尽可能地使用更少的元素，更低干扰的元素，清晰表达信息，数据结构清晰。特别是微信，作为一款社交产品在这个页面已经做到了极简。
信息的美，用最基本的文字、图标、色块构成的页面，依然可以做到简单又复杂的设计。
从灰度页面看信息强弱
可以看到灰度之下，模块依然是非常清晰。
作为头部最强的信息——搜索，仍然是最强的，头部的色块能够从视觉上感知到这部分的信息层级是比较高的，看起来就像是头部所在的海拔比下方内容位置要高。可以看到色块的信息强度会比文字高很多。
这里有一个小细节，banner下方有一个小的弧形向内凹。
为什么要向内有一个弧形被切掉呢？
假如不切掉，这个信息块与下方“我的频道”信息块的间距，我们看到是比较近的，那么就要提供更高的间距。
切掉后，整体页面会突然多了一种空间感，没有那么挤压了。同时，也会多了一种向上感，整个页面内容是向上的。
影响就是：banner的信息块被切掉了，非常小的一部分，我认为这是设计的取舍，选择这种方案来解决整个页面空间的问题。
淘宝App首页
假如不切掉，可以看一下页面的情况是这样的：
微信首页
置顶的表现，清晰，但是不是非常强，在没有增加文字和色彩的情况下，用了和顶部一样的灰色作为标识。可以说页面的每一个信息都是不可减少的，微信是一个10亿人使用的产品，非常值得交互设计师像素级别的研究。
微信整个界面都是平的，信息的海拔关系非常的薄弱。利用了色块关系，强调了不同模块之间区别。
以上就是交互设计与我们生活息息相关的一些知识和分析，你有get到吗？
网友评论