Nom de domaine

– Articolo in collaborazione con Penpot –

Dopo aver presentato il layout Flex, il layout della griglia CSS e i componenti in Penpot, sono lieto di farti scoprire oggi una nuova funzionalità che cambierà davvero il tuo modo di progettare interfacce: il Gettoni di design. Ciò che è particolarmente notevole è quello Penpot è il primo e unico strumento di design per integrare i token design in modo nativo !

I token di design sono, ciò che si potrebbe chiamare, decisioni di progettazione centralizzate. È un sistema di coppie a chiave chiave che definisce le caratteristiche visive delle interfacce come colori, dimensioni, distanze, arrotondate, ecc. Penpot segue l’approccio più standardizzato disponibile per i token design (W3C DTCG)che garantisce la compatibilità con molti strumenti e tecnologie!

Questo approccio ti consente di:

  • Centralizzare Le tue scelte di design
  • Mantenere coerenza Tra tutti i tuoi progetti
  • Cambiare rapidamente L’aspetto delle tue interfacce
  • Esportazione e importazione Facilmente questi parametri tra diversi progetti
  • Adatta i tuoi design a piattaforme diverse
  • Gestisci le versioni delle tue decisioni di progettazione
  • Armonizzare progetti multi-marchio E supportare sistemi di progettazione di grandi dimensioni

In questo modo, niente più incoerenze di progettazione e decisioni ridondanti! Con il design dei token, si definisce una volta per tutti i tuoi standard visivi e si applicano in modo uniforme a tutte le interfacce.

In Penpot, il design dei token è organizzato attorno a due concetti chiave:

  1. Temi : ti consentono di creare diverse varianti visive (tema chiaro, tema oscuro, tema mobile, ecc.)
  2. I set : Ti aiutano a organizzare i tuoi token per categorie (pulsanti, titoli, carte, ecc.)

E per il momento, Penpot offre 8 tipi di token:

  • Raggio di confine : per il distretto degli angoli
  • Colori : per i colori
  • Dimensioni : per le dimensioni
  • Opacità : per i livelli di opacità
  • Rotazione : per l’orientamento degli elementi
  • Misurare : per il dimensionamento
  • Spaziatura : per gli spazi
  • Larghezza del tratto : per lo spessore delle linee

L’uso del design dei token è davvero intuitivo. Ti mostro anche tutto questo in questo video:

https://www.youtube.com/watch?v=bfq6frwqade


Il design dei token Penpot rappresenta quindi un bel progresso per tutti coloro che cercano di creare interfacce coerenti e facilmente mantenute. Naturalmente, questa funzionalità, ancora recente, è chiamata ad arricchirsi nel tempo (sto aspettando la gestione della tipografia e i colori del testo con impaziente!).

In breve, se non hai ancora testato Penpot, questo è il momento perfetto per iniziare! È gratuito, open source, disponibile direttamente tramite il browser all’indirizzo Penpot.App.

Buon design per tutti!


Source link

Categorized in:

Tecnologia