文 / JUSTIN CONE
在2015年澳大利亚CSSConf上 ,Benjamin De Cock,一个在动效设计上有优先权的交互设计师,分享了多年来的洞见 。他现在是一个在Stripe工作的用户界面设计师,Stripe是一个非常流行的、支付处理平台。Benjamin De Cock,提供了超越UI设计的领域,他拓展和提供了动效设计的最佳练习。
提供最好的练习
在早期我们探索过用户界面的过于浮夸的动效后,De Cock 开始欣赏沉稳的设计传递出来的力量。这是那些发现动效设计有趣的人非常熟悉的过程。最初,你想让一切动起来,却从来不问问自己是否应该动。
所以,在什么时候你应该让一些东西动起来呢?
好的动效设计当然是经过交互经验专业的打磨,De Cock 相信,动效UI设计的重要性有两大主要原因:
1、动效设计帮助用户了解控件之间的交互关系。
2、动效设计能让你的程序感觉更快、更流畅。
仿皮革纹理和照片般逼真的拼接都是拟物化设计的元素,他们试图在数码环境中创造模拟现实世界材质的错觉。而在最近几年,设计师已经拒绝拟物化设计,像谷歌的Material Design, 转移到“扁平化”的设计语言中。
但是De Cock 警告我们说,我们不应该不分良莠,好坏一起丢掉。
在现实世界中,显然没有什么是平坦的。而我认为在软件设计中,丢失这种元素是一种十分可惜的过度简化。
3D实际上帮助了实际上有助于理解对象的行为以及它们之间的相互关系。因此,拟物化设计用来激发我们现实世界中的灵感,以构建我们的界面设计,似乎是一个很好的办法。
优秀的UI动效设计可以是固有的拟物化设计,他可以达到用户熟悉的感觉,因为它使用的是真实世界的物理学原理。而物理是永恒的——不是一个路过的风格。
举个例子,当你操作错误的时候,在Stripe中这种微妙地3D侧旋的交互响应,就像是现实世界中一个人在摇头一样。当你使用拟物化设计的时候这几乎是潜意识的为APP植入人性化动效,在潜意识层面增加和蔼和友善。
掀开这层迷纱
如果你想了解CSS动效的,你可以观看整个演讲。大约在10分钟左右,他开始讲解产生微妙地、有效的动效,如何通过具体的代码操作,以达到最好的性能展示。他同时呼吁要拥抱JavaScript ,JavaScript 协调基于CSS的呈现,并且作为触发扳机和事件框架。
via:UI中国
锐亚教育,游戏开发论坛|游戏制作人|游戏策划|游戏开发|独立游戏|游戏产业|游戏研发|游戏运营| unity|unity3d|unity3d官网|unity3d 教程|金融帝国3|8k8k8k|mcafee8.5i|游戏蛮牛|蛮牛 unity|蛮牛
- 还没有人评论,欢迎说说您的想法!