Inizia la tua tipografia Web con Archetype

Archetype è uno strumento di progettazione tipografica che può davvero aiutare a standardizzare e velocizzare il flusso di lavoro tipografico. Esaminiamo cosa può fare per voi in questo tutorial video!

Presentazione di Archetype

 

Lavorare con Archetype

Creare stili tipografici coerenti ed equilibrati per il web può essere scomodo, ma Archetype mira a superare i tuoi problemi di tipografia web. Ottenere la tipografia giusta, dall'inizio del progetto, garantirà che il resto del progetto abbia una solida base.

archetypeapp.com
  • Visita l'app su archetypeapp.com
  • A prima vista, ti viene presentato uno stile predefinito suggerito dai creatori di utensili. Vedrai stili per intestazioni e paragrafi.
  • Puoi salvare i tuoi progressi in qualsiasi momento o accedere con Google per mantenere l'accesso a tutti i tuoi progetti.
  • Nella barra laterale a sinistra troverai i controlli. Qui puoi scegliere i caratteri, regolare le dimensioni e la spaziatura, e così via.
  • Puoi anche utilizzare per attivare o disattivare l'interruttore per stabilire se stai progettando per dispositivi mobili o desktop.
  • Quando selezioni i font, puoi trarre ispirazione dai suggerimenti di abbinamento.
  • Seleziona le dimensioni determinando una dimensione del carattere di base (1.6em per impostazione predefinita) e un rapporto di scala. Da questo punto di partenza viene creata una scala e quindi è possibile assegnare a ciascun elemento la dimensione desiderata.
  • Una volta che sei soddisfatto degli stili scelti, puoi vedere l'anteprima di un documento per vedere come tutto appare insieme.
  • È quindi possibile scaricare i font selezionati per l'installazione sul proprio sistema.
  • Puoi anche esportare in Sketch (molto interessante), seguendo le istruzioni, installando un plug-in di Sketch e copiando / incollando uno snippet di codice fornito per creare il documento in Sketch.
  • Infine, puoi esportare tutti i tuoi stili come CSS.

Ulteriori informazioni sulla tipografia Web