Parti di questa pagina potrebbero essere tradotte automaticamente.

Creare modelli con trascinamento della selezione

I modelli con trascinamento della selezione consentono agli utenti con qualsiasi livello di competenza di progettazione di creare e pubblicare i loro modelli creativi in pochissimo tempo.

Chi può usarlo?

Piani:

  • Brandfolder

Autorizzazioni:

Gli amministratori e i progettisti possono creare modelli con trascinamento della selezione.

Find out if this capability is included in Smartsheet Regions or Smartsheet Gov.

Prima di cominciare

  • Il trascinamento della selezione è collegato al sistema del tuo brand. Pertanto, è possibile utilizzare tutti i loghi, i colori e i caratteri tipografici definiti
  • Il drag and drop è una tecnologia ancora in fase di maturazione e non supporta:
    • Tipi di input avanzati, inclusi contenuti ripetibili e dinamici.

Creazione del modello

Creazione

Questa gif dimostra come impostare un modello drag and drop.

  1. Vai al menu a sinistra e seleziona Templating.
  2. Nella pagina Modelli, seleziona + Nuovo modello.
  3. Scegli l'opzione Crea il tuo.

Duplica un modello esistente

Puoi duplicare un modello con trascinamento della selezione o codificato che esiste già. Nella libreria dei modelli, individua il modello, quindi seleziona il menu con i puntini di sospensione sulla destra e seleziona Duplica. Inserisci un nome per il nuovo modello, quindi seleziona Duplica. L‘intero modello, comprese tutte le varianti, i design, i contenuti, gli input e i team, viene duplicato. Lo stato Pubblicato non è duplicato, pertanto puoi apportare le modifiche necessarie prima della pubblicazione. 

I modelli di InDesign non possono essere duplicati. 

Navigazione nell'editor di modelli

Una volta creato il modello, vedrai l'editor dei modelli. È suddiviso in 4 componenti principali.

Questa immagine mostra diverse impostazioni per i modelli drag and drop.

  • Barra laterale Livelli/Ingressi (oggetti): sul lato sinistro
    • Variazioni/livelli: i costruttori possono definire una o più varianti con molti livelli di oggetti.
    • Ingressi: consente ai costruttori di definire aree di personalizzazione per gli utenti finali.
  • Tela: al centro, quest'area è dove puoi creare il tuo modello. Attualmente, visualizza solo un layout alla volta.
  • Barra degli strumenti: nella parte superiore, include gli strumenti, il controllo dello zoom e il controllo di salvataggio.
  • Barra laterale degli attributi: sul lato destro, consente di personalizzare gli attributi di uno specifico livello dell'oggetto (ad esempio colori, testo, dimensione/posizione). 

Varianti

Un nuovo modello avrà sempre una variante predefinita, di un riquadro di Instagram. Puoi crearne una nuova o modificare quella esistente.

Questa gif mostra la modifica di una variante con la stampa professionale in pdf.

Crea un nuovo modello 

  1. Nell'opzione Crea il tuo, seleziona Crea nuovo
  2. Assegna un nome al modello e seleziona il formato.
    1. Scegli tra i formati suggeriti oppure creane di tuoi. 
    2. Se scegli un formato pdf, puoi configurare impostazioni di stampa professionali e aumentare il numero di pagine.
  3. Seleziona Crea modello.

Crea nuove varianti

  1. Seleziona + Nuova variante nella barra laterale Oggetti.
  2. Scegli dall'elenco di opzioni di layout predefinite o definisci una dimensione e un nome personalizzati.
  3. Se lo desideri, attiva Abilita stampa professionale e regola la dimensione del margine.
  4. Seleziona Crea.

Modificare una variante esistente

  1. Passa il mouse sulla variante esistente tramite il pannello Livelli nella barra laterale Oggetti.
  2. Seleziona il menu kebab. 
  3. Seleziona Modifica.
  4. Modifica il nome e i valori e seleziona Modifica variante

Eliminare una variante

  1. Dallo stesso menu di cui sopra, seleziona Elimina variante.

Professional Print

Quando si attiva il rendering di stampa professionale su una variante:

  • La stampa professionale aggiunge spazio di smarginatura. Puoi modificare la quantità in mm in alto, in basso, a destra e a sinistra.
  • La stampa professionale aggiungerà indicatori di ritaglio al PDF al momento dell‘esportazione.
  • Lo spazio colore viene convertito in CMYK.
  • Il PDF viene impacchettato per l‘esportazione, comprese immagini e caratteri.
  • Premendo il tasto W sulla tastiera si mostra/nasconde la smarginatura e l‘overflow della pagina

Aggiunta di pagine

Ulteriori pagine possono essere aggiunte alle varianti in formato PDF. Seleziona + Nuova pagina nella barra laterale degli oggetti.

Le varianti con formati PNG o JPG non possono avere più pagine. Quando crei una nuova variante e copi il design da una variante PDF di più pagine, viene copiata solo la prima pagina. 

Limiti del modello e delle varianti

I modelli con trascinamento della selezione possono contenere fino a 30 pagine per variante e avere un totale di 200 pagine su più varianti. Un singolo modello non può avere più di 30 varianti. 

Creazione del modello

Grafica di riferimento 

L‘aggiunta di una grafica di riferimento ti consente di includere una versione trasparente della tua grafica per un facile riferimento durante la ricostruzione del modello.

  1. Vai alla barra laterale dell'attributo sul lato destro. 
  2. Attiva Reference Artwork. 
  3. Scegli Seleziona grafica
  4. Seleziona la risorsa che desideri utilizzare come riferimento. 
  5. Crea i componenti del tuo modello utilizzando la barra degli strumenti. 

La barra degli strumenti

Dopo aver impostato le dimensioni della tela, puoi iniziare a creare il modello utilizzando la barra degli strumenti. 

Text (T)

  1. Seleziona l'icona T dalla barra degli strumenti o usa il tasto di scelta rapida (T).
  2. Seleziona e trascina sull‘area di lavoro oppure clicca in un punto qualsiasi dell‘area.
  3. Regola le dimensioni della casella di testo selezionando il bordo e trascinando, oppure usa lo strumento di trasformazione.

La barra laterale dell'attributo sul lato destro include:

Questa immagine mostra diverse impostazioni per i modelli drag and drop e la barra laterale degli attributi.

  • Dimensioni e posizione
  • Contenuto testuale
  • Impostazioni dei caratteri tra cui famiglia di caratteri, peso, dimensione e altezza della riga
  • Colore carattere
  • Elenchi formattati: elenchi ordinati e punti elenco
  • Allineamento: allineamento orizzontale e verticale 
  • Cancella formattazione
  • Avviso di testo sovraimpostato: indica all‘utente finale che questa casella di testo può accettare solo contenuto di testo per le dimensioni assegnate della casella di testo. Genera un messaggio di errore e la casella di testo diventerà rossa.

Integrazioni e opzioni

  • Sistema del marchio: tutti i caratteri tipografici configurati verranno automaticamente inseriti nell'editor di modelli e saranno disponibili per la selezione della famiglia di caratteri e del peso
  • Google Fonts: l'editor di modelli è integrato con Google Fonts. Per configurare Google Fonts, seleziona l'ingranaggio delle impostazioni e attiva Consenti Google Fonts. 
  • Ingressi: gli input del modello personalizzato possono essere definiti sugli oggetti di testo tramite l'icona Comando accanto a Stili di testo e carattere nel pannello degli attributi.
    • Attualmente, gli input possono essere configurati sugli attributi del contenuto del testo e della dimensione del carattere
    • Puoi avere fino a 50 input in un singolo modello, anche se vengono utilizzati in più varianti. 

Rettangolo (R) /cerchio (O)

 

  1. Seleziona l'icona dello strumento rettangolo o cerchio dalla barra degli strumenti o usa i tasti di scelta rapida (R) o (O).
  2. Seleziona e trascina sulla tela per creare la tua forma.
  3. Per un quadrato o un cerchio perfetto, fai clic sulla tela. 
  4. Ridimensiona selezionando il bordo e trascinando o utilizzando lo strumento di trasformazione.

La barra laterale dell'attributo sul lato destro include 

Questa immagine mostra diverse impostazioni per i modelli drag and drop e la barra laterale degli attributi.

  • Dimensioni e posizione
  • Riempi
  • Stroke

Immagine (I)

  1. Seleziona l'icona dell'immagine dalla barra degli strumenti o usa il tasto di scelta rapida (I).
  2. Seleziona e trascina sull'area di disegno per creare il tuo contenitore di immagini.
  3. Una volta creato un contenitore iniziale, verrà visualizzata la libreria di risorse di Content Automation.
  4. Seleziona la tua immagine. Dovrai aggiungere le nuove immagini nella libreria di asset; le nuove immagini non possono essere aggiunte qui.

Adattamento dell'immagine

Puoi definire come deve essere inserita l'immagine nel tuo contenitore con le seguenti opzioni: 

  • Adatta: contiene l'intera immagine nel contenitore (questo può creare uno spazio vuoto se il contenitore ha un rapporto di aspetto diverso dall'immagine). È ideale per immagini, icone e loghi dei prodotti.
  • Riempi: riempie l'intero contenitore con l'immagine.
  • Ritaglia: facendo doppio clic sull'immagine, l'utente può riposizionare l'immagine nel contenitore o regolare le dimensioni del contenitore dell'immagine esattamente come desidera. 
    • Per accedere alla modalità ritaglio: fai doppio clic sull'immagine.
    • Per uscire dalla modalità di ritaglio: seleziona invio o fai clic all'esterno dell'immagine.

Mascherare un'immagine

È possibile mascherare le immagini in forme specifiche.

Questa gif mostra diverse impostazioni per il drag and drop di modelli e immagini

  1. Crea una forma.
  2. Crea un'immagine sopra la parte superiore della maschera.
  3. Selezionate entrambi i livelli.
  4. Fai clic con il pulsante destro del mouse su di essi e seleziona Converti in maschera.
  5. Questo creerà un gruppo di maschere.

Integrazioni e opzioni

  • Ingressi: gli input del modello personalizzato possono essere definiti sulle immagini tramite l'icona di comando accanto agli stili di immagine nel pannello degli attributi.
    • Attualmente, gli ingressi possono essere configurati sulla sorgente dell'immagine. 

Pen (P)

La penna consente di creare semplici forme poligonali.

  1. Seleziona l'icona dello strumento penna dalla barra degli strumenti o usa il tasto di scelta rapida (P).
  2. Fai clic sulla tela per aggiungere un punto per iniziare la forma poligonale.
  3. Continuate a fare clic per aggiungere altri punti alla forma poligonale.
  4. Al termine, fai clic sul punto originale o seleziona il tasto Invio/Ritorno per finalizzare la forma.

 

Per creare una linea retta, tieni premuto il tasto Maiusc. 

 

La barra laterale Attributi sul lato destro include

 Questa immagine mostra diverse impostazioni per i modelli di trascinamento della selezione per l‘icona matita.

  • Dimensioni e posizione
  • Fill
  • Stroke 

Logo (L)

  1. Seleziona l'icona del logo dalla barra degli strumenti o usa il tasto di scelta rapida (L).
  2. Clicca e trascina sull‘area di lavoro.
  3. Apparirà una nuova finestra in cui puoi scegliere i loghi dal sistema del tuo marchio. Regola le dimensioni del logo selezionando sul bordo e trascinando o utilizzando lo strumento di trasformazione.

Codice QR (Q)

  1. Seleziona l‘icona del codice QR dalla barra degli strumenti o utilizza il tasto di scelta rapida (Q).
  2. Clicca e trascina sull‘area di lavoro per creare il tuo contenitore QR.
  3. Regola le dimensioni e la posizione del contenitore QR. 
  4. Nella casella di testo libero Valore, inserisci l'URL o il testo a cui desideri collegare il codice QR. Puoi anche cambiare il colore e il colore di sfondo secondo necessità. 

Questa immagine mostra le impostazioni del codice QR e la casella dei valori.

 

Se desideri che gli utenti finali possano modificare il codice QR a livello di documento, clicca con il pulsante destro del mouse sul placeholder del codice QR, seleziona Assign value input (Assegna valore di input), seleziona + New input (Nuovo input) e quindi assegna un nome all‘input.

 

Colore dello sfondo

È possibile applicare un colore di sfondo al layout impostando il colore di riempimento. 

Barra laterale Livelli/Ingressi

Quando aggiungi forme, testo e loghi al tuo layout, li noterai nel pannello dei livelli. 

Questa immagine mostra diverse impostazioni per i modelli drag and drop per i loghi.

Riordinamento dei livelli

  • Trascina i livelli nel pannello in modo che riflettano l‘ordine corretto.
  • Puoi anche selezionare con il tasto destro del mouse il livello e scegliere tra queste quattro opzioni:
    • Invia a indietro
    • Invia all'indietro
    • Portare avanti
    • Porta in primo piano

Eliminazione dei livelli

  • Elimina i livelli selezionando l'oggetto sul layout e premendo il tasto elimina/backspace
  • Puoi anche fare clic con il pulsante destro del mouse sul livello nel pannello dei livelli e selezionare Elimina

Raggruppamento dei livelli

  • Seleziona i livelli che desideri raggruppare e premi CMD/CTRL + G oppure fai clic con il pulsante destro del mouse sui livelli e seleziona Raggruppa livelli
  • Per separare, seleziona il gruppo e premi CMD/CTRL + MAIUSC + G oppure fai clic con il pulsante destro del mouse sui livelli e seleziona Separa i livelli

Duplicazione dei livelli

  • Per duplicare un livello o un gruppo, seleziona gli oggetti dalla tela o dal livello nel pannello dei livelli e premi CMD/CTRL + D o fai clic con il pulsante destro del mouse e seleziona Duplica

Tasti di scelta rapida

  • Tieni premuta la barra spaziatrice per eseguire una panoramica dell'area di lavoro.
  • Cmd+Z (Ctrl+Z Windows) per annullare, Cmd+Shift+Z per ripetere (Ctrl+Y Windows).
  • Cmd+S (Ctrl+S Windows) per salvare.
  • Cmd+D (Ctrl+D Windows) per duplicare un oggetto.
  • Tieni premuto Cmd (Ctrl Windows) e scorri per ingrandire e rimpicciolire.
  • Con un trackpad, pizzica/allarga per ingrandire, due dita per eseguire una panoramica.
  • Strumenti e scorciatoie
    • T (testo)
    • R (Rettangolo)
    • O (Cerchio)
    • I (Immagine)
    • P (Pen)
    • L (Logo)
  • Del per eliminare un oggetto.
  • Cmd+G (Ctrl+G) per raggruppare gli oggetti, Cmd+Shift+G per separare.
  • W per mostrare/nascondere l‘overflow della pagina e stampare i segni di ritaglio/smarginatura (se attivato).