动效

每到一年一度的大促季，会场、页面、互动游戏，都在紧张设计之中，这些精美的页面和互动游戏，如何与用户产生联系？必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单，但其实不然，小小的资源位承载着重大的使命，设计上自然也是下了一番功夫，那这一次的双11我 们是怎么做的？请听我细细道来…..

本文以HTML5工具专业性为主要指标，不以名气论高低，内容多以企业网站介绍为依据，辅以使用体验。四个指标，功能是H5工具使用的基础，模板属于工具适用性的象征，定制服务能体现平台的生态性，易用度则是用户友好范畴。

之前总结过一版交互设计流程图，主要是想给自己以后做设计梳理一下过程，但是那份流程里面只有枝干，并没有枝叶，所以针对每个方法我都会撰写一份方法总结，或者说指导，目的就是为以后实践做准备。我期望的效果是，假如一个没有接触过该方法的人看到这份总结，可以按照这个总结一步步完成实验。这就是我最大的目的。下面就是第一份总结《可用性测试方法总结》。

来自 Medium 的设计师在这篇文章中预测了2016年最值得关注的设计趋势 ，而老牌设计博客Designmodo 对此也有自己的看法。新的技术和新的设计趋势 会在2016年逐一涌现，但是总体上来说，它依然会沿着2015的大趋势来逐步演变。可以预见到的是，2016年会有更多的网站使用视频背景，更多基于Material Design 风格的界面设计，幻灯片式的界面切换也会继续火热下去。

最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒 的切换动效，却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范，花了大量时间把玩现在公司线上的产品以及国内外优秀的APP，尤其是苹 果、谷歌自己开发的APP。（如果某些方面在设计规范中并没有给出答案，就在原生APP中找答案吧！）

最近一直在做交互规范总结的工作，在不断梳理页面间跳转逻辑的同时，发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效，却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范，花了大量时间把玩现在公司线上的产品以及国内外优秀的APP，尤其是苹果、谷歌自己开发的APP。（如果某些方面在设计规范中并没有给出答案，就在原生APP中找答案吧！）

当用户完成注册之后，可以选择性地提供额外的信息，而这些信息可能会给给用户带来更加定制化的用户体验 。为了安全起见，绝大多数的网站还是提供了邮箱验证甚至电话验证的环节，甚至提供备用安全邮箱的验证机制。

苹果“Mac之父”Jef Raskin曾经说过：“对于消费者而言，界面就是产品。”界面是用户体验我们产品最直观的接触。把界面做好，将极大的提高用户使用我们产品的愉悦感。所以我们长期以来都在不断追求界面设计的进步，以期在众多的相似产品中脱颖而出。下面我将通过对目前排名比较靠前的几家音乐网站界面做一些简单的分析，阐述一些我对于交互设计的感悟。

媒介与内容从来都不是同质平等的，按照题材来分类书籍与电影，就是以「文化消费品」的眼光来看待不一样的文字。然而不同类别比特本就具有不一样的价值，对于设计师，我觉得文化消费应该分为四类，它们可能占据着我们生活的1/3的时间，需要我们认识并好好分配：

有人说，工科背景出身的交互设计师 跟视觉出身的交互设计 是的区别之一是，前者设计的东西会不够有美感，也就是很Low。虽然逻辑架构，特别是做大型管理系统的时候，可以很快把信息和功能模块归类，但是视觉知识和审美积淀，对我们这种工科生来说， 却是天生的Bug。

高度总结动效设计的基本原则，有大量的案例分析。动效设计在用户体验的提升中到底有没有用呢？ 我们在下面讨论的是为什么要应用动效，以及在那些时候动效，动效的特性等等。

刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具，成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物，事半功倍。

如果设计趋势 仅停留在色彩、交互动效和卡片式界面的讨论，再过两年可能我们就直接掉队了。今天让国外的华裔设计总监Spell和同学们聊聊5个将会影响人类生活方式的UX趋势（VR/AR的兴起、不依赖屏幕为媒介的交互、时间成为设计的核心衡量因素、大数据设计等）。

理清业务逻辑是交互设计的第一步，你必须得拥有非常清晰的逻辑思维，因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景，这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维，那可能就不适合做交互设计了。

好的交互设计 可以区分开有质量的网站和其他普通网站。然而，如果有明显的设计错误，它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计 错误列表，来看看你中枪了没！

如今，移动端H5如雨后春笋般迅速发展花样繁多，无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出？如何使手上的资源发挥最大化？如何扬长避短，做出吸睛的H5？都是摆在我们面前的问题。

挤压和拉伸
预期
登台
连续动作和姿态对应
缓进缓出
弧形运动
次要动作
时序
夸张
立体刻画
吸引力

仔细想想，你会发现我们正处于大屏UI 设计的一个有趣的阶段。2015年推出的Apple TV 已经是第四代产品了，但是其他的同类型产品尚且处于第一代或者说早期阶段。发布会上吹出的牛逼最终还是要经过市场验证，而实际状况比起大家预期的结果，更加复杂。到底要如何给Apple TV 设计APP呢？今天的文章，我将为大家分享一下我们为丹麦最大的内容供应商设计APP的经验和相关的资源，也许能帮大家一窥究竟。

好的产品往往做好了两点：功能和细节设计。功能吸引用户使用你的产品，细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出，优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师，在设计微交互方案的时候不仅要考虑视觉上的冲击力，还要想办法赋予其信息传递的功能。