Inspiration pour les intégrateurs : des cartes pour construire son design

Le 15/10/2015

Dans Webdesign

L'annonce du material design a créé une hype qui s'est propagée sur de nombreux autres courants du web design, comme par exemple les designs sous forme de cartes.

Si vous aussi vous trouvez le design sous forme de cartes intéressant, mais ne savez pas par où commencer, je vous propose de découvrir cette liste de 9 intégrations dynamiques de cartes.

Si ce point est effectivement un des éléments centraux du material design, il n'est pas n'avec lui et a de nombreux avantages qu'il serait dommage de ne pas prendre en compte, même sans l'utilisation du framework complet de Google. 

De taille assez réduite, elles obligent le designer à concentrer les informations, ce qui permet de faire émerger des idées intéressantes. 
De plus, elles peuvent facilement donner l'impression d'une "existence physique" (avec des rotations pour afficher l'arrière de la carte par exemple), ce qui peut rassurer l'utilisateur.
Enfin, elles se suffisent à elle mêmes, ce qui permet de les utiliser sur de nombreuses pages sans trop de modifications, quel que soit le contexte.

Présenter des informations sous forme de cartes

See the Pen Remix Challenge by David Jones (@VictoryDesign) on CodePen.

See the Pen 2 Sided Digital Business Card by Jesse Couch (@designcouch) on CodePen.

See the Pen Delivery Card Animation by Nikolay Talanov (@suez) on CodePen.

See the Pen Movie Card by Andre Madarang (@drehimself) on CodePen.

See the Pen Shiienurm quote card by Tobias Johansson (@governorfancypants) on CodePen.

See the Pen Business Card /r/web_design -- Ciclop by Eduard Kosicky (@heyitsedward) on CodePen.

See the Pen Card Animation by João Pereira (@joaopereirawd) on CodePen.

See the Pen Article News Card by Andy Tran (@andytran) on CodePen.