《Motion Design for iOS》(三十四)

2021-11-23 13:26:31 浏览数 (1)

构建Jakub Antalik的音乐播放器

Jakub是斯洛伐克的一名出色的设计师,已经设计了一些经常发布到Dtibbble去的非常有创造力的界面。其中一个作品非常打动我,那是一个很有趣的例子,证明了界面上每次操作一个元素的断断续续的动画是如何抓住用户的眼球的。在本指南的早期我展示了一个他设计的音乐播放器,含有一些很酷的内置动画,这里我们再看一下。

所以这里他明显使用到的技术是什么?他操纵了动画的开始时间。通过让每个元素比另一个元素慢一点动画到屏幕上的位置,并按照行的顺序操作屏幕上的每一个元素,就形成了一个非常整齐的波浪效果,感觉就像每个元素都被前一个元素用橡皮筋带动的一样。

让我们重建他音乐播放器概念的第二个屏幕:歌曲列表。

首先,我们需要重建设计来切片元素并且尽可能整齐地分开动画它们。我拉出我选择的设计工具:Photoshop,然后开始工作。musicplayer.psd文件是放置该设计文件的地方,如果你喜欢的话可以打开来检出它。我不会详细说明如何用Photoshop创建这个设计,但文件和设计都足够简单和直接。

这里是我重建的第二个屏幕的歌曲列表。

0 人点赞