客服热线400-710-6678
×

我要网站建设介绍PPT,输入邮件地址,我们把最新的PPT介绍资料发给您。



标 题:移动APP的9条设计原则
日 期:2017.06.28

上篇介绍了7个移动App 动效的设计技巧,今天再来谈谈移动APP的10条设计原则,帮你做出美观并实用的动效!

设计的主要原则

一、材质

给用户展示界面元素是由什么构成的:轻盈的还是笨重的?死板的还是灵活的?平面的还是多维度的?你需要让用户对界面元素的交互模式有个基本的感觉。

二、 运动轨迹

你需要阐明运动的自然属性。一般原则显示没有生命的机械物体的运动轨迹通常都是直线,而有生命的物体拥有更为复杂和非直线性的运动轨迹。您要决定您的UI要给用户呈现的什么样的印象,并且将这种属性赋予它。

三、时间

在设计动效时,时间是最有争议的和最重要的考虑之一。在现实世界中,物体并不遵守直线运动规则因为它们需要时间来加速或者减速,使用曲线运动规则会让元素的移动变得更加自然。

四、聚焦动效

要集中注意力于屏幕的某一特定区域。例如,闪烁的图标就会吸引用户的注意,用户会知道那有个提醒并去点击。这种动效常用于有太多细节和元素从而无法将特殊元素区别化的界面中。

五、跟随和重叠

跟随是一个动作的终止部分。物体不会迅速地停止或者开始移动,每个运动都可以被拆解为每个部分按照各自速率移动的细小动作。例如,当您扔个球,在球出手后,您的手也依然在移动。

重叠意味着在第一个动作结束前开始的第二个动作,这样可以吸引用户的注意力,因为两个动作之间并没有一段静止期。

六、 次要动效

次要动效原则类似于跟随和重叠原则。简要地讲,主要动效可被次要动效伴随。次要动效使画面更加生动,但如果一不小心就会引起用户不必要的分神。

七、缓入和缓出

缓入/缓出是设计的基础原则,尤其是在移动开发UI动效,和普通的动画制作中同等重要。虽然易于理解,但此原则却常常容易被忽略。缓入/缓出原则是来自于现实世界中物体不可能立刻开始或者立刻停止运动的事实。任何物体都需要一定的时间用来加速或者减速。当你使用缓入/缓出原则来设计动效时,将会导出非常真实的运动模式。

八、预期

预期原则适用于提示性视觉元素。在动效展现之前,我们给用户点时间让他们预测一些要发生的事情。完成预期其中一种方法就是使用我们上述的缓入原则。物体朝特定方向移动也可以给出预期视觉提示:例如,一叠卡片出现在屏幕上,你可以让这叠卡片最上面的一张卡倾斜,那么用户就可以推测出这些卡片可以移动。

九、 韵律

动效中的韵律和音乐与舞蹈中的韵律有着同样的功能;它使动效结构化。使用韵律可以使动效更加自然。

十、夸张

夸张的表现方法常常会被用到,但它并不是那么容易被阐释,因为它是基于被夸张化的预期动作或效果。它可以帮助吸引额外的注意力到特殊元素上。

 

 

无锡网页设计就找无锡海之睿(www.haizr.com)


公司动态 行业信息 网站知识
Are You Interested ?
感兴趣吗?
与我们联系了解更多吧
有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!
  • 网站服务热线:400-710-6678
    邮箱服务热线:400-799-9163
  • 电话:0510-88100198 渠道:0510-80211762
  • 地址:无锡市北塘区中山路637号汇利广场19楼
  • E-mail:fuwu@haizr.com

合作意向表/ Cooperation Form

您需要的服务

您最关注的地方

预算

(欢迎与海之睿网站建设公司建立友情链接,首页交换pr>5,百度排名较好的网络公司及相关行业网站)

版权所有 © 无锡海之睿计算机科技有限公司