Getting Started with Designer

In questo articolo, tratteremo le funzioni e le caratteristiche di base dell'app OptiSigns Designer.

• Apertura di Designer
• Panoramica dell'app Designer
• Canvas
• Menu Superiore - Funzioni di Base
  • Denominazione del Design
  • Funzioni Sposta, Salva, Nuovo Design e Scarica
  • Immagine
  • Testo
  • Forme
  • Sfondo
  • Cornice
  • Filtro
  • Disegna
  • Ridimensiona
  • Anima
  • Anteprima e Invio agli Schermi
  • Chiudi
  • Annulla/Ripristina
  • Zoom
• Colonna Destra - Posizionamento
  • Livelli
  • Cronologia
  • Strumento Mano
• Menu Laterale - Funzioni Avanzate
• Passaggio tra Designer 2.0 e Designer 1.0

L'app OptiSigns Designer è la nostra applicazione più ricca di funzionalità, che consente la creazione completa di contenuti da visualizzare sui segnali digitali. Questa guida ti aiuterà a iniziare a creare contenuti all'interno della piattaforma OptiSigns.

Apertura di Designer

Per aprire Designer, clicca su File/Risorse, poi su App.

Successivamente, premi Designer. Questo aprirà l'app Designer.

Panoramica dell'app Designer

L'app Designer è suddivisa in 4 zone principali:

1. Menu Superiore - Funzioni di Base
2. Canvas
3. Barra degli Strumenti - Posizionamento
4. Menu Laterale - Funzioni Avanzate

Le esamineremo una per volta.

Canvas

Il visualizzatore Designer è dove vive il tuo design. Ogni elemento è visibile e selezionabile all'interno della finestra.

Gli elementi possono essere spostati, ridimensionati, eliminati e altro ancora da qui.

Menu Superiore - Funzioni di Base

Il Menu Superiore della finestra Design è dove si trovano le funzioni di base. Queste includono l'aggiunta di immagini, testo, forme, sfondi, filtri, animazioni e cornici, la denominazione del tuo design, il disegno e il ridimensionamento del tuo design.

Denominazione del Design

Per impostazione predefinita, ogni nuovo design sarà intitolato "Your new untitled design", come mostrato di seguito.

Consigliamo di cambiare questo nome il prima possibile, in quanto, sebbene sia possibile salvare un design con il nome predefinito, sarà difficile identificarlo nella cartella Risorse.

Una volta assegnato un nome al design, apparirà lì durante tutto il processo di progettazione.

Funzioni Sposta, Salva, Nuovo Design e Scarica

Le funzioni Sposta, Salva, Nuovo Design e Scarica si trovano a destra del nome.

Queste funzionano allo stesso modo della maggior parte delle altre applicazioni:

Sposta - Ti permette di spostare la risorsa Design in cartelle diverse. Premendo questo pulsante, apparirà un popup che ti permetterà di Selezionare Cartella.

Puoi anche creare una Nuova Cartella qui se necessario.

Salva - Salva la tua risorsa Design. Questo sovrascriverà qualsiasi versione precedente della risorsa, a meno che tu non le dia un altro nome.

Ogni volta che viene apportata una modifica al tuo design senza salvare, apparirà una notifica nel Menu Superiore che ti avvisa che hai modifiche non salvate:

Nuovo Design - Esce dal design corrente e ne crea uno nuovo. Il pannello Nuovo Design apparirà sulla barra laterale sinistra:

Qui puoi determinare l'orientamento e le dimensioni del Nuovo Design.

Scarica - Scarica il design corrente sul tuo dispositivo locale. Potrai rinominare il file e scegliere tra i tipi di file PNG e JPG.

Immagine

L'opzione Immagine ti permette di caricare immagini nel tuo design.

Quando cliccato, ti darà due opzioni: Il mio Dispositivo e Risorse Immagini.

Cliccando Il mio Dispositivo potrai caricare un'immagine dal dispositivo che stai attualmente utilizzando, mentre Risorse Immagini ti permette di caricare un'immagine direttamente dalla tua libreria File/Risorse.

Per maggiori informazioni, consulta il nostro articolo Immagini / Foto in Designer.

Testo

L'opzione Testo ti permette di inserire testo nel design.

Il testo può essere scelto dal Menu Superiore o dal Menu Laterale. Entrambi apriranno il Menu Laterale per ulteriori opzioni:

Cliccando Aggiungi una casella di testo o una delle opzioni di testo predefinite aggiungerà una casella di testo alla Vista Designer:

