Guida operativa completa di ChatCanvas: padroneggia la progettazione AI conversazionale

Seven·--

ChatCanvas è l'interfaccia di progettazione conversazionale di Lovart: il luogo in cui il linguaggio naturale incontra la creazione visiva. Invece di fare clic sulle barre degli strumenti, trascinare elementi e regolare manualmente le proprietà, descrivi ciò che desideri in un inglese semplice (o in una qualsiasi delle nostre lingue supportate) e l'intelligenza artificiale genera, itera e perfeziona il tuo progetto attraverso una conversazione continua.

Questa guida copre tutto, dalle operazioni di base alle tecniche avanzate che la maggior parte degli utenti non scopre mai. Che tu sia al primo giorno o al dodicesimo mese, qui c'è qualcosa per te.

Lovart è l'agente di progettazione AI a cui si affidano oltre 10 milioni di creatori.Genera straordinarie opere d'arte AI →

Lovart genera immagini, loghi, kit del marchio e materiali di marketing da un unico brief, il tutto coerente con lo stile.Prova gratuitamente il generatore di immagini AI di Lovart →

[@portabletext/react] Unknown block type "block", specify a component for it in the `components.types` prop
[@portabletext/react] Unknown block type "imageSource", specify a component for it in the `components.types` prop

Il concetto centrale: conversazione come interfaccia

Gli strumenti di progettazione tradizionali sono fondamentali: dici al computer cosa fare passo dopo passo. "Crea un rettangolo. Rendilo rosso. Aggiungi testo. Centralo." ChatCanvas è dichiarativo: descrivi il risultato che desideri e l'intelligenza artificiale individua i passaggi.

Questo passaggio dall’interazione imperativa a quella dichiarativa è il concetto più importante da interiorizzare. Quando apri ChatCanvas, non pensare a quali strumenti utilizzare. Pensa a cosa vuoi vedere sulla tela. Poi descrivilo.

Invece di:"Inserisci una casella di testo, digita 'Summer Sale', rendilo 48pt, cambia il carattere in Montserrat Bold, rendilo rosso, centralo orizzontalmente."

Dire:"Aggiungi un titolo in grassetto con la dicitura 'Saldi estivi' in rosso, centrato in alto."

L'intelligenza artificiale gestisce i dettagli di implementazione. Il tuo lavoro è la direzione creativa.

Operazioni di base

Avvio di un nuovo progetto

Ci sono tre modi per iniziare:

  1. Descrivi da zero:"Crea un post Instagram quadrato per i saldi estivi in ​​una boutique di abbigliamento. Sconto del 50% su tutto. Il marchio è femminile e moderno."
  2. Inizia da un modello:Sfoglia la libreria dei modelli, selezionane uno vicino a quello che ti serve e aprilo in ChatCanvas. Quindi modificalo in modo colloquiale: "Cambia questo per promuovere invece i saldi invernali".
  3. Carica un'immagine per la modifica:Carica una foto, uno screenshot o un design esistente e descrivi cosa desideri modificare: "Rimuovi lo sfondo dalla foto di questo prodotto e posizionalo su uno sfondo bianco pulito con un'ombra discreta".

Iterazione attraverso la conversazione

Dopo che l'intelligenza artificiale ha generato un progetto iniziale, lo perfezioni attraverso una conversazione naturale. È qui che ChatCanvas è fondamentalmente diverso dagli altri strumenti di progettazione AI. Non ricominci da capo quando il primo risultato non è perfetto: parli dei miglioramenti.

Modelli di iterazione efficaci:

  • Feedback specifico e direzionale:"Rendi il titolo più grande del 20% e cambia il colore in blu navy."
  • Feedback comparativo:"Mi piace di più la seconda versione: puoi prendere quella e aggiungere un bordo attorno all'immagine?"
  • Feedback basato sull'umore:"Sembra troppo aziendale. Puoi renderlo più giocoso e amichevole?"
  • Feedback strutturale:"Il layout è buono ma voglio invece l'immagine a sinistra e il testo a destra."

