黑马先锋学院欢迎您!
优课堂 | 请登录 | 免费注册

黑马先锋学院

7x24小时咨询热线

黑马先锋学院新闻详情

心里有三个思维方向帮你学习UI设计-【黑马先锋IT培训学院】

文章来源:黑马先锋学院 已帮助:742人

心里有三个思维方向帮助你快速学习UI设计

在UI设计中,动效可以有更好的变现力,也更便于接受,但就目前而言,UI动效对于很多人来说还相对陌生,那如何才能构建隔离的UI动效让产品能为用户带来更好的体验呢?下面,黑马先锋学院郑州UI培训小编就分享三个方法帮助你构建合理的UI动效。

一、哪里开始

动效主要是通过UI元素之间关系过渡来帮助用户浏览App。当然还可以通过使用图标、勋章以及插画动效来为App增色,但是建立产品可用性应该优先于增加动效表现力。在展示你的动效设计技巧之前,让我们先从设计一个基本的动效开始,即产品导航之间的过渡。

二、过渡模式

在设计导航之间进行动效过渡时,简单性和一致性是 关键的点。为了达到这个目的,我们将以下2种动画模式中进行选择:

1、基于容器的过渡

如果动画涉及像按钮,卡片或列表这样的内容,则使用基于容器的动画设计,容器通常有很明显的边界。

2、没有容器的过渡

有些作品将使用没有容器的过渡来构建动效设计,例如点击底部导航中的图标,将用户带到新的页面。

心里有三个思维方向帮助你快速学习UI设计

三、 佳方案

1、把事情变的更简单一些

鉴于其动画频率高低与产品可用性密切相关,导航过渡通常应该优先于功能展示。引人注目的动画通常 适用于小图标,勋章,加载或空状态等元素。

2、选择合适的时间及缓动类型

导航过渡应该使用合适的时间,快速过渡优先考虑功能,但是速度也不要太快,防止动画路径迷失。根据动画占用的屏幕比例来选择动画持续时间。由于导航过渡通常占据屏幕的大部分,因此300ms是一个比较有经验的动画时长。相比之下,像开关按钮这种小组件动画持续时间很短,大概在100ms左右。如果过渡感觉太快或太慢,请以25ms的增量调整其持续时间,直到它达到合适的动画节奏。

以上就是黑马先锋学院ui学校设计培训培训小编分享的构建UI动效的3种方法。一旦你能够为产品构建合理的UI动效,那么将会给用户带来更好的体验,从而产生效益。当然UI动效可以让你的作品更生动更能吸引用户,可想要在竞争激烈的职场中占有一席之地,就要不断增加技能。


学校首页| 学校简介| 课程列表| 学校新闻| 学校相册| 教师团队| 联系我们

黑马先锋学院课程请咨询:

沪ICP备18048269号-1 沪ICP备18048269号-1 电子营业执照电子营业执照 教育 教育 全国教育网站 全国教育网站 企业信用等级AA级 企业信用等级AA级 合作/版权/投诉

本页信息由注册用户(机构和个人)自行发布或提供,所有内容仅供参考,任何关于对该用户的推荐都不能替代您的考察核实,本站不承担该用户发布/提供信息的行为或内容所引起的法律责任