标签归档：动效

多案例详解H5移动端页面设计

2015-03-16 | 业界分享, 移动前端, 视觉设计

去年JDC出了不少优秀的武媚娘…不，H5呢，大家都很拼，同时当然也积累了一些经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，想法这几个方面好好聊一聊关于H5的设计，希望对同学们有帮助。

2015-01-04 | 交互设计, 视觉设计

引言：如果把APP比作一位美女，那么icon是她的证件照，界面是她的形体，而动效则是她的肢体语言。在如今玲琅满目的App中，如何脱颖而出？

2014-12-17 | 视觉设计

编者按：虽然本文主要以网页作为实例，这些物理法则公式在移动设备动效设计仍然有用。动画的原理都是想通的。动效作为当今提升网页感官效果的利器，在各种类型的网页中已经全面开花，如何做到自然流畅让用户感觉舒适的动画效果呢？今天就来跟大家聊一聊动效设计的物理法则

2014-12-04 | 交互设计

目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。一、Web App、Hybrid App、Native App 纵向对比首先，我们来看看什么是 Web App、Hybrid App、 Native App。

2014-11-13 | 视觉设计

一个新的设计风格的确立一定会提出他特有的设计原则。而如今设计原则越来越多的关注到了动效的定义。甚至在Android L的Material Design中直接将动效写入的设计原则中：Motion provides meaning （动画表达含义）。

2014-11-12 | 交互设计, 视觉设计

近年来，随着ios和android系统对于动效设计的带动效应，多数产品对于动效设计也越来越重视，从app引导页到动作反馈，从官网介绍到hover效果，动效设计似乎已经成为一个成功产品的标配。

2014-10-29 | 交互设计

iOS和Android的区别，想了很久，也没想出特别多，这两个系统有些东西越来越通用（设计上来说），尤其是Android上，可以实现所有的效果，当然有些看上去iOS很像。长得和iOS很像的Android应用很多，好多大牌也这么做，比如说现在的QQAndroid5.1.1。

2014-10-21 | 视觉设计

看完这篇文章之后，你也许会意识到，你在各种应用里看到的所有动效，其中有80%可能是不恰当的，或是根本没必要存在的。

2014-10-09 | 视觉设计

看过Apple Watch的keynote之后，我们惊讶于其UI体验当中所包含的大量动效。也许是出于渲染效率和电量消耗等方面的考虑，Apple Watch的UI本身相当简约，没有过多的视觉元素；这也使得其中所包含的各种转场动效成为提升使用体验的关键要素之一。

2014-09-29 | 视觉设计

编者按：动效现在是扁平化身边的大红人，哪里都有它的身影，动效能否为扁平化增光？设计师有什么利器可以绘制动效？昨天发现一篇好文，关于这两方面都有实在的干货分享，建议同学们当机立断，先转后赞，特别要记得看。

2014-09-26 | 交互设计

编者按：今天的交互，就像是引诱小孩子吃药的方糖，不但味道得甜，过程还要润物无声，是个不小的考验。今天网易的美女交互设计大神@子木yoyo 分享了6个最流行的交互设计方法，附优秀案例，通俗易懂，可以帮你尽快实现这个目标，来加油吧！

2014-09-18 | 交互设计

作为设计师，相比以前死板的体验，我们越来越看重APP的交互性。这种心态的转变很大程度上可以归因于IOS7的大换脸。IOS7过度动画强调物理变化。从这以后，我们可以看到有很多热门APP上都有非常出色的动效。

2014-08-07 | 交互设计

移动互联网时代已经到来，APP已如天空的繁星，数也数不清。随着手机硬件的不断升级，实现炫酷且流畅的动效不再是遥远的梦想。如果你是APP达人，喜欢试用各种APP，你肯定会发现越来越多的APP开始动效化。

2014-08-04 | 交互设计

现今的界面设计，越来越讲究深度感和空间感，这需要利用动效和对比来实现。可是现实空间与虚拟空间还是有着明显的界限。而我们设计师，却主要面向屏幕内的虚拟空间，这不是《黑客帝国》，我们进不去，那么怎么去设计，让屏幕内的虚拟空间和现实空间一样自然真实呢？

2014-07-13 | 交互设计

论“手势和动效，是如何改变移动应用设计格局的” 在很多新兴的UI设计模式中，核心便是高度成熟的手势设定和动效，历经多年发展，移动游戏掀开了崭新的篇章，效果炫目，操作感强。而网站推广者也发现，网站若能添加更多的交互元素，推广效果将更佳——交互性为王！移动应用设计师和开发者开始重视交互效果。