Fai come dice il prompt e si apriranno numerose opzioni. Prima di tutto, il Testo stesso ha un set completo di opzioni:

Cliccando il testo si modifica anche il Menu Superiore:

Facendo doppio clic o selezionando il testo ti permette di inserire il testo direttamente.

Infine, facendo un singolo clic sul testo, quindi tenendo premuto il pulsante del mouse e trascinando ti permette di riposizionare il testo.

Per una panoramica completa della funzione Testo, consulta il nostro articolo Testo in Designer.

Forme

L'opzione Forme ti permette di aggiungere forme o elementi predefiniti al design.

Scegliendo Forme dal Menu Superiore si aprirà la scheda Elementi nel Menu Laterale:

Qui puoi scegliere tra Forme ed Elementi da aggiungere al design. Ce ne sono moltissimi, quindi scegli quelli che si adattano alle tue esigenze.

Cliccando una Forma o un Elemento lo aggiungerà al design:

Le forme sono reattive e possono essere ridimensionate o ruotate a piacimento:

Cliccando la Forma o l'Elemento cambierà il Menu Superiore e si applicherà direttamente alla selezione:

Infine, la Forma o l'Elemento stesso ha un set completo di opzioni:

Per una panoramica completa della barra Forme ed Elementi, consulta il nostro articolo Forme ed Elementi.

Sfondo

L'opzione Sfondo ti permette di cambiare il colore di sfondo del tuo design.

Cliccandolo si aprirà l'area Sfondo Canvas nel Menu Laterale:

Selezionando uno qualsiasi dei colori lo applicherà al tuo design:

Se nessuno dei colori predefiniti soddisfa le tue esigenze, puoi anche selezionare dal selettore colore e quindi utilizzare il trascinamento per scegliere il colore o i codici colore HEX, RGBA o HSLA con le frecce.

Cornice

Selezionando l'opzione Cornice ti permetterà di aggiungere una cornice attorno al tuo design

Cliccandolo si aprirà l'area Cornice nel Menu Laterale:

Cliccando una di queste cornici la applicherà al tuo design:

Filtro

Selezionando l'opzione Filtro ti permetterà di applicare uno dei diversi filtri al design.

Cliccandolo si aprirà il pannello Filtro nel Menu Laterale:

Questi filtri possono essere applicati all'intero design o a singoli elementi di immagine o sfondo in questo modo:

Alcuni filtri vengono applicati automaticamente. Altri hanno cursori che possono fornire una regolazione fine. Infine, ogni filtro può essere combinato con altri.

Disegna

Selezionando l'opzione Disegna permetterà il disegno libero sul tuo design.

Cliccandolo si apre il pannello Disegna nel Menu Laterale:

Qui avrai alcune opzioni:

• Interrompi Disegno - Mantiene aperto il pannello Disegna, ma consente di apportare modifiche all'immagine. Quando cliccato, questo cambierà in Inizia a Disegnare.
• Tipo di Pennello - Seleziona quale tipo di pennello utilizzare durante il disegno.
• Dimensione Pennello - Ti permette di personalizzare la dimensione del tuo pennello.
• Colore Pennello - Seleziona il colore del pennello da un set di colori predefiniti o tramite il selettore colore.

Una volta selezionate le opzioni desiderate, puoi disegnare quello che vuoi sul design:

Questi elementi disegnati possono essere selezionati e modificati proprio come qualsiasi altro elemento del design.

Ridimensiona

Selezionando l'opzione Ridimensiona ti permette di cambiare le dimensioni del design.

Cliccandolo si aprirà l'area Ridimensiona nel Menu Laterale:

Qui avrai alcune opzioni:

• Orientamento - Passa tra l'orientamento Orizzontale e Verticale.
• Nuova Dimensione - Ti permette di cambiare la larghezza e l'altezza del design. I numeri predefiniti o personalizzati si scambieranno per adattarsi all'orientamento selezionato.
• Mantieni Proporzioni - Quando selezionato, qualsiasi modifica alla larghezza o all'altezza sarà rispecchiata dall'altro valore.
• Usa Percentuali - Cambia i valori di larghezza e altezza da pixel a percentuali. Disattiverà le selezioni di orientamento.
• Ridimensiona Solo Canvas - Quando selezionato, modificherà solo le dimensioni del canvas, non degli elementi presenti nel design. Se non selezionato, tutti gli elementi del design verranno ridimensionati per corrispondere al canvas.

Una volta apportate le modifiche desiderate, premi il pulsante Ridimensiona e il tuo design verrà ridimensionato.

Anima

