{"id":754,"date":"2017-09-25T14:51:29","date_gmt":"2017-09-25T12:51:29","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/interfacce-utente-per-i-variable-font\/"},"modified":"2017-09-25T14:51:29","modified_gmt":"2017-09-25T12:51:29","slug":"interfacce-utente-per-i-variable-font","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/interfacce-utente-per-i-variable-font\/","title":{"rendered":"Interfacce utente per i variable font"},"content":{"rendered":"
\n

Gli strumenti con cui facciamo design hanno un effetto peculiare sul nostro modo di lavorare: ci pongono vincoli e ci offrono possibilit\u00e0 mentre esploriamo, esaminiamo, creiamo. I variable font ci danno un nuovo, ampio spazio tipografico completamente aperto con cui lavorare. Invece di stabilire nel nulla il valore di singoli elementi di UI, dovremmo usare un approccio ibrido e calcolato nei confronti delle interfacce dei variable font. Come strutturare i nostri tool di design perch\u00e9 si adattino ai nuovi vantaggi che ci forniscono i variable font?<\/p>\n

<\/div>\n

Nonostante fossero in anticipo sui tempi, i precursori dei variable font, Multiple Master e GX, non sono stati ampiamente adottati per svariati motivi<\/a>, tra cui il principale: la mancanza di interfacce utente efficaci che comunicassero la loro utilit\u00e0 creativa ai designer.<\/p>\n

Fin dalla loro introduzione<\/a>, i variable font<\/a> si sono evoluti rapidamente, ottenendo vari gradi di supporto sperimentale<\/a> tra i maggiori browser. Insieme a questo c’\u00e8 l’esaltante capacit\u00e0 dei font di adattarsi in maniera responsive ai vari layout e contesti<\/a>. Nonostante il responsive design<\/a> sia diventato pi\u00f9 standard, devono ancora essere adottate delle interfacce utente con variable font efficaci.<\/p>\n

Numerosi approcci possono rendere i variable font (che possono di fatto ospitare un qualsiasi numero di variazioni) pi\u00f9 semplici da capire e usare. Attraverso l’esplorazione del design e osservando degli esempi preesistenti possiamo vedere in che modo ogni elemento della UI abbia diversi benefici e svantaggi. Noi pensiamo che pochi pattern dovrebbero essere applicati ad ogni caso.<\/p>\n

Abilitare i variable font<\/h3>\n

All’interno dei nostri strumenti di design i variable font presentano una sfida unica: permettere agli utenti di selezionare e cambiare diverse propriet\u00e0 del carattere che vengono presentate dal typeface designer. Questi cambiamenti avvengono lungo un asse di interpolazione, o una linea che riflette i valori di variazione di un font:<\/p>\n

<\/p>\n

La preview di Dunbar, un variable font con due assi, di CJ Dunn<\/a> in Fontview<\/a>. AxisPraxis<\/a> e Typeshift<\/a> (il mio tool di design) sono degli ottimi posti per dare un’occhiata ai variable font!<\/p>\n<\/div>\n

Un variable font pu\u00f2 avere un qualsiasi numero di assi, ma questi possono generalmente essere ridotti ad alcuni assi usati pi\u00f9 comunemente e che \u00e8 pi\u00f9 probabile usare nel Responsive Design. Nella specifica, questi assi di default vengono chiamati registered axes<\/a> . Ciascuno ha un diverso insieme di casi d’uso:<\/p>\n