如何利用动效提升用户体验

我们不再是设计静态的屏幕，用户将会从我们的设计中看到实际的内容。动画可以讲述故事。不是很长很复杂而是很简单的故事，而像是 “嘿，你现在要看看这个！” 或 “哇，你竞争成功了！”。然而，动效的目的不是娱乐用户，而是帮助他们理解发什么什么事，或者如何有效的使用你的软件。在Zurb的叙述中很清晰的表明了：我们不再是设计静态的屏幕，用户将会从我们的设计中看到实际的内容。图片来源：B

交互体验 2016年11月08日

App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。下面就让我们来看

产品 2016年11月10日

App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。下面就让我们来看

产品 2016年11月28日

动效丨七何分析法帮你全面分析界面动效

@十圆QCee ：以前在团队内部做过一个关于动效的分享，当时，是从现实参照、功能性、品牌，等维度进行分析。这次为了更全面的了解界面动效，我参考了5W2H分析法。5W2H又称七何分析法，分别是：What、Why、Who、When、Where、How、How much。WHAT什么是界面动效？大家对其的理解大致是，用户界面上所有运动的效果，也可以视其为界面设计（UI desig

产品 2016年11月30日

设计师们，停止不必要的 UI 动效设计吧！

这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。我们将在下文中，简单探讨如何改善下面的这个交互。这个反面案例并非假设，而是来自近期的真实客户案例。UI动效设计的反面案例（线上Demo）自从 70、80 年代首个光栅图像在CRT屏幕出现以来，人们对于（数字）视觉设计的态度一直在不断进化。与其他艺术领域不同，在数

产品 2016年11月30日

用微妙动效改善用户体验的简单方法

动效设计能够给网站或个人作品增加亮点，过多的动效也会给视觉造成一定负担。本文提供了设计中动效使用中的简单小方法，一起来学习吧~~应用程序中的动效具有新的改良性的意义。跟过去的华丽、混乱的网站动画不同，新的动画干净、流畅，并且易于导航。忘掉你所知的GIF、令人不愉快的广告和Flash网站吧， 这些都是过去的事情了。当你谨慎并且正确地使用动效时，它能极大地提高用户体验 impr

交互体验 2016年12月02日

APP UI 动效设计中六个基本原则与最高原则

app动效设计，现在已是各位APP设计师学习和临摹的方向。大家也会收集一些好看的APP动效设计作品。学习app动效设计，不是盲目的让界面动起来那么简单，一定不能滥用。要学会克制。在优设网当中的一篇文章给我们阐述了 UI设计师必须知道的UI动态设计规则。也就是APP动效设计的六个基本原则。下面我们先看下一组值得学习的按钮、开关、滑块等控件的动效欣赏，希望能给你设计带来新鲜灵动

产品 2016年12月01日

APP UI 动效设计中六个基本原则与最高原则

app动效设计，现在已是各位APP设计师学习和临摹的方向。大家也会收集一些好看的APP动效设计作品。学习app动效设计，不是盲目的让界面动起来那么简单，一定不能滥用。要学会克制。在优设网当中的一篇文章给我们阐述了 UI设计师必须知道的UI动态设计规则。也就是APP动效设计的六个基本原则。下面我们先看下一组值得学习的按钮、开关、滑块等控件的动效欣赏，希望能给你设计带来新鲜灵动

产品 2016年12月06日

基础知识：聊聊交互设计三要素之细节设计

我们就从布局开始聊一聊交互细节设计。@黄红艺 Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件、适配、音效与动效、流（

产品 2016年12月16日

移动界面动效设计的全方位科普指南

读了这篇文章，你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等，特别全面，强烈推荐收藏学习。动效在用户体验设计中正变得越来越重要，那么动效能带来什么好处呢？体现交互层级： 动态界面使人更容易理解交互层级关系，减轻了人们的认知负担给予反馈： 给人感觉界面是活的，让体验流畅弥补静态页面的表达不足： 在内容优先的设计趋势下，用户界面变的更加简洁。这将给用户带来操作

产品 2016年12月18日