1. 兔课网
  2. 资讯
  3. UI设计教程
  4. 设计高手常用的六种图标动效设计思路

设计高手常用的六种图标动效设计思路

351人阅读 2020-07-01 收藏

编者按:学生们已经感觉到未来天气会有多热。以前发的AE教程都很实用,软件也不错,思路也是不可或缺的。如何制作有趣的动画今天,@郑以图标动态效果为例,总结出大师们常用的六种动态效果思想,非常值得收藏作为干货。如今,越来越多的手机应用和网络应用开始关注动态设计。适当的动态效果可以给用户带来愉快的互动体验,这是应用落魄华丽的重要组成部分。图标,也就是图标。在交互过程中,各种图标的应用会随着不同的事件而有不同的转换。举两个例子:音乐播放器播放模式的改变和充电时电源图标的改变。

21dx20151206

过去,图标的转换非常严格,但近年来,在切换图标时添加过渡动画变得很流行,这给用户体验带来了明显的积极效果,并为应用程序添加了很多颜色。然而,面对图标,我们应该如何设计?今天,我想分享一些关于图标在设计的行动的想法。在这里,我想解释一些布局的动态效果是复制的,一些是原创的,只是为了统一风格,使其易于阅读。

一、属性转换法

这是最常见和最简单的图标切换想法。属性包括位置、大小、旋转、透明度、颜色等。如果运用得当,动态效果可以让人眼前一亮。

20dx20151206


目前,绝大多数图标的动态效果都离不开属性的变化,移动是合适的。这种简单而强大的方法有很大的潜力。

19dx20151206

18dx20151206

17dx20151206


二、路径重组法

这可能是另一种动态思维,使人们在习惯了属性转换的动态效果后,眼前一亮。图标的路径(笔画)被重组以形成新图标。在此期间,测试了更多的东西,例如观察两个图标笔画之间的关系。这个想法最近变得相当流行,也很有挑战性。

16dx20151206


15dx20151206

14dx20151206

13dx20151206

mg20151206

12dx20151206

这是一个非常有用的想法。将面转换为面时,线可以用作媒介。一个面首先转换成一条线,然后通过这条线转换成另一个面。类似地,当将线转换为线时,点可以用作介质。一条线可以先转换成一个点,然后通过这个点转换成另一条线。

11dx20151206

这有点抽象。让我们看几个例子。

10dx20151206

9dx20151206

相关文章推荐

学习UI设计和游戏策划有哪些建议?,茶蛋公寓里的游戏UI是什么
中专毕业的人想学习UI设计,有哪些要求?
UI设计师和美工的区别是什么?,UI设计和网页美工的区别是什么
现在UI培训机构那么多,哪家好一点?
学习平面设计和Ui设计一般学费多少钱?学习UI设计差不多要多久?
ui都学哪些东西?,ui需要培训吗如果有设计基础的话?
大学生做UI设计有绝对的优势吗?
请问如何学习UI设计? 学UI设计都需要学什么?
【教程】最全面的UI界面设计配色入门指南
天津的UI设计培训班是怎么样给学员上课培训的?天津UI设计培训机构那好?,UI设计培训,天津哪里的培训机构靠谱?

特别推荐

上一篇>> 设计标志之前要研究的5件事情

下一篇>> UI设计教程:从效果图到UI切图的技巧

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部