Inspirations — L'Humanité Mobile App
4 axes d'exploration · Filtrable par catégorie
Sources
60fps.design
↗
Mobbin iOS
↗
Appshots · Magazines & News
↗
Browsing Mode · Media
↗
🗂
Mon vault personnel
💾 Sauvegardé dans ce navigateur ·
Catégorie…
01 · Visuelles & Design
02 · Interactions
03 · Cards & modules
04 · Scroll & effects
Général
+ Ajouter
Aucun lien sauvegardé. Colle une URL ci-dessus pour commencer.
📋 Copier tous les liens
📄 Exporter en Markdown
🗑 Vider le vault
Tout voir
01 · Visuelles & Design
02 · Interactions
03 · Cards & modules
04 · Scroll & effects
01
Visuelles & Design
DA · typographie · couleur · atmosphère
browsingmode.com
↗
Media & Publishing — DA éditoriale
Les meilleures références de DA pour la presse. Observer la densité d'info, la hiérarchie visuelle et l'identité typographique.
Presse & édito
Typographie
Hiérarchie
appshots.design
↗
iOS Magazines & News — écrans réels
Screenshots d'apps de news iOS en situation réelle. Focus sur les choix de couleur, la gestion de l'image, les contrastes et les styles d'articles.
iOS natif
Couleur
Image
mobbin.com
↗
Mobbin iOS Latest — DA & tendances
Apps récentes iOS pour identifier des tendances : dark mode, typographies display, grilles éditoriales, palettes. Filtrer par "News" pour rester focus.
Design system
Tendances
Dark mode
60fps.design
↗
60fps — DA en contexte d'animation
Comment les meilleures apps traitent l'esthétique quand tout est en mouvement. Révèle ce que les screenshots statiques cachent.
Motion
Esthétique
+
Ajouter une référence visuelle
02
Interactions & micro-interactions
transitions · feedback · états · animations UI
60fps.design
↗
60fps — LA référence micro-interactions iOS
Source numéro 1 : spring animations, rebonds naturels, feedback sur les taps, transitions entre états. Chaque vidéo est une leçon d'intention de mouvement.
Source principale
Spring
Feedback
Reduce motion
mobbin.com
↗
Mobbin — user flows & transitions
Flows complets pour comprendre les transitions de page en page, les états de chargement, les modales. Comment les apps guident l'œil d'un écran à l'autre.
Navigation
Loading states
Modales
appshots.design
↗
Appshots — interactions éditoriales
Observer les apps news pour leurs interactions signature : swipe d'article, barre de lecture progressive, ouverture d'image. Les apps éditoriales ont les micro-interactions les plus soignées.
Édito
Swipe
Barre lecture
+
Ajouter une référence
+
Ajouter une référence
03
Cards & style de modules
composants · patterns · listes · grilles
appshots.design
↗
Appshots — cards éditoriales news
La meilleure source pour les cards d'articles : thumbnail + headline + source + date. Observer la densité d'info, la taille d'image, le traitement du texte de preview.
Cards article
Thumbnail
Densité
mobbin.com
↗
Mobbin — patterns de listes & grilles
Différents patterns de listes iOS : liste verticale dense, grille 2 colonnes, featured + liste, horizontal scroll. Comment chaque pattern change la vitesse de lecture.
Listes
Grilles
Featured
browsingmode.com
↗
Browsing Mode — modules éditoriaux
Les sites d'info web ont les modules les plus sophistiqués. Observer l'articulation article "une" vs liste secondaire vs formats courts — transposable mobile.
Web → Mobile
Hiérarchie
60fps.design
↗
60fps — modules en interaction
Voir comment les cards se comportent en mouvement : entrée en scroll, expansion, swipe pour archiver. Les modules ne sont jamais statiques dans une bonne app.
Modules animés
Expansion
+
Ajouter une référence
04
Scroll & effects
parallax · sticky · reveal · inertie
60fps.design
↗
60fps — scroll physics & inertie
Rubber band, momentum, scroll velocity-linked animations. Observer comment les meilleures apps utilisent la physique du scroll sans l'alourdir.
Source principale
Physics
Momentum
mobbin.com
↗
Mobbin — sticky headers & nav behavior
Header qui se cache, barre de lecture progressive, titre qui apparaît, bottom bar qui disparaît. Ces patterns définissent le rythme de lecture d'une app éditoriale.
Sticky nav
Progress bar
appshots.design
↗
Appshots — parallax & hero scroll
Les apps magazine traitent souvent le hero d'article avec des effets parallax. Observer comment l'image "aspire" le lecteur dans l'article au scroll.
Hero image
Parallax
browsingmode.com
↗
Browsing Mode — scroll reveals éditoriaux
Animations d'apparition au scroll : fade-in, slide-up, stagger sur les listes. Ces patterns web s'adaptent bien au mobile avec un peu plus de subtilité.
Web → Mobile
Reveal
Stagger
+
Ajouter une référence
✓ Copié !