Microcopia

Testo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Impostare la dicitura ausiliaria su Visualizzazione sopra Pulsante (fuori Pulsante). Adatto per appelli brevi e giorno linea Visualizzazione.

Cosa cambia con questa impostazione:
Crea una riga di introduzione che non interferisce con il testo principale e trasmette per prima le informazioni aggiuntive.

Suggerimenti per la regolazione:
Struttura il valore nella prima riga e il supplemento nella seconda riga in quest'ordine per facilitare la lettura.

Elementi di configurazione.

• Testo (fino a 2 righe): mettere l'appello nella prima riga e il supplemento nella seconda riga rende chiara la divisione del lavoro.

Micro testo è Visualizzazione nella parte superiore esterna di Pulsante, che è posizionata in modo diverso da Micro testo nella parte superiore di Pulsante, quindi deve essere utilizzata in base all'applicazione, L'area Micro testo non sarà Visualizzazione.

Le modifiche durante Hover devono essere controllate dall'unità principale Pulsante (Impostazioni stile, Impostazioni sfondo, Impostazioni icona ecc.).

Stile

Potrebbe differire leggermente dall interfaccia reale.

Punti: Imposta il tipo di decorazione Stile. È possibile cambiare il modo in cui viene visualizzato l'ausiliario Testo in breve tempo.

Cosa cambia questa impostazione:
La stessa formulazione può essere utilizzata per cambiare l'impressione di "enfasi" o "supplemento" con Stile.

Consigli per la regolazione:
Preservare il suo ruolo di informazione supplementare, supponendo che non risalti più del principale Pulsante.

Voci di impostazione.

• Stile (01-05): modifica la forza della decorazione e il modo in cui è racchiusa, regolando visivamente la priorità delle informazioni Predefinito è 01.

A seconda del numero Stile, le decorazioni Predefinito come i colori Sfondo, i bordi e Raggio bordo cambiano; anche dopo StileApplica, possono essere sovrascritte individualmente con Bordo, Raggio bordo e Impostazioni colore.

Bordo

Potrebbe differire leggermente dall interfaccia reale.

Imposta il colore, lo spessore e il tipo di linea del bordo che definisce il contorno di Pulsante e lo rende riconoscibile come elemento cliccabile.

Cosa cambia questa impostazione:
Ha l'effetto di rendere il bordo più chiaro, anche nei progetti con colori Sfondo più chiari.

Consigli per la regolazione:
Un bordo troppo spesso indebolisce l'insistenza del testo, quindi è più facile gestirlo iniziando con circa 1px.

Opzioni di impostazione.

• Colour + Alpha: colore del bordo e grado Trasparente; regolare prima qui se il testo è sepolto in Sfondo.
• Larghezza: spessore del bordo. Iniziare con un bordo sottile per evitare conflitti con il testo principale.
• Stile: tipo di linea (ad es. Solido, Punteggiato). Si usa per impostare il tono decorativo.

—.

Raggio bordo

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta la rotondità degli angoli dell'elemento; il tono Marchi (duro/morbido) può essere regolato a livello di impressione.

Cosa cambia questa impostazione:
Il valore Raggio bordo modifica l'aspetto in proporzione a PulsanteDimensione icona.

Consigli per la regolazione:
Puntare a circa il 20-35% di Altezza per ottenere un equilibrio che non sia né troppo rotondo né troppo duro.

Voci di impostazione.

• Raggio dei bordi: rotondità degli angoli. Un valore leggermente inferiore a quello di Pulsante principale facilita il mantenimento della relazione principale.

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 dal 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: Coloree del testo. Utilizzare come guida un contrasto inferiore di un livello rispetto al testo principale.
• Coloree di sfondo/gradiente + Alfa: colore Sfondo. Come elemento ausiliario, regolare la densità a un livello non troppo marcato.

Font

Potrebbe differire leggermente dall interfaccia reale.

Punti:
Imposta il carattere e la struttura del testo di Micro testo. È la chiave per creare leggibilità e gerarchia di informazioni anche in testi brevi.

Cosa cambia questa impostazione:
La combinazione di Dimensione icona, spessore e Altezza riga impedisce che le informazioni supplementari siano "troppo evidenti".

Suggerimenti per la regolazione:
Iniziare con Dimensione icona, che è uno o due passi più piccolo del principale Pulsante e Peso, che è leggermente più leggero.

Elementi di configurazione.

• Famiglia di font: Carattere tipografico. L'abbinamento della famiglia di caratteri con il testo del corpo aiuterà a mantenere una sensazione coerente in tutta la pagina.
• Peso del font: Peso. Più leggero del testo principale trasmette naturalmente la priorità dell'informazione.
• **Si deve determinare prima il valore minimo che non verrà schiacciato dal SP e poi regolare il PC.
• Altezza delle righe`: Altezza riga; evita il blocco di due righe Visualizzazione e garantisce la leggibilità.
• Distanza tra le lettere: spaziatura tra i caratteri. Il giapponese è difficile da leggere se è troppo largo, quindi questo parametro deve essere regolato solo leggermente.

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 Sfumatura 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 la visibilità su Immagine di sfondo.
• Blur: quantità Sfocatura. Se troppo grande, il contorno si spezza, quindi una piccola quantità è di base.
• Orizzontale: spostamento orizzontale. Impostare il valore con moderazione, poiché tende ad avere un aspetto strano.
• Verticale: Deviazione verticale. Un leggero spostamento verso il basso tende a dare un aspetto più naturale.