ios 动画:底部标签栏的概念设计

    xiaoxiao2022-07-13  129

    本文汇集了大量优秀的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

    最新回复(0)