本文汇集了大量优秀的ios底部标签栏动效设计,并附上技术实现的指南,对于设计师和开发者都提供了很好的灵感来源和学习资源。
我们每天都见到tab bars,它们指引用户,使得他们能够快速在不同的tab中切换,谁说这些移动端导航的设计一定很无聊呢?
让我们来探索tab bars中的有趣动画,我首先关注的是为ios平台设计的作品,并提到了一些在swift中实现tab bars动画的指南。
WeChat Tab Bar Redesign by Adrian Reznicek for platform
Animated tab bar concept by Cadabra Studio
Camera app tab bar [iPhone X edition] concept by Oleg Frolov for Magic Unicorn
Yoga App Menu Concept by Dannniel
Create a New Document Tab Bar concept by Hoang Nguyen
Fluid Tab Bar Interaction concept by Oleg Frolov
Tab bar active animation by Aaron Iker , based on Valentin Tsymbaluk concept
Animated Tab Bar Icons —Interface concept by Andrew McKay
Tab bar icons by Dimest
Animated Tab Bar Icons — Interface concept and Swift implementation by Ramotion
Tab bar interaction concept by Boyang Zhang
Animated Tab Bar concept by Mauricio Bucardo
Tab bar interaction concept by Kaiseir
loading 动画
如果你想练习设计或者开发底部标签栏,这些指南将帮助到你:
Human Interface Guidelines on Tab Bars.
https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/
Guide on “Starting an iOS Tab Bar App with UITabBarViewController”.
https://codewithchris.com/ios-tab-bar-app/
29 implemented examples.
https://iosexample.com/tag/tab-bars/
Swift UI module library for adding animation to iOS tab bar.
https://github.com/Ramotion/animated-tab-bar
希望你喜欢这小小的灵感,你也可以看看“30个好看的ios动画设计”
https://medium.com/flawless-app-stories/animations-in-ios-30-beautiful-examples-80cb2663c559
- 还没有人评论,欢迎说说您的想法!