认识达内从这里开始

我们在学习运城ui设计培训课程的时候，会掌握许多关于动效设计的知识点，然后通过对不同行业的网页设计进行测试，让学员熟练掌握相关技术知识和设计技巧。而这些知识也可以运用在许多软件开发领域。可以说是非常有用的一种职业技能。当然了，在这里我们就不多介绍关于ui设计培训的课程体系与详细知识点了，感兴趣的朋友可以与我们的在线客服联系。

下面，我们就主要来介绍一下，关于动效设计的一些设计种类和展现形式吧。

动效设计思考

在依据“轻量、亲切、专注”大的设计原则的同时，深入思考动效的设计准则根据品牌理念以及产品需求，最终定下了“流畅、柔和、适度”作为动效关键词，拉近用户和产品之间的距离

运动流畅

在动效实现过程中，不卡顿、不跳帧、不闪动为基本设计原则，如有卡顿，带来的就是负向的体验

节奏柔和

整体的加载体验要符合阿里妈妈的品牌调性，不同的动效节奏会给用户带来不同的感受比如柔和的频率会给人温情、舒缓的体验，同时加载过于急促，反而更容易让用户产生焦躁感同时，要确保整体动效节奏把握和用户主观感受上的一致统一。

适度设计

根据出现以及使用频率，加载动效不建议使用过于复杂的动画效果同时，越独特的动画，往往开发成本也就越高，所以在设计动画效果时，要考量实现成本、平衡设备与方案，设计的最终目的是实现

设计展示

快速感知升级点——引导页设计

引导页设计经过几版方案，最后确定使用吉祥物+升级功能界面的版本。

首先着重突出每个页面展现的功能重点，并将其置入带有故事感的场景中，同时保证视觉留白，让用户对于新功能升级快速感知、一目了然。

轻松学习——功能引导设计

利用统一的对话框、温和到位的文字描述完成每一个功能介绍;并设计了吉祥物线性表情的组件作为可选使用元素，为功能引导增添亲和力，令用户第一时间感受阿里妈妈的品牌性格。

同时使用聚光灯效果突出被解释部分，使功能引导设计达到“易读”的效果，减少急性子人群的反感程度。

场景关联——搜索为空 & 错误页设计

相信没有人会在操作中待见这样的页面，但是对于品牌体验来说，这里恰恰是非常重要的场景。

为了能让用户在不舒适的场景中减少其产生的失落感，得到慰藉，这些场景中要避免消极情绪的设计方案(诸如哭闹等)尽量使用轻松、幽默的风格来展现空白、错误页面。

最终采取了阿袋妈拿着地图各种找不到路的方案 —— 程序出了点小问题?搜不到想要的内容?不着急，我们换种别的思路再试试看~

正向引导——未建计划 & 网络出错页设计

同搜索为空、错误页一样道理。

未建计划?试着打开薛定谔的阿袋妈，一切就会清晰明了;

网络出错?不用担心，阿袋妈的宇宙稳定有序，不一会儿就会回到正轨：)

下拉加载

在符合“流畅、柔和、适度“三个设计原则的同时，我们设定了星球漫步的加载场景整体运动自然流畅，袋鼠跳跃符合自然运动规律，动作柔缓，后面的星球场景跟随袋鼠跳跃，发生缓急变化，增强真实感

整体动效分为两层，袋鼠循环跳跃及背景移动层，避免了动效过于复杂，开发成本过高的情况

宇航员加载动效设定时，我们希望可以设计的更为简洁通过用户的下拉回弹动作，以及背景层的匀速下落，完成宇航员匀速前行的动效效果整体运动与手势结合，自然流畅，节奏频率柔和，同时实现成本更低，减少开发负担

星球加载动效，我们希望可以与手势结合的更紧密在设定时，星球转动的速率与手势下拉的速率保持一致，放手回弹过程中同样会有一个加速反馈，使动效节奏更加自然柔和同时与用户建立小小的互动，建立用户对于品牌的好感

全局加载

在全局加载动效设计过程中，考虑到出现频率较多，不建议设计过于繁琐的动画效果整体视觉上轻量、简洁，通过星球在轨道上的旋转，给用户流畅柔和的视觉体验同时加强加载行为的操作感知，减少网速慢或者需要载入内容较多时等待过程中的焦虑感

达内时代科技集团致力于培养面向电信和金融领域的Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择运城达内培训，不再孤军奋战，轻轻松松做IT高薪白领。运城达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。