loading请求处理中...
手机版 新型创意托付式服务平台 全国站
五一VIP福利活动×
当前位置: 首页 > 威客攻略 > 设计
免费发布需求,接收报价与方案

手机UI设计的十大原则,这些原则应该被认真执行

2017-05-29 17:31:53 阅读 10607次 0 标签: 设计 作者: 蓝blue

  我们已经看过了动效的主要类型和功能。为了设计出真正成功的动效,请时刻牢记Walt Disney最初提出来的动画的10条原则,这些原则可以非常有效地应用在UI设计中。下面一品威客网小编告诉您手机UI设计的十大原则,这些原则应该被认真执行。

手机UI设计的十大原则,这些原则应该被认真执行

  1. 材质

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

  2. 运动轨迹

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

  3. 时间

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

(专业事找专业人做,找相关服务请加小编qq:1482553732,或者您可以小编微信:lanhuahua35,进行沟通交流,也可以直接扫下面微信二维码添加小编微信,专业、优质、低价 ,先服务后付款,不满意不用钱)

小编的微信二维码,如有需求,欢迎扫一扫

手机UI设计的十大原则,这些原则应该被认真执行

  4. 聚焦动效

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

  5. 跟随和重叠

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

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

  6. 次要动效

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

  7. 缓入和缓出

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

  8.预期

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

  9. 韵律

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

  10.夸张

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

  在这篇文章中,我们探讨了动效的类型,以及设计动效的原则。希望能帮助你创造出独特有效的动效。

  这里有需要您记住的且非常重要的5点:

  1. 记住谁是您的目标用户,并且设计您的原型方案去解决他们的问题;

  2. 请确保您的动效的每个元素都具有其背后的基本原因(为什么是这样?为什么会是如此?为什么这个时间点?);

  3. 为了使您的产品有特色,努力模仿自然界的运动模式来创造自然的动效;

  4. 在项目的任何阶段,都要随时与开发人员保持沟通;

  5. 做出好的动效,记得分享哦

    一品威客网汇聚了数百万专业的移动应用UI设计软件UI设计整站网页设计网站模板设计网站标志设计网站广告设计网站动画设计网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。(如需要找相关服务,请加我的qq:1482553732,专业优质,先服务后付款,不满意不用钱)

  更多与“手机UI设计的十大原则,这些原则应该被认真执行相关内容推荐:

一分钟看懂名片设计流程 |  全套VI设计流程图 | 一张图看懂宣传册设计流程 | 

一张图看懂商标设计流程 | 一张图看懂包装设计流程 | 最新广告设计流程图  | 

最新服装设计流程图 |  最新logo设计流程图   |


买创意 买设计 上一品威客网

移动应用UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

移动应用UI设计相关文章

留言(0 展开评论

您需要注册登录才能发表言论

移动应用UI设计服务排行榜
SERVICE LIST 更多
【爱的视觉UI设计标准版】...
¥598元 /件 成交15
爱的视觉
【爱的视觉UI设计简版】交...
¥98元 /件 成交10
爱的视觉
【UI设计】移动端APP界面...
¥300元 /页 成交8
北京维维安设计
【火鹰UI设计】APP设计|UI...
¥500元 /起 成交6
火鹰科技
APP设计界面设计|小程序UI...
价格面议 成交6
八方视觉设计
UI设计 APP界面设计 网站...
价格面议 成交5
集聿坊设计
app原型图UED用户体验设计...
¥16000元 /起 成交5
高手商铺
APP手机UI界面设计
¥10000元 其他 成交4
梦圆天下网络科技
移动UI设计/网站UI设计 ...
价格面议 成交4
舍隐品牌工作室QQ14984874...
三狗移动应用UI图标抠图...
¥1元 /件 成交2
三狗设计工作室