In questo articolo, esploreremo tutte le opzioni per creare e aggiungere Testo nell'App Designer di OptiSigns.
Aggiungere elementi di testo a un design è una questione semplice, ma con Designer ci sono tantissime opzioni per far risaltare davvero le vostre parole.
Per maggiori informazioni sugli elementi base di Designer, consultate la nostra guida Iniziare con Designer.
Aggiungere Testo
L'opzione Testo vi permette di inserire testo nel design.
Scegliendo Testo dal Menu Superiore si rifletterà la vostra scelta nel Menu Laterale, e lo aprirà per ulteriori opzioni:
Cliccando su Aggiungi una casella di testo o una delle opzioni di testo predefinite aggiungerà una casella di testo alla Vista Designer:
Modificare Testo
Facendo doppio clic o selezionando il testo vi permette di inserire il testo direttamente.
Infine, facendo un singolo clic sulla casella dell'elemento di testo, tenendo premuto il pulsante del mouse e trascinando vi permette di riposizionare il testo.
Quando selezionato, il Testo stesso ha una serie completa di opzioni:
- Duplica - Crea un duplicato esatto del testo selezionato
- Elimina - Rimuove il testo selezionato dal design
-
Altro
- Copia - Copia il testo selezionato per essere Incollato successivamente
- Copia Stile -
- Incolla - Incolla l'elemento dagli appunti nel testo
- Duplica - Crea un duplicato esatto del testo selezionato
- Aggiungi Componente -
- Elimina - Rimuove il testo selezionato dal design
-
Livello - Opzioni per cambiare il livello del testo selezionato
- Porta Avanti - Porta il testo selezionato su di un livello
- Porta in Primo Piano - Porta il testo selezionato al livello superiore
- Porta Indietro - Porta il testo selezionato giù di un livello
- Porta in Fondo - Porta il testo selezionato al livello inferiore
-
Allinea Elementi - Opzioni per cambiare l'allineamento del testo selezionato
- Sinistra
- Centro
- Destra
- Alto
- Mezzo
- Basso
- Collegamento - Aggiungi un URL al testo selezionato.
- Anima - Aggiungi un'animazione al testo selezionato.
Opzioni Elemento Aggiuntive
Cliccando sul testo modifica il Menu Superiore:
Il Menu Superiore ha opzioni aggiuntive:
Font
Cliccando sull'opzione Font (per impostazione predefinita, questo mostrerà il font come Roboto) si aprirà la sezione Font nel Menu Laterale.
Designer ha centinaia di opzioni di font, con Google Fonts che ha pesi di font selezionabili. Cliccando su uno qualsiasi lo selezionerà e fornirà opzioni su come dovrebbe essere visualizzato:
La dimensione del font può essere cambiata cliccando sulle opzioni '-' o '+', o cliccando sul numero della dimensione del font.
Cliccando sul numero della dimensione del font vi permette di scegliere da una serie di dimensioni di font preimpostate, o inserire una dimensione personalizzata.
Offriamo anche Font Personalizzati attraverso il Brand Kit.
Colori
Selezionando l'opzione Colori si apre la sezione Colori nel Menu Laterale.
Qui, scegliete tra colori preimpostati, colori già utilizzati in questo design, o attraverso l'opzione Selettore Colore:
Selettore Colore
- Selettore Colore
- Colore Attualmente Selezionato / Strumento Contagocce Colore
- Cursore Colore
- Cursore Opacità/Trasparenza
- Input Codice Colore
- Commutatore Codice - Passa tra codici colore esadecimali, RGB, e HSLA
- Colori Precedentemente Utilizzati
| NOTA |
| Il Cursore Opacità/Trasparenza si applica a qualsiasi elemento a cui viene applicato il selettore colore, che sia testo, sfondo o qualsiasi altra area in cui può essere utilizzato un selettore colore. |
Lo Strumento Contagocce Colore vi permette di scegliere facilmente qualsiasi colore.
| NOTA |
| Lo Strumento Contagocce Colore non è disponibile su alcuni browser. |
Stile del Testo
Selezionando Grassetto, Corsivo, Sottolineato, o Barrato applicherà quelle qualità al testo selezionato. Questi effetti possono essere sovrapposti l'uno all'altro e utilizzati in qualsiasi combinazione.
Maiuscole/Minuscole
Selezionando Maiuscole/Minuscole si aprirà un sottomenu:
Qui potete scegliere tra diversi tipi di maiuscole per la visualizzazione:
- MAIUSCOLO - Permette di digitare esclusivamente in maiuscolo.
- minuscolo - Permette di digitare esclusivamente in minuscolo.
- Frase - Formatta automaticamente il testo come frase.
- Titolo - Formatta automaticamente il testo come titolo.
Allineamento
Selezionando l'opzione Allineamento si aprirà un altro sottomenu:
Qui, scegliete tra allineamento Sinistra, Centro, Destra, o Giustificato.
Spaziatura
Selezionando l'opzione Spaziatura si aprirà ancora un altro sottomenu:
Qui potete personalizzare la quantità di spaziatura tra le vostre lettere e le vostre righe.
Collegamento
Selezionando l'opzione Collegamento vi permette di trasformare il testo in un elemento interattivo, utilizzato principalmente per i chioschi. Si aprirà la sezione Opzioni Collegamento nel Menu Laterale:
Cliccando su Aggiungi Collegamento vi verrà richiesto di inserire un URL o selezionare una risorsa:
Una volta scelto un collegamento o una risorsa, appariranno ulteriori opzioni nella sezione Opzioni Collegamento:
Espandendo la sezione Scala fornirà questa opzione per la vostra risorsa:
Qui, scegliete come l'immagine sarà scalata. Ci sono tre opzioni:
- Adatta (predefinito) - Adatta l'immagine allo schermo.
- Stira - Stira l'immagine per riempire l'intero schermo.
- Zoom - Ingrandisce l'immagine per riempire l'intero schermo. Non consigliato per immagini piccole su display grandi, poiché questo creerà sfocatura.
| NOTA |
| Se viene fornito un URL, l'opzione Scala non apparirà. |
Espandendo la sezione Impostazioni fornirà queste opzioni per il vostro collegamento:
- Durata (secondi) - Quando il collegamento viene cliccato o toccato, per quanto tempo il collegamento o la risorsa verrà visualizzata prima di tornare al design principale. Questo inizia dall'ultimo tocco sullo schermo o dal momento in cui il collegamento è stato cliccato.
- Precarica - Quando selezionato, il sito web si caricherà quando si carica il design. Questo riduce il tempo necessario affinché il sito web appaia quando viene cliccato il collegamento. Tuttavia, avere numerosi collegamenti che devono caricarsi può causare ritardi.
Espandendo la sezione Stilizzatore Barra Chiudi e Nav fornirà queste opzioni per il vostro collegamento:
Questa sezione si riferisce al pulsante che apparirà sui vostri schermi quando verrà inviato ad essi. Cliccando o toccando questo pulsante vi riporterà al design originale.
- Posizione Icona - Mostra dove apparirà questa icona. Predefinito in Centro Inferiore, ma può essere posizionata ovunque lungo la parte superiore o inferiore, o disattivata completamente.
- Stile Icona - Vi permette di impostare lo stile dell'icona. Scegliete tra Etichetta, Solida, Rotonda, o Predefinita (vedi sopra)
- Dimensione Icona - Vi permette di cambiare la dimensione dell'icona. Scegliete tra Piccola, Media, Grande, o Predefinita (vedi sopra)
- Colore Icona - Cambia il colore HTML esadecimale dell'icona per adattarsi meglio al vostro design.
- Colore Sfondo - Cambia il colore HTML esadecimale dello sfondo dell'icona per adattarsi meglio al vostro design.
- Opacità - Il cursore vi permette di cambiare quanto è opaco o trasparente lo sfondo dell'icona.
- Mostra Barra di Navigazione - Quando selezionato, aggiunge piccole frecce di navigazione all'icona. Vi permette di navigare rapidamente attraverso più collegamenti. Appare così:
Impostazioni
Selezionando il pulsante Impostazioni si aprirà la sezione Mappatura Dati nel Menu Laterale:
Cliccando su Crea Mappatura Dati vi permette di rendere il testo selezionato dinamico, mappato a una delle vostre DataSource esistenti. Consultate il nostro articolo su DataSource Dinamiche con OptiSync per maggiori informazioni.
Effetti
Selezionando l'opzione Effetti vi permette di cambiare diversi aspetti del vostro testo. Si aprirà la sezione Effetti nel Menu Laterale:
Qui, avete numerose opzioni. Le esamineremo ciascuna a turno.
Espandendo la sezione Colore vi permette di aggiungere colore al testo.
Questo è funzionalmente lo stesso dell'opzione Colori nel Menu Superiore del Testo. Selezionate da colori preimpostati, colori utilizzati in questo design, o attraverso il selettore colore.
Espandendo la sezione Sfondo vi permette di impostare un colore di sfondo specifico su cui si trova il Testo.
Questo può essere selezionato da colori preimpostati, colori già assegnati al design, o creato attraverso il selettore colore:
Espandendo la sezione Opacità vi permette di variare l'opacità dell'area selezionata - sfondo e testo insieme.
Questo può essere regolato tramite cursore. Mostrato sotto è a metà opacità:
| NOTA |
| Il cursore Opacità si applica all'intero elemento selezionato invece che solo al testo o allo sfondo. Per cambiare l'Opacità della forma o dello sfondo, fatelo attraverso il selettore colore. |
Espandendo la sezione Contorno vi permette di aggiungere un contorno al testo.
Potete selezionare un colore da un menu a discesa o utilizzare HTML esadecimale, e utilizzare il cursore per cambiarne lo spessore:
Espandendo la sezione Ombra vi permette di creare un'ombra attraverso la vostra casella di testo. Per impostazione predefinita, tutti i cursori saranno bianchi.
L'applicazione di un colore creerà un'ombra:
Cambiando i cursori vi permette di cambiare la sfocatura e spostare l'ombra lungo l'asse X o Y.
Senza sfondo, l'ombra si applica solo al testo stesso:
Espandendo la sezione Gradiente presenterà diverse opzioni di gradiente per il vostro testo. Cliccando su una qualsiasi di queste opzioni di Gradiente la applicherà al vostro testo.
Espandendo la sezione Texture presenterà diverse opzioni di texture per il vostro testo. Cliccando su una qualsiasi di queste opzioni di texture le applicherà al vostro testo.
Animazione
Cliccando sul pulsante Anima si aprirà la sezione Anima del Menu Laterale:
Per maggiori informazioni sulle capacità di Animazione di Designer, consultate il nostro articolo sull'Animazione.
Posizione
Selezionando il pulsante Posizione si aprirà la sezione Posizione del Menu Laterale.
- Porta in Primo Piano - Porta il testo selezionato al livello superiore
- Porta Avanti - Porta il testo selezionato su di un livello
- Manda in Fondo - Porta il testo selezionato al livello inferiore
- Manda Indietro - Porta il testo selezionato giù di un livello
-
Allinea alla Pagina - Opzioni per cambiare l'allineamento del testo selezionato
- Sinistra
- Centro
- Destra
- Alto
- Mezzo
- Basso
-
Spazia Uniformemente - Allinea il testo all'interno della casella di testo più grande
- Verticalmente
- Orizzontalmente
-
Capovolgi - Capovolge il testo selezionato
- Orizzontale
- Verticale
- Posizione - Permette il posizionamento specifico dell'elemento di testo nel design
- Ridimensiona - Permette il ridimensionamento preciso dell'elemento di testo selezionato
Blocca e Copia Stile
Cliccando sul pulsante Blocca bloccherà l'elemento di testo selezionato in posizione, impedendo che vengano apportate modifiche.
Questo è utile quando si ha a che fare con molti elementi dopo aver posizionato il testo esattamente dove lo volete.
Il pulsante Copia Stile vi permette di applicare rapidamente lo stile dell'elemento di testo selezionato a un altro.
Questo è utile per formattare rapidamente numerosi elementi di testo.
Questo è tutto!
OptiSigns è leader nel software per digital signage. Se avete domande aggiuntive, preoccupazioni o feedback su OptiSigns, non esitate a contattare il nostro team di supporto all'indirizzo support@optisigns.com.