Selezionando il pulsante Anima ti permetterà di aggiungere animazioni agli elementi del tuo design.

Cliccandolo si aprirà l'area Anima nel Menu Laterale:

Per aggiungere animazioni, dovrai selezionare un elemento del tuo design. Quindi, premi Aggiungi:

Ci sono numerose opzioni per aggiungere Animazioni al tuo design. Per maggiori informazioni su questo, consulta il nostro articolo Animazioni.

Anteprima e Invio agli Schermi

Queste opzioni ti permettono di visualizzare l'Anteprima di come apparirà il design quando verrà visualizzato su uno schermo, o di inviare immediatamente il design a uno schermo.

Anteprima

Il pulsante Anteprima mostrerà come apparirà il tuo design se inviato a uno schermo.

Si prega di notare che questa Anteprima potrebbe essere leggermente diversa da ciò che apparirà effettivamente a seconda dell'hardware che stai utilizzando per eseguire OptiSigns e vari altri fattori.

Invia agli Schermi

Qui puoi assegnare la risorsa a uno schermo o a un tag. Per maggiori informazioni, consulta il nostro articolo su Invio di Contenuti agli Schermi.

Chiudi

Premendo il pulsante Chiudi chiuderà il design. Se questo pulsante viene cliccato prima che il design sia stato salvato, apparirà il seguente popup:

Questo ti dà l'opzione di Continuare a Modificare, Scartare le Modifiche o Salvare le Modifiche e chiudere.

Annulla/Ripristina

L'opzione Annulla fa esattamente quello che dice - annulla l'ultima azione. Se questo pulsante viene premuto per errore, il pulsante Ripristina lo correggerà.

Barra degli Strumenti - Posizionamento

La Barra degli Strumenti sulla destra è utilizzata principalmente per posizionare gli elementi del tuo design tramite le funzioni Zoom, Livelli, Cronologia e Strumento Mano.

Zoom

Mostra il livello di Zoom sul design. Può essere regolato con i pulsanti '+' o '-'.

Può essere regolato con i pulsanti '+' o '-'.

Livelli

Il pulsante Livelli ti permette di cambiare la stratificazione degli elementi nel tuo design.

Quando cliccato, aprirà la finestra Posizione nel Menu Laterale, sotto la scheda Livelli.

Qui, i diversi elementi del tuo design saranno disposti dal livello superiore al livello inferiore. Possono essere trascinati e rilasciati per riorganizzare i livelli, in questo modo:

Si noti che i widget non possono essere riorganizzati e saranno sempre sovrapposti al design.

Cronologia

Selezionando il pulsante Cronologia ti permetterà di visualizzare la cronologia di tutte le modifiche apportate al design.

Cliccandolo si aprirà la finestra Posizione nel Menu Laterale sotto la scheda Cronologia:

Questo mostrerà le azioni intraprese in ordine discendente, da come era il design quando è stato aperto per la prima volta attraverso ogni singola modifica. Cliccando su ciascuna riporterà il design a quel punto:

Si prega di notare che la scheda Cronologia si cancellerà ogni volta che il design viene chiuso e riaperto.

Strumento Mano

Selezionando lo Strumento Mano ti permetterà di spostare l'intero design anziché solo i singoli elementi di esso.

Quando selezionato, l'icona dello strumento mano diventerà verde e il cursore cambierà in una mano. Il canvas può quindi essere spostato:

Menu Laterale - Funzioni Aggiuntive

Il Menu Laterale è dove si trovano la maggior parte delle Funzioni Aggiuntive per l'app OptiSigns Designer.

Queste funzioni sono ciò che ti permette di trasformare il tuo design da una semplice immagine statica in segnaletica dinamica con:

• La nostra vasta Libreria di Modelli
• I tuoi Modelli e Componenti
• Widget
• Foto, GIF, Adesivi / Emoji e Codici QR
• DataSource Dinamici e Ripetitori con OptiSync
• Testo
• Forme ed Elementi
• Brand Kit

Ognuna di queste funzioni principali è trattata più dettagliatamente nei rispettivi articoli, collegati sopra.

Passaggio tra Designer 2.0 e Designer 1.0

Per tornare alla vecchia versione 1.0 di Designer, clicca semplicemente il pulsante Usa Designer 1.0 nell'angolo in alto a destra dello schermo.

Questo è tutto!

OptiSigns è il leader nel software per digital signage. Se hai domande aggiuntive, dubbi o qualsiasi feedback su OptiSigns, non esitare a contattare il nostro team di supporto a support@optisigns.com.