Come utilizzare lo stile barrato del testo nel web design

Oltre agli allineamenti degli elementi che posizionano l'elemento di testo in un gruppo, una cella della griglia o un blocco, puoi utilizzare l'allineamento di base per disporre il contenuto all'interno dell'elemento di testo. Per implementare ciò, è necessario selezionare l'elemento di testo e fare clic su una delle icone di allineamento nel pannello delle proprietà. Ciò ti aiuterà a disporre l'elemento di testo e il suo contenuto interno in modo diverso, se necessario.

L'altezza della linea è una proprietà di testo di base che definisce la quantità di spazio sopra e sotto le righe di testo. È possibile modificare il valore dell'altezza della linea selezionando o digitando nel campo nel pannello delle proprietà per l'intestazione, il testo o altri elementi selezionati. Di solito si consiglia di utilizzare l'altezza della linea più piccola per le dimensioni dei caratteri più grandi.

Si consiglia di utilizzare stili diversi nel testo, intestazioni, testo, virgolette, elenchi ordinati e non ordinati, ecc. contenuti costruiti con parole chiave per i motori di ricerca.

La larghezza del testo è importante in quanto aiuta a definire correttamente il posizionamento di tutti gli elementi del blocco e ad allineare l'intero layout. La larghezza del testo rende il contenuto attraente e leggibile. Nel pannello delle proprietà, puoi definire come il testo si adatta al contenitore o al blocco. Se selezioni l'opzione Larghezza automatica, il testo prende automaticamente la larghezza del contenitore adottando le parole, rendendo molto più semplice personalizzare il design per la modalità reattiva. L'opzione Larghezza fissa consente di impostare la larghezza esatta per l'elemento di testo.

La scelta della corretta dimensione del carattere per gli elementi di testo è importante, quindi sono facili da leggere e capire. È possibile impostare la dimensione del carattere selezionando un elemento di testo e quindi scegliendo o immettendo il valore della dimensione del carattere nel pannello delle proprietà. Puoi anche avere diverse dimensioni dei caratteri per schermi più piccoli, più grandi o più piccoli, a seconda dell'adattamento e della leggibilità del testo. Se necessario, puoi anche impostare una dimensione del carattere diversa per una parte selezionata del testo.

Nonostante la crescente popolarità di Visual Media Elements, il testo è ancora il tipo più utilizzato per fornire informazioni sul web. Il tuo sito web dovrebbe avere il font leggibile per fornire il contenuto. Selezionare un elemento di testo, quindi modificarne il carattere nel pannello delle proprietà. Ti abbiamo fornito oltre 900 caratteri Google e separato i più popolari in un elenco separato. Puoi anche trovare i caratteri usati di recente in un altro elenco. Inoltre, c'è un'opzione per aggiungere un carattere personalizzato.

La tipografia è importante per qualsiasi contenuto leggibile, inclusi i siti Web. Letter Spacing ne fa parte e definisce la spaziatura tra i caratteri digitati nelle parole su una pagina Web, che cambia la densità visiva e rende i testi otticamente coerenti. È possibile modificare il valore della proprietà Spaziatura lettere nel pannello delle proprietà per il testo, il collegamento ipertestuale, il pulsante e così via selezionati. Per impostazione predefinita, il valore di spaziatura lettere è impostato su 0.

Il colore è la prima cosa che immagini quando pensi al web design. È possibile selezionare uno qualsiasi dei colori predefiniti generati dalla tavolozza, che è possibile modificare facendo clic sul collegamento Colori nel pannello del tema di accesso rapido. Se necessario, usa la finestra di dialogo Selettore colore per aggiungere qualsiasi colore aggiuntivo, che puoi trovare nella finestra di dialogo Colore nel pannello delle proprietà per il testo selezionato. Puoi aggiornare lo stile con il colore per applicare lo stesso colore a tutte le istanze degli stili di testo utilizzati su un sito Web.

Gli stessi caratteri della famiglia con diversi pesi dei caratteri indicano la gerarchia, l'intento ed evidenziano informazioni importanti. Usare i giusti pesi dei caratteri nei posti giusti è una specie di arte. In Nicepage, puoi utilizzare l'ampia gamma di valori di Peso del carattere supportati supportati dalla famiglia di caratteri per sfruttare appieno questa proprietà. Se supportato, puoi avere diversi pesi dei caratteri per ogni stile di testo e modalità di risposta, da sottile (100) a nero (900).

Se hai un testo di lunga lettura per il tuo sito Web e il testo non è molto comodo da usare, allora c'è il Rich Text Element (RTE), che ti consente di creare articoli a lungo contenuto. A differenza dei normali elementi di intestazione, testo, elenco e immagine, puoi aggiungere e modificare questi elementi direttamente nell'elemento Rich Text, in modo simile alla modifica del testo in un processore come MS Word.

L'icona aggiunta al testo semplifica la lettura, la comprensione e aiuta a trasmettere l'umore in modo semplice e rapido. Di solito chiama all'azione e rende il testo più attraente. D'altra parte, il testo accanto all'icona aiuta a rendere l'icona più facile da capire, riducendo l'ambiguità. Per semplificare l'utilizzo di icone e testo insieme, in Nicepage, puoi inserire l'icona nel testo dalla barra degli strumenti contestuale. Se necessario, puoi utilizzare la sezione Icona nel pannello delle proprietà per il testo per modificare l'icona.

Hai accesso a centinaia di Google Font preimpostati che sono sia molto accessibili che compatibili con i browser. Nicepage non ti limita a quei caratteri. Puoi anche scaricare o acquistare font personalizzati di terze parti da utilizzare per creare il tuo design unico. Puoi caricare i caratteri personalizzati nell'elenco dei caratteri aperto nel pannello delle proprietà per un elemento selezionato. Tutti i caratteri personalizzati caricati sono supportati nella tipografia del tema e nello schema dei caratteri su tutte le pagine del sito web.

Nella maggior parte dei casi, i testi richiedono che vengano enfatizzate le operazioni di base. La formattazione di base include grassetto, corsivo, sottolineato e abbiamo aggiunto il maiuscolo. È possibile selezionare un testo o una sua parte e fare clic sulle icone di formattazione di base nel pannello delle proprietà. Si prega di notare, a differenza del Rich Text per il testo normale, l'operazione Maiuscole cambia l'intero elemento, non solo la parte selezionata.