16 interfaces « magazine » pour votre inspiration

Arnaud STECKLE

il y a 6 ans

Possédant leurs propres codants et bonnes pratiques, les interfaces de type « magazine » proposent d’intéressants défis en termes de web design.

Grâce aux nouvelles possibilités CSS comme la mise en page responsive ou encore Flexbox, les interfaces numériques de magazine deviennent de plus en plus intéressantes.

Se libérant des contraintes du format papier, certains sites y font tout de même référence : on y trouve de grandes images, des colonnes ordonnées et des sections bien caractérisées. L’utilisateur de tout bord peut ainsi s’y retrouver et lire l’information de la manière la plus agréable possible.

Il n’existe pas de conseils absolus ou une formule magique pour réussir ce type de mise en page, mais je peux tout de même vous donner quelques conseils avant de vous lancer dans ce type de projet.

Quelques conseils pour un design de type magazine réussi :

Avant de vous lancer, essayer de lister au maximum les différents types d’articles qui seront publiés sur le site (brèves, articles de fond, etc.). Cela vous permettra d’anticiper au maximum sur quel genre de mise en page adopter en fonction de ces types d’articles.
Listez clairement les catégories. Cela pourra vous aider à définir une direction artistique. Faut-il utiliser des couleurs selon les sections ou non, utiliser des styles de mise en page différents, etc.
Définissez une direction artistique photographique si possible, pour être le plus uniforme possible.
Prototypez un maximum pour trouver la mise en page la plus adaptée.
Pensez à l’interactivité : réactions au survol, animations, blocs fixes ou non. Ces éléments doivent toujours apporter du sens et du confort à l’utilisateur.
Restez vous-même et inspirez-vous également de mise en page papier si le magazine en question existe également dans ce format. Pensez aux défis et aux « plus » que peut apporter la version numérique.