Questa guida ti accompagna nel Design Studio così sai dove si trova tutto prima di iniziare a costruire. È per chi apre l’editor per la prima volta. Alla fine riconoscerai la barra delle icone, il canvas, la barra superiore, la barra degli strumenti mobile e i controlli dello zoom, e saprai a cosa serve ciascuno.
A cosa serve il Design Studio
Il Design Studio è il posto dove costruisci il modello di un prodotto. Collochi testo, immagini, forme e altri elementi su un canvas, poi decidi quali può cambiare un cliente nel negozio.
Il canvas rappresenta l’area di design attiva. Controlla le dimensioni reali della superficie del prodotto, l’abbondanza, i font e il risultato di produzione previsto prima di fare affidamento su un’anteprima a schermo come grafica pronta per la stampa.
Puoi aprire il Design Studio in due modi. Aprilo da un prodotto per modificare il design di quel prodotto, oppure apri un design autonomo e collegalo a un prodotto più tardi.
La barra delle icone a sinistra
La barra delle icone corre lungo il bordo estremo sinistro dell’editor. È il modo per passare tra gli strumenti e i pannelli che usi di più.
Le voci della barra compaiono in quest’ordine:
- Elementi: aggiungi testo, forme, grafiche e caricamenti.
- Livelli: vedi e riordina tutto ciò che c’è sul canvas.
- Modelli: parti da un layout riutilizzabile o salvane uno.
- Lati: passa tra i lati del prodotto, copia un design da uno all’altro e imposta gli sfondi. Diventa Formati per un prodotto venduto in più formati, e Pagine per un libro.
- Opzioni: scegli come i clienti vedono varianti e add-on del prodotto. Le loro scelte, i prezzi e le foto restano nella pagina del prodotto. Fai clic su una voce per aprire il suo pannello; la voce su cui hai fatto clic mantiene una scheda bianca. Appoggia il puntatore su un’altra voce per vederne in anteprima il pannello: quella voce diventa grigia mentre guardi, spostandoti torna il pannello su cui hai cliccato, e un clic mantiene l’anteprima. Fai di nuovo clic sulla voce attiva per chiudere il pannello.
Un canvas vuoto mostra da dove cominciare: Testo, Foto e Grafica ne aggiungono uno subito, Aggiungi elementi apre il pannello con tutto il resto e Sfondo imposta il colore dietro il design.
Per cercare, usa la casella di ricerca in cima a Elementi, oppure premi Ctrl+K (Cmd+K su Mac) per cercare azioni e i livelli del tuo design. Le opzioni di visualizzazione del canvas, come la griglia, l’aggancio, i righelli e le guide di stampa, sono sotto File › Vista.
La barra superiore, la barra degli strumenti mobile e la barra di stato
Tre controlli circondano il canvas: la barra superiore sopra, una barra degli strumenti mobile subito sotto la barra superiore e la barra di stato lungo il fondo.
La barra superiore
La barra superiore contiene la navigazione e i controlli di salvataggio. Da sinistra a destra trovi:
- Una freccia Indietro per uscire dall’editor.
- Un menu File.
- Il titolo del design al centro, su cui puoi fare clic per rinominarlo sul posto, e accanto se il prodotto è nel tuo negozio.
- Una pillola Annulla e Ripeti. Dopo di essa, quando qualcosa richiede un’occhiata, il numero di avvisi (lati vuoti, foto a bassa risoluzione) ed eventuali font che non si sono caricati. Fai clic sugli avvisi per vedere l’elenco.
- Un pulsante Salva a destra. Dice Salva quando hai modifiche non salvate, Salvataggio mentre il lavoro viene memorizzato e Salvato quando ha finito. Se il salvataggio fallisce, sotto la barra superiore compare un messaggio di errore.
Il dock del modulo cliente, che si apre dalla linguetta sul bordo destro del canvas, mostra il modulo che i clienti compilano. Anteprima ti permette di provarlo come un cliente. Modifica mostra lo stesso modulo con una piccola maniglia e una matita su ogni campo quando ci passi sopra: trascina la maniglia per spostare il campo su o giù, oppure fai clic sulla matita per aprire le impostazioni di quel campo. La freccia tonda, Reimposta il modulo, riporta i campi ai valori predefiniti del design, e ⋯ apre le impostazioni del modulo stesso, come layout, passaggi e ordine dei campi, nel pannello Customizer della barra a sinistra. Per vedere il customizer del cliente a dimensione intera, in una finestra a parte, scegli File › Anteprima cliente. Controlla a parte il percorso pubblicato del cliente.
L’editor si limita a salvare. Il tuo design va online dalla pagina del prodotto, dove pubblichi il prodotto.
La barra degli strumenti mobile
Una barra degli strumenti mobile sta tra la barra superiore e il canvas. Ha sempre le stesse parti:
- Modifica, per primo per ogni elemento, che apre il suo pannello delle proprietà. Usalo quando è aperto un altro pannello, come Livelli.
- Alcuni pulsanti rapidi per ciò che fai più spesso con l’elemento selezionato. Il testo ha font, dimensione, colore, grassetto e allineamento. Una foto ha Sostituisci, Ritaglia ed Effetti. Una mappa mostra il suo luogo. Un pulsante che nomina un’impostazione, come il luogo, apre il pannello delle proprietà proprio su quella.
- Personalizzabile, che dice se i clienti possono cambiare l’elemento, e lo attiva o disattiva. Dice Rendi personalizzabile quando è disattivato, ed è omesso per gli elementi che i clienti non possono cambiare.
- Altro, i ⋯ alla fine, con lo stesso menu del clic destro: duplica, blocca, ordine dei livelli, capovolgi ed elimina.
Un elemento bloccato mostra solo Bloccato e, quando l’hai bloccato tu, Sblocca. Più elementi selezionati ottengono Allinea, Distribuisci e Raggruppa. Con niente di selezionato, la barra degli strumenti mostra il colore di sfondo e la dimensione del canvas. Mentre ritagli una foto, la barra degli strumenti è sostituita da Reimposta, Annulla e Fatto.
La barra di stato
La barra di stato corre lungo il fondo dell’editor, con i lati del prodotto al centro. A destra, da sinistra a destra:
- La percentuale di zoom. Fai clic per adattare il canvas allo schermo, ogni volta che esce dalla vista o vuoi ricentrarlo. Appoggiaci il puntatore e si aprono ai lati un pulsante Riduci e uno Ingrandisci.
- Aiuto, il ?, con Scorciatoie da tastiera e Aiuto e chat. Aiuto e chat apre la chat di supporto, che nell’editor non ha un pulsante mobile.
Se le dimensioni sono mostrate in millimetri (mm) o in pixel (px) è un’impostazione di visualizzazione: File › Vista › Unità.
Prossimi passi
Ora che conosci il layout, aggiungi e formatta il testo per mettere il tuo primo elemento sul canvas.