Modelli di iterazione inefficaci:

  • Feedback vago:"Rendilo migliore." (L'intelligenza artificiale non può leggere la tua mente: sii specifico su cosa significa "migliore".)
  • Feedback contraddittorio:Dire "rendilo più audace" e poi "rendilo più sottile" nei messaggi successivi senza chiarire il conflitto.
  • Ricominciare inutilmente:Se l'80% del progetto funziona, ripeti il ​​20% che non funziona. Non demolire tutto e pretendere un nuovo inizio a meno che la direzione fondamentale non sia sbagliata.

Utilizzo dei riferimenti

ChatCanvas può fare riferimento a ispirazioni di progettazione esterne. Esistono tre modi per fornire referenze:

  1. Carica immagini di riferimento:"Ecco un design che mi piace. Crea qualcosa con un'atmosfera simile ma per il mio marchio."
  2. Descrivi un riferimento noto:"Fai in modo che assomigli alla pagina di un prodotto Apple: pulita, molto spazio bianco, un'immagine di prodotto emblematica, testo minimo."
  3. Fai riferimento a un progetto ChatCanvas precedente:"Utilizza lo stesso layout del post 'Collezione primaverile' che abbiamo pubblicato la settimana scorsa, ma aggiorna i colori e il testo per la nostra collezione estiva."

L'intelligenza artificiale catturerà l'essenza del riferimento (struttura del layout, trattamento del colore, stile tipografico) senza copiarlo direttamente.

Tecniche Avanzate

Ragionamento progettuale in più fasi

ChatCanvas utilizza MCoT (catena di pensiero multimodale) per riflettere su richieste di progettazione complesse. Puoi sfruttare questo in modo esplicito suddividendo la tua richiesta in fasi logiche:

Fase 1: strategia"Per prima cosa, aiutami a pensare alla strategia. Ho bisogno di un eroe della landing page per un'app di meditazione rivolta ai professionisti stressati. Quale direzione visiva sarebbe più efficace?"

L’intelligenza artificiale ragionerà attraverso il pubblico, gli obiettivi emotivi, il panorama competitivo e la psicologia del design prima di suggerire una direzione. Si discute, si concorda l'approccio e poi si passa all'esecuzione.

Fase 2: Impaginazione"Okay, mi piace la direzione calma ma moderna. Ora suggerisci un layout. Voglio che comunichi pace senza sembrare noioso."

Fase 3: perfezionamento dei dettagli"Ottimo layout. Ora perfezioniamo: voglio che la tipografia del titolo sembri più editoriale, il colore dello sfondo leggermente più caldo e il pulsante CTA abbia più peso visivo."

Questo approccio graduale produce risultati migliori rispetto all’inserimento di tutti i requisiti in un unico messaggio perché l’intelligenza artificiale può concentrare il proprio ragionamento su un problema alla volta.

Comandi del sistema di progettazione

ChatCanvas comprende i concetti del sistema di progettazione. Puoi usarli direttamente:

  • "Crea una griglia"— L'intelligenza artificiale crea e mantiene una struttura a griglia sottostante per l'allineamento
  • "Applica gerarchia visiva"— L’intelligenza artificiale dà esplicitamente la priorità agli elementi in base all’importanza
  • "Utilizza la spaziatura del marchio"— L'IA fa riferimento ai token di spaziatura del tuo Brand Kit
  • "Mantenere la scala tipografica"— L'intelligenza artificiale garantisce che tutte le dimensioni del testo seguano un sistema proporzionale coerente
  • "Verifica accessibilità"— L'intelligenza artificiale esamina i rapporti di contrasto, le dimensioni del testo e i touch target

Generazione di batch e varianti

Per esigenze di volumi elevati, ChatCanvas supporta operazioni batch:

Generazione di varianti:"Genera 5 varianti di questo design: prova diverse combinazioni di colori, posizionamenti di foto e trattamenti tipografici. Voglio eseguire un test A/B."

Modelli batch:"Ho 15 prodotti. Prendi questo modello e crea una versione per ciascun prodotto. Ecco i nomi e le immagini dei prodotti." (Puoi caricare un CSV o incollare un elenco.)

Esportazione multiformato:"Esporta questo design in tutti i formati standard: quadrato di Instagram, storia di Instagram, post di Facebook, post di LinkedIn e intestazione di posta elettronica. Regola il layout secondo necessità per ciascun formato."

Tocca Modifica integrazione

ChatCanvas si integra con Touch Edit per perfezionamenti a livello di pixel. Quando è necessario modificare un elemento specifico all'interno di un progetto generato:

"Aprilo in Modifica tocco. Voglio rimuovere la pianta in vaso dall'angolo della foto di questa stanza." (Utilizza la pittura)

"Estendi lo sfondo di questa immagine di 200 pixel sul lato destro." (Utilizza la verniciatura)

"Cambia il colore del divano in questa immagine dal beige al blu navy." (Utilizza la modifica selettiva del colore)

Touch Edit gestisce la manipolazione dell'immagine; ChatCanvas gestisce la direzione generale del design. Lo spostamento tra di essi è fluido: lo stato di progettazione viene preservato.

Flussi di lavoro comuni

Creazione di post sui social media

Sessione tipica:

  1. "Crea un post su Instagram che annunci il lancio del nostro nuovo prodotto. Il prodotto è una bottiglia d'acqua sostenibile. Il nostro marchio è ecologico e moderno."
  2. Esamina il post generato.
  3. "Mi piace la direzione, ma la foto del prodotto deve essere più grande: dovrebbe essere l'elemento principale."
  4. "Aggiungi il nostro logo nell'angolo in alto a destra con dimensioni ridotte."
  5. "Lo sfondo dovrebbe essere più naturale, forse un delicato motivo a foglie o una sfumatura ispirata alla natura."

Lovart è l'agente di progettazione AI a cui si affidano oltre 10 milioni di creatori.Crea storie su Instagram con l'intelligenza artificiale →

👉 Crea da Testo: https://www.lovart.ai/tools/text-to-image-generator

[@portabletext/react] Unknown block type "cta", specify a component for it in the `components.types` prop
  1. "Perfetto. Esporta come formato Instagram Square e Story."

Tempo: 2-5 minuti.(Design tradizionale: 30-60 minuti.)

Suite per campagne di marketing

Sessione tipica:

  1. "Ho bisogno di una suite completa per la campagna per i saldi del Black Friday nel nostro negozio di elettronica. Mi servono: intestazione e-mail, post su Instagram, annuncio su Facebook, banner hero del sito web e un volantino stampato."
  2. L'intelligenza artificiale genera la suite completa con un linguaggio visivo coerente.
  3. "L'annuncio di Facebook deve essere più incentrato sulla conversione: rendere la percentuale di sconto l'elemento più importante. L'intestazione dell'e-mail può essere più incentrata sul marchio. Tutto il resto sembra fantastico."
  4. "Aggiungi il nostro badge 'Spedizione gratuita' a tutte le versioni."
  5. "Esporta tutto nelle dimensioni corrette della piattaforma."

Tempo: 10-15 minuti.(Design tradizionale: 4-8 ore su più strumenti.)

Sviluppo dell'identità del marchio

Sessione tipica:

  1. "Sto avviando un nuovo marchio chiamato 'Morning Ritual', un servizio di abbonamento premium al caffè. Pubblico target: professionisti attenti al design che hanno a cuore la qualità del caffè. Personalità del marchio: raffinata, calda e leggermente ossessiva per l'artigianato. Aiutami a sviluppare l'identità visiva."
  2. L'intelligenza artificiale propone una direzione completa del marchio: concetti di logo, tavolozza dei colori, tipografia e stile visivo.
  3. Ripeti: "Il logo è simile ma sembra troppo rustico: voglio qualcosa di più contemporaneo". "La tavolozza dei colori è bellissima, ma voglio che il colore in risalto sia più distintivo."
  4. "Ora genera il pacchetto completo del marchio: biglietto da visita, concetto di etichetta di imballaggio, set di modelli Instagram ed eroe del sito web."

Tempo: 30-60 minuti per lo sviluppo completo del marchio.(Design tradizionale: 2-4 settimane con un'agenzia.)

Scorciatoie da tastiera e funzionalità di alimentazione

ChatCanvas supporta le scorciatoie da tastiera per utenti esperti:

  • ⌘ + Invio:Invia messaggio / genera
  • ⌘+Z:Annulla l'ultima generazione (ripristina lo stato di progettazione precedente)
  • ⌘ + Maiusc + Z:Rifare
  • ⌘+E:Esporta il progetto corrente
  • ⌘+S:Salva nel progetto
  • ⌘+B:Attiva/disattiva la sovrapposizione del kit del marchio (mostra i colori, i caratteri e le regole del marchio come riferimento)
  • ⌘+/:Mostra la tavolozza dei comandi
  • Scheda:Completamento automatico dei comandi di progettazione comuni
  • ↑ (nell'input della chat):Scorri i messaggi precedenti

Caratteristiche di potenza:

  • "/@marca"— Richiama esplicitamente Brand Kit per il messaggio corrente
  • "#nome-modello"— Fare riferimento a un modello salvato per nome
  • Fare clic con il pulsante destro del mouse su qualsiasi elemento— Apre un menu contestuale con azioni specifiche dell'elemento (modifica, sostituisci, rimuovi, duplica)
  • Trascina e rilascia le immaginidirettamente sulla tela per aggiungerli al disegno corrente
  • "Ricordare:"prefisso: aggiunge un'istruzione persistente che si applica a tutti i messaggi successivi in ​​questa sessione (ad esempio, "Ricorda: usa sempre il nostro marchio verde per i CTA")

Risoluzione dei problemi comuni

"L'intelligenza artificiale non capisce cosa voglio."

  • Sii più specifico. Invece di "renderlo moderno", prova a "utilizzare un carattere sans-serif minimo, molto spazio bianco e una tavolozza di colori limitata".
  • Fornisci un'immagine di riferimento.
  • Prova l'approccio per fasi: prima la strategia, poi il layout, poi i dettagli.

"Il design sembra generico."

  • Fornisci dettagli più specifici sul marchio. I prompt generici producono risultati generici.
  • Utilizza il tuo Brand Kit se non l'hai già fatto.
  • Fai riferimento a stili di design specifici o ispirazioni che ammiri.

"L'intelligenza artificiale continua a fare lo stesso errore."

  • Utilizzare "Ricorda:" per impostare un'istruzione persistente.
  • Prova a riformulare il feedback in modo diverso: a volte una descrizione diversa dello stesso problema produce risultati migliori.
  • Se si tratta di un elemento specifico che continua a essere problematico, prova: "Blocca tutto tranne [elemento] e cambia solo quello".

"Il testo nel mio progetto presenta errori di battitura o formattazione strana."

  • Scrivi esplicitamente il testo che desideri includere: "Il titolo dovrebbe essere esattamente: 'Saldi estivi - 50% di sconto su tutto'"
  • Controlla attentamente il testo. Anche se il rendering del testo tramite intelligenza artificiale è migliorato notevolmente, non è perfetto. Correggere sempre le bozze.
  • Per il testo critico, valuta la possibilità di aggiungerlo come livello di testo separato dopo la generazione.

"Il mio design appare diverso quando esportato."

  • Le anteprime di ChatCanvas sono RGB. Le esportazioni di stampa richiedono la conversione CMYK: controlla sempre l'anteprima di stampa prima di esportare per la stampa.
  • La luminosità e la calibrazione dello schermo influiscono sulla modalità di visualizzazione dei colori. Fidati dei codici esadecimali, non solo dei tuoi occhi.
  • Esporta nella dimensione e nella risoluzione previste per il supporto di destinazione.

Suggerimenti da utenti esperti

  • Inizia ogni sessione con il contesto."Sto progettando per [marchio], un'azienda [del settore]. I colori del nostro marchio sono [colori]. Il pubblico è [pubblico]. L'obiettivo di questo progetto è [obiettivo]." Più contesto fornisci in anticipo, migliore sarà il primo risultato.
  • Costruisci un vocabolario ChatCanvas.Presta attenzione a quali frasi producono buoni risultati e quali no. Nel corso del tempo, svilupperai un senso intuitivo di come descrivere la direzione del progetto in modo efficace.
  • Utilizza il pannello della cronologia.Ogni sessione di ChatCanvas conserva la tua cronologia completa. È possibile tornare indietro a qualsiasi stato di progettazione precedente e diramarsi da lì. Questo ha un valore inestimabile per esplorare più direzioni senza perdere il lavoro.
  • Salva i progetti di successo come modelli.Se crei un post sui social media che funziona bene, salvalo. La prossima volta, inizia da quel modello anziché da zero.
  • Combina ChatCanvas con strumenti manuali.ChatCanvas è ottimo per l'80%: struttura, layout, colore e tipografia. Per regolazioni finali perfette al pixel, esporta e perfeziona nel tuo strumento di progettazione preferito. L'intelligenza artificiale ti porta al traguardo; lo sprint finale è tuo.

ChatCanvas rappresenta un modo fondamentalmente nuovo di creare contenuti visivi. Premia la comunicazione chiara, la direzione creativa e la raffinatezza iterativa. Più lo usi, più intuitiva diventa la conversazione e più velocemente passerai dall'idea al progetto finito.

Pronti per creare? Lovart è l'agente di progettazione AI che genera progetti professionali da descrizioni in linguaggio semplice. Visita i nostri strumenti di progettazione AI per esplorare la generazione di immagini, la creazione di video, la rimozione dello sfondo, il design del logo e altro ancora. Oppure inizia a creare gratuitamente: 50 progetti al mese, senza carta di credito.

Prova gli strumenti di progettazione AI di Lovart

Continua a esplorare la progettazione AI e i flussi di lavoro creativi. Consulta le nostre guide complete sulla generazione di immagini AI, sulla creazione di video con Veo 3 e Sora 2, sulla creazione di kit di marca e sulla creazione di contenuti professionali per i social media, il tutto gestito da AI Design Agent di Lovart.

Articoli correlati

[@portabletext/react] Unknown block type "block", specify a component for it in the `components.types` prop

Tela correlata:Lo spazio creativo infinito: orchestrare un campo multiformato[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` propMigliori pratiche: strategia di layout ChatCanvas per la massima produzione

[@portabletext/react] Unknown block type "span", specify a component for it in the `components.types` prop

Articoli correlati: Presenting Designs: How to Use ChatCanvas for Client Reviews That Get Approved Faster | Piano Team Lovart: spiegazione della gestione di posti, crediti e permessi

Read more

Design with Lovart

Create with momentum. Bring your vision to life.