Mises en page typographiques : créer des mises en page pour les sites Web et les applications lourds du contenu

Ce cours vous apprendra à utiliser efficacement la typographie lors de la création d'une mise en page.

En considérant des sites comme Reuters ou la nouvelle itération du New York Times et des USA Aujourd'hui, nous pouvons voir comment le web se transforme en compositions typographiques où le contenu est le roi et l'interface utilisateur est minimale, mais pertinente. Pendant ce cours, nous apprendrons à structurer une mise en page efficace pour une page d'éclaboussure et un modèle d'article d'actualité. Nous passerons en revue les bases de la conception réactive, de la composition de la grille et de l'utilisation de la typographie pour construire la hiérarchie visuelle de la composition.

Ce que vous apprendrez

• Esquisser un cadre de fil de haute qualité. Nous aborderons le cornet visuel de l'UX, le wireframing.
• Créer une grille. Vous concevrez votre grille parfaite, en détaillant la façon dont votre application est sur différentes tailles et différents appareils.
• Typographie, aspect et sentiment. Nous aborderons les éléments de base de la typographie, notamment les titres et les sous-titres.
• Les poids visuels et la composition. Nous préparerons des compositions élégantes en utilisant des poids visuels comme la taille, la couleur, la densité, la valeur et l'espace blanc.

Il s'agit d'un cours de conception seulement. Aucun développement ne sera enseigné !

Ce que vous ferez

Vous concevrez une application de lecture d'actualité qui repose largement sur la typographie de bon goût. Pendant le processus de création d'un wireframe, vous envisagerez l'interaction entre les utilisateurs, le placement des actifs et les éléments de conception adaptatifs. À la fin de ce cours, vous disposerez d'une maquette détaillée qui affiche toutes les fonctions de votre application.