Flutter : Splash, graphisme et polices

A) Création d’un splash screen :

Splash Screen, permet au démarrage de présenter rapidement un logo ou une image  : https://pub.dev/packages/flutter_native_splash

Pour une image animée, utilisez LOTTIE :

Référence :

https://medium.com/@turkergurel19/native-animated-splash-screen-with-lottie-in-flutter-21761532813b

B) Polices de caractères :

The google fonts plugin allows you to easily use any of the 977 fonts from fonts.google.com in your Flutter app. If you want to spice up your typography, you may give it a try.

Developers who build applications have to deal with fonts. Fonts make the look and feel of the app. Choosing the right font can make your app more attractive and aesthetic

So Today I am gonna share some the best fonts for Flutter Apps.

Open Sans

It is best for website and app prolonged usage and legibility. it’s used by top Indian fintech app PayTm and it’s by google fonts

Montserrat

It’s best for minimal and modern website and apps. it’s used by knowing design nd it’s also by google fonts

Roboto

It works well as the default app font including chat app, Ecommerce and more. it’s used by google material design.

Playfair Display

It’s good for stylised, elegant and sophisticated websites and mobile apps. Vogue and BMW website have used this font.

Proxima Nova

It’s great for modern and Content Centric website and mobile apps. Buzzfeed and Mashable have used this font.

Sprite Sheet Animations in Flutter : https://medium.com/flutter-community/sprite-sheet-animations-in-flutter-1b693630bfb3

https://blog.devgenius.io/5-plugins-that-i-use-in-every-flutter-project-ab2f3dc1bfc2

C) Divers :

Pour garder l’écran allumé (supprimer la veille) : https://pub.dev/packages/wakelock

E) Look de l’application :

https://medium.com/flutter-community/use-these-dart-flutter-packages-for-more-beautiful-uis-f3a7787d7ac9

F) Un look en relief :

https://pub.dev/packages/flutter_neumorphic/example

NeumorphicButton(
              onPressed: () {
                print("onClick");
              },
              style: NeumorphicStyle(
                shape: NeumorphicShape.flat,
                boxShape: NeumorphicBoxShape.circle(),
              ),
              padding: const EdgeInsets.all(12.0),
              child: Icon(
                Icons.favorite_border,
                color: Colors.back,
              ),
            ),
Articles récents
Commentaires récents
fatima dans Bienvenue !
AdminDroid dans Bienvenue !
fatima dans Bienvenue !
Archives
Catégories