Microtesto

Testo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
L'ausiliare Testo è Visualizzazione nella riga superiore di Pulsante. È orientato alla categoria di dicitura principale Descrizione.

Cosa cambia questa impostazione:
È possibile avere una gerarchia di informazioni in un unico Pulsante.

Consigli per la regolazione:
Impostatelo più piccolo e sottile del testo principale, in modo che non gli tolga il ruolo principale.

Elementi di configurazione.

• Micro testo (fino a 2 righe): brevi integrazioni alle informazioni preliminari del testo principale per accelerare la comprensione del contenuto.

Micro testo è Visualizzazione nella parte superiore interna di Pulsante (sopra la Testo principale); la sua collocazione differisce da "Micro testo" che è Visualizzazione nella parte superiore esterna di Pulsante, Micro testo non sarà Visualizzazione. Adatto per nomi di categorie e testi brevi ed etichettati.

Hover non supportato: Non esiste un'impostazione di stato Hover per Micro testo; le modifiche a Hover devono essere controllate dal corpo Pulsante (Impostazioni stile, Impostazioni sfondo, Impostazioni icona ecc.).

Coloree icona

Potrebbe differire leggermente dall interfaccia reale.

Punto:
Impostare la base Coloree icona. Si tratta del colore che costituisce la base della struttura del livello.

Cosa cambia questa impostazione:
L'impressione finale è determinata dalla relazione con Sovrapposizione e il colore del testo.

Consigli per la regolazione:
La priorità va data ai colori leggibili in combinazione con il testo e Sfondo piuttosto che ai colori che si presentano bene da soli.

Voci di impostazione.

• Coloree testo + Alfa: colore del testo e grado Trasparente. Impostare un colore più debole del testo principale per chiarire la gerarchia delle informazioni.

Font

Potrebbe differire leggermente dall interfaccia reale.

Punti: Impostare Font in Micro testo. Questa impostazione serve a rendere leggibile la struttura del testo anche con testo ausiliario di piccole dimensioni.

Cosa cambia questa impostazione:
La combinazione di Dimensione icona, spessore e Altezza riga determina l'equilibrio principale tra visibilità e testo principale.

Suggerimenti per la regolazione:
Decidere prima la dimensione del carattere e l'altezza della linea e regolare per ultimo il peso e l'interlinea.

Impostazioni.

• Famiglia di font: Tipo di carattere. Abbinare al corpo Font per mantenere un aspetto coerente.
• Peso del carattere: Peso. Più leggero del testo principale, da mostrare come informazione supplementare.
• **Impostare il punto di partenza sul più piccolo Dimensione icona che non verrà schiacciato da SP.
• Altezza riga: Altezza riga, per garantire la leggibilità quando si usano due righe.
• Distanza tra le lettere: spaziatura tra le lettere. Regolare la spaziatura il più possibile per eliminare gli inceppamenti.

Ombra testo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta l'ombra del testo, utile in situazioni in cui si vuole rafforzare la leggibilità su Immagine di sfondo.

Cosa cambia questa impostazione:
La forza dell'ombra modifica l'equilibrio tra visibilità e sensazione decorativa.

Consigli per la regolazione:
È consigliabile iniziare con una Sfocatura minore e un Alfa più basso e aggiungere gradualmente quanto necessario.

Opzioni di impostazione.

• Colour + Alpha: colore dell'ombra e grado Trasparente, usato per aiutare quando la differenza di luminosità tra Sfondo è insufficiente.
• Blur: quantità di Sfocatura. Se il valore viene aumentato troppo, il contorno del testo risulterà sfocato.
• Orizzontale: spostamento orizzontale. Valori estremi possono causare problemi di leggibilità.
• Verticale: spostamento verticale. Una piccola quantità nella direzione del basso è naturale.