Lancez votre typographie Web avec «Archétype»

Archetype est un outil de conception de typographie qui peut réellement aider à normaliser et à accélérer votre flux de travail typographique. Explorons ce que cela peut faire pour vous dans ce tutoriel vidéo!

Présentation de Archetype

 

Travailler avec Archetype

La création de styles typographiques cohérents et équilibrés pour le Web peut être délicate, mais Archetype vise à vous aider à surmonter vos difficultés en matière de typographie Web. Une typographie correcte dès le début de votre projet garantira la solidité du reste du projet..

archetypeapp.com
  • Visitez l'application sur archetypeapp.com
  • Dès le départ, le style par défaut proposé par les fabricants d'outils vous est présenté. Vous verrez les styles pour les titres et les paragraphes.
  • Vous pouvez enregistrer vos progrès à tout moment ou vous connecter à Google pour conserver l'accès à tous vos projets..
  • Dans la barre latérale à gauche, vous trouverez les commandes. C’est là que vous pouvez choisir les polices, ajuster les tailles et l’espacement, etc..
  • Vous pouvez également utiliser un commutateur pour déterminer si vous concevez pour un mobile ou un ordinateur de bureau..
  • Lorsque vous sélectionnez des polices, vous pouvez vous inspirer des suggestions de couplage..
  • Sélectionnez les tailles en déterminant une taille de police de base (1.6em par défaut) et un taux d'échelle. À partir de ce point de départ, une échelle est construite et vous pouvez ensuite affecter à chaque élément la taille souhaitée..
  • Une fois que vous êtes satisfait des styles choisis, vous pouvez prévisualiser un document pour voir à quoi il ressemble..
  • Vous pouvez ensuite télécharger les polices sélectionnées pour les installer sur votre propre système..
  • Vous pouvez également exporter vers Sketch (vraiment cool) en suivant les instructions, en installant un plug-in Sketch et en copiant / collant un extrait de code fourni pour construire le document dans Sketch..
  • Enfin, vous pouvez exporter tous vos styles en CSS.

En savoir plus sur la typographie Web