# Pannelli laterali del Designer

> I nove pannelli della colonna a sinistra del Designer (Tool, Livelli, Modelli, Immagini, Testo, Simboli, Citazioni, Sfondo, Meme): che cosa contengono e come si usano.

Ultimo aggiornamento: 23 ottobre 2026. Fonte: https://narciso.io/docs/pannelli-del-designer/

A sinistra dell'editor ([Designer](https://narciso.io/docs/designer/)) c'è una colonna con **nove pulsanti**: **Tool**, **Livelli**, **Modelli**, **Immagini**, **Testo**, **Simboli**, **Citazioni**, **Sfondo**, **Meme**. Ognuno apre un pannello largo 320 punti accanto alla [La tela](https://narciso.io/docs/tela/). All'apertura è aperto **Livelli**; un clic sul pulsante già attivo chiude il pannello (la tela si allarga). Quando si **seleziona un elemento** sulla tela il pannello passa da solo a **Tool**.

## Tool: le proprietà dell'elemento selezionato

Senza selezione: **Nessun elemento — Seleziona un elemento per vedere qui le sue caratteristiche e modificarle**. Con una selezione compaiono solo i blocchi adatti al tipo di elemento. I blocchi con la freccia si aprono e chiudono con un clic.

| Blocco | Vale per | Contenuto |
|---|---|---|
| **Font** | Testo | Casella **Cerca font...** e un elenco di **35 caratteri** mostrati con il loro aspetto (Roboto, Open Sans, Montserrat, Poppins, Playfair Display, Bebas Neue, Pacifico, Dancing Script, Courier New e altri) più i **caratteri caricati da te**. Nessuna corrispondenza: **Nessun font trovato** |
| **Dimensione** | Testo | Campo numerico con **−** e **+** (tenendoli premuti si ripetono) |
| **Stile** | Testo | **Grassetto**, **Corsivo**, **Sottolineato**, **Barrato**, **Tutto maiuscolo** (pulsante **AA**) |
| **Colore** e **Contorno** | Testo, forme, icone | Pallino del colore con selettore, campo **#RRGGBB**, **Contagocce** (se il browser lo offre) e 16 tinte rapide; per il contorno anche lo spessore |
| **Linea** | Linee | **Colore**, **Spessore** (1–60), **Tratteggio** (0–30), **Punta iniziale** e **Punta finale** (Nessuna, Freccia, Triangolo, Cerchio, Quadrato, Barra) |
| **Allineamento testo** | Testo | **Sinistra / Centro / Destra / Giustifica** e **In alto / Al centro / In basso** |
| **Posizione sulla pagina** | Tutti | **Asse X** (Sinistra, Centro, Destra) e **Asse Y** (Sopra, Centro, Sotto): con un solo elemento si allinea **alla pagina**; con più elementi il **primo cliccato** fa da riferimento. **Livelli**: **Primo piano**, **Fondo**, **Porta avanti**, **Porta indietro** |
| **Spaziatura** (chiuso) | Testo | **Spaz. orizzontale** (−100…100), **Spaz. verticale** (0,5…2,5) |
| **Testo circolare** (chiuso) | Testo | Interruttore **Attiva** e **Curvatura** (−100…100%) |
| **Sfondo testo** (chiuso) | Testo | Interruttore **Attivo**, colore, **Opacità**, **Angoli arrotondati**, **Margine** |
| **Ombra** (chiuso) | Tutti | **Ombra portata**, colore, **Sfocatura**, **Distanza X/Y**, **Opacità** |
| **Regolazione colori** | Immagini, icone, forme | Riquadri con anteprima: **Opacità, Sfoca, Luminosità, Contrasto, Saturazione, Temperatura, Ombre, Grigi, Seppia, Vibrazione, Bianchi, Neri, Caldo, Freddo, Naturale**. Passando il mouse circa mezzo secondo su un riquadro compare il cursore con il campo numerico. **Grigi** e **Seppia** sono interruttori |
| **Trasformazioni** | Immagini, icone, forme | **Ruota avanti / indietro** di 90°, **Rifletti verticale / orizzont.**, **Ritaglia**, **Inclina sx / dx** e **Angoli arrotondati** |

Opacità, ombra e filtri si applicano a **tutti** gli elementi selezionati.

Nel blocco **Trasformazioni**, con una foto selezionata, ci sono anche gli strumenti di ritocco (togli sfondo, Gomma, Gomma magica, Inpainting, Scomponi): vedi [Ritoccare le foto](https://narciso.io/docs/ritoccare-le-foto/).

## Livelli

L'elenco degli elementi **dall'alto in basso**: ciò che sta in cima all'elenco sta davanti sulla tela. Con più quadri le righe sono raggruppate sotto **Pagina 1**, **Pagina 2**… (un clic = **Vai a questa pagina**) e ogni quadro ha in testa la riga **Sfondo Pagina**.

- Un clic su una riga seleziona l'elemento. Per **riordinare** o spostare su un altro quadro si trascina tenendo premuto circa 0,3 secondi prima di muoversi.
- Al passaggio del mouse compaiono **Blocca / Sblocca** (lucchetto) e **Nascondi / Mostra** (occhio). Un elemento **nascosto** non si vede e **non viene esportato**; uno **bloccato** non si sposta più.
- I gruppi hanno una freccia per aprirli e chiuderli.
- In fondo, con un elemento selezionato, compare un piccolo riquadro con il cursore dell'opacità (le scritte sono in inglese: **Properties** e **Opacity**).

## Modelli

Due icone in alto a destra: **Personali** e **Libreria** (il titolo mostra **Personali** o **Creator's**).

- **Personali** — i **tuoi modelli**, in una griglia a due colonne. Il riquadro tratteggiato **Crea** salva **questo lavoro come modello** (se il lavoro non è ancora salvato lo salva prima). Notifiche: **Modello salvato**, **Modello aggiornato**, **Errore durante il salvataggio del modello**. Se si modifica il lavoro dopo aver creato il suo modello compare **Aggiorna**, che sovrascrive il modello con lo stato attuale. Senza modelli: «Non hai ancora nessun modello. Clicca su "Crea"…». I modelli seguono la **sede** e arrivano a blocchi di 24 scorrendo. Un clic applica il modello alla tela aperta.
- **Libreria (Creator's)** — modelli pronti di un catalogo esterno. Un clic (o il trascinamento sulla tela) li applica alla tela già aperta, che **mantiene la misura scelta**: è il modello ad adattarsi. Se in fase di configurazione è stato scelto il **logo** dell'attività ([Palette e font aziendali](https://narciso.io/docs/identita-visiva/)), nei modelli il logo del salone prende il posto del segnaposto **Logo**. I modelli **animati** (video) non sono accettati: **Questo modello è un template animato (video ad) e non è compatibile con l'editor statico: scegline un altro dai "Modelli".**

> **Attenzione.** Applicare un modello **sostituisce tutto il contenuto** del lavoro: gli elementi già presenti spariscono (si recuperano con **Ctrl+Z**). Va fatto subito, a tela vuota. Su biglietti, volantini e poster è meglio **non** applicare modelli: i quadri vengono sostituiti e l'abbondanza e i nomi Fronte/Retro possono andare persi ([Formati di stampa](https://narciso.io/docs/formati-di-stampa/)).

## Immagini

Tre icone in alto a destra: **Personali**, **Libreria** e **AI**.

- **Personali** — i **tuoi file caricati**: foto, SVG, video e audio. Barra **Cerca immagini...** (filtra per nome). Senza file: **Nessun file personale — Trascina o clicca qui per caricare i tuoi contenuti**. Il pulsante **Carica file** accetta anche più file insieme e si può anche **trascinare** sul pannello. Un clic su un file lo aggiunge alla tela. Formati: **JPG, PNG, WebP, GIF, SVG**, video **MP4/WebM/MOV**, audio **MP3/WAV/OGG**, **massimo 50 MB** per file ([Formati e dimensioni dei file](https://narciso.io/docs/file-formati-e-dimensioni/)). I file seguono la sede. Dopo un caricamento conviene controllare che il file compaia nell'elenco.
- **Libreria** — foto gratuite di **Unsplash** con casella di ricerca; un clic aggiunge la foto, con il credito **Foto di …** sotto ogni foto.
- **AI** — le immagini generate con l'intelligenza artificiale: vedi [Immagini con l'intelligenza artificiale](https://narciso.io/docs/immagini-con-ai/).

Il **cestino** su un file personale (e su una creazione AI) lo elimina **subito, senza chiedere conferma**, e lo cancella dal server: i lavori che lo usano perdono quell'immagine.

Una foto **trascinata dal computer direttamente sulla tela** viene messa subito al suo posto e caricata in parallelo tra i tuoi file. Se il caricamento fallisce: **Una foto trascinata non è stata salvata sul server: sparirà se ricarichi la pagina prima di ritrascinarla.**

## Testo

- Tre riquadri **H1 Titolo**, **H2 Sottotitolo**, **H3 Corpo testo**: un clic aggiunge il testo al centro, già in modifica. La dimensione si adatta alla misura della tela.
- Sotto, i **Modelli** di testo già composti, che si inseriscono come **gruppo** (separabile con **Separa**).
- **I miei caratteri**: l'elenco dei font caricati. **Carica carattere** apre un file **.ttf, .otf, .woff, .woff2, .eot**; un clic sul carattere aggiunge un testo con quel font; il cestino **Rimuovi** lo toglie e i testi che lo usano tornano a **Roboto**. Senza font: **Nessun font personale**. I caratteri caricati sono salvati dentro il lavoro: file molto pesanti possono far superare il limite di salvataggio, quindi conviene **.woff2**.
- Scorciatoia **T**: aggiunge un testo al centro.

## Simboli

Due icone: **Forme** e **Icone**.

- **Forme** — casella di ricerca anche in italiano (cerchio, stella, cuore, freccia, cornice, fumetto, nuvola…), sezioni **Linee** e **Forme**. Un clic (o il trascinamento) le inserisce, grigie. Scorciatoia **R**: rettangolo nero.
- **Icone** — catalogo di icone vettoriali con ricerca in italiano. Un clic aggiunge l'icona. Se prima si è selezionata un'immagine, l'icona diventa **la sua maschera**.

## Citazioni

Casella **Cerca citazione o autore...** e un elenco scorrevole (20 per volta) di citazioni con autore e fonte; senza ricerca compaiono citazioni a caso. **Visualizza di più / Mostra meno** espande il testo lungo. Un clic aggiunge la citazione e, sotto, l'autore allineato a destra; il colore si adatta allo sfondo (scuro su bianco, bianco su altro). Senza risultati: **Nessun risultato trovato**.

## Sfondo

- **Tinta unita** — 12 colori rapidi e il pulsante tratteggiato **?** (**Colore Personalizzato (Uniforme o Sfumato)**), con le schede **Uniforme** (codice colore) e **Sfumato** (**Colore 1**, **Colore 2**, **Angolo**).
- **Grafiche** — foto e texture di Unsplash con ricerca; un clic le usa come sfondo.

Lo sfondo vale per il **solo quadro attivo**.

## Meme

La ricerca **Cerca meme...** su un catalogo di modelli di meme. Un clic aggiunge il meme al centro (mezza larghezza della tela). L'icona **i** apre **Esempi di utilizzo** con foto d'esempio. Senza risultati: **Nessun meme trovato**.

> **Nota.** Le ricerche di foto, icone e i modelli Creator's passano da servizi esterni: se non rispondono i relativi pannelli restano vuoti, mentre citazioni e meme sono archivi di Narciso ([Servizi esterni](https://narciso.io/docs/servizi-esterni/)).

## Voci correlate

- [Designer](https://narciso.io/docs/designer/)
- [La tela](https://narciso.io/docs/tela/)
- [Immagini con l'intelligenza artificiale](https://narciso.io/docs/immagini-con-ai/)
- [Progetti del Designer](https://narciso.io/docs/progetti-del-designer/)