Com crear targetes de visita 🔵

Amb ChatGPT o Claude, pots fer molt més que generar text. En aquest experiment, provarem de crear una targeta de visita a partir d’una guia d’estil i després demanarem alguns canvis sense sortir de la conversa.

Començarem amb un exemple senzill. Si el resultat ens convenç, ja tindrem una base per experimentar amb altres formats.

Creació de la guia d’estil

Vull deixar clar, d’entrada, que el disseny no és el meu fort. Decidir quins colors, o quines tipografies, em costa molt. Per això, he preparat un exemple molt bàsic que podeu adaptar al vostre gust,

Exercici: Es tracta d’una guia d’estil per crear una targeta del meu blog «ELS MEUS RESTAURANTS».

Una guia d’estil és un document que recull les normes visuals que volem seguir: colors, família tipogràfica, mides, marges i distribució dels elements. Així, la IA té unes instruccions concretes per treballar.

Us deixo tot seguit un exemple que podeu copiar, per fer proves, si us fa mandra definir una «guia». I tant és posar «color crema clar», que «color #F7F3EB», tot i que aquest últim, aporta més precisió.

Guia d’estil

Guia d’estil per a una targeta ELS MEUS RESTAURANTS Aquesta guia defineix l’aspecte d’una targeta de visita per a un blog de restaurants. És un exemple didàctic: les dades que s’hi han d’incloure es facilitaran en l’encàrrec. 1 Aspecte general Disseny senzill, elegant i proper. Fons clar, text fàcil de llegir i espai buit suficient. Sense fotografies, textures, ombres ni efectes tridimensionals. 2 Colors Pel fons utilitzar color crema clar: #F7F3EB Per tot el text, utilitzar marró fosc: #49362B Pel petit detall decoratiu, utilitzar color verd oliva: #78816B 3 Tipografies Nom del blog: Georgia en negreta, 16 punts, en dues línies: «ELS MEUS» i «RESTAURANTS». Dades de contacte: Arial regular, 9 punts. No substituir les fonts sense avisar ni estirar les lletres per fer-les encaixar. 4 Format i distribució Targeta horitzontal de 85 × 55 mm, d’una sola cara. Marge interior mínim de 5 mm als quatre costats. Nom del blog a la part superior esquerra i dades a la part inferior esquerra, tot alineat a l’esquerra. Deixar almenys 4 mm entre el bloc del nom i el de les dades. 5 Decoració i llegibilitat Cal afegir només una línia curta o un cercle petit de color verd oliva, a la dreta. El detall no ha de tocar el text ni sortir dels marges. No afegir icones, logotips, codis QR ni informació que no consti en l’encàrrec. 6 Resultat esperat Mostrar la targeta plana i de front, sense escenaris ni maquetes. Respectar les mides, els colors i les fonts. Revisar que tot el text sigui correcte, es pugui llegir i no se superposi.

Podeu copiar aquesta guia en un document de Word, Google Docs o qualsevol altre editor i exportar-la a PDF. Aquest serà el fitxer que adjuntarem a la conversa.

El prompt per demanar la targeta

Un cop tenim el PDF, l’adjuntem i escrivim què volem que faci la IA. Aquí teniu una proposta de prompt que podeu copiar i modificar:

Vull crear una targeta de visita per al meu blog «ELS MEUS RESTAURANTS». T’adjunto un PDF amb la guia d’estil. Llegeix-lo i utilitza les seves normes de color, tipografia, mida i distribució. La targeta ha d’incloure exactament aquestes dades: ELS MEUS RESTAURANTS Cal Malcarat 43850 Cambrils restaurantscat.cat Crea una sola proposta, d’una cara, senzilla i fàcil de llegir. No afegeixis informació inventada. Abans de donar-la per acabada, comprova que has respectat la guia, que el text és correcte i que cap element se superposa ni surt dels marges. Mostra’m la targeta completa com una imatge plana dins de la conversa i facilita’m també un PDF amb la mida real indicada a la guia. No em mostris només els elements decoratius per separat. Si no pots llegir el document o utilitzar alguna de les tipografies, explica-m’ho abans de substituir-la.

La guia defineix l’estil; el prompt explica l’encàrrec i les dades que ha d’incloure la targeta.

En aquest exemple, demanem que ens mostri la targeta completa com una imatge i que també ens faciliti un PDF a mida real.

Aquest és el resultat que he obtingut:

No pretengueu que el primer resultat us satisfaci. Aquí per exemple el «detall decoratiu» demanat al punt 5 de la Guia d’Estil, és molt pobre.

Però, a partir d’aquí, i sense sortir de la conversa, podem anar plantejant modificacions. Per exemple:

Substitueix el detall decoratiu per un codi QR que ens porti al blog https://restaurantscat.cat/, sense modificar la resta.

Fixeu-vos en l’última part del prompt: «sense modificar la resta». Ens ajuda a concretar que volem un canvi puntual i que la resta del disseny ja ens agrada.

Abans de donar-lo per bo, proveu el QR amb el mòbil i comproveu que obre l’adreça correcta.

A partir d’aquí, i amb la creativitat de cadascú, podeu continuar demanant canvis: fer el títol més petit, moure el QR o provar un altre color de la guia. Per veure millor què canvia, podeu demanar una modificació cada vegada.

Demanem també que ho revisi

No us talleu a l’hora de posar condicions. Per exemple:

Abans de donar la targeta per acabada, comprova que el text és correcte, que cap element se superposa i que tot queda dins dels marges indicats a la guia. Comprova també que el codi QR té prou espai lliure al voltant i que dirigeix a l’adreça indicada. Si detectes algun problema, corregeix-lo i torna a revisar el resultat.

Això no ens estalvia mirar-nos la targeta amb calma. Amplieu-la, llegiu totes les dades i, si la voleu imprimir, feu una prova a mida real. Si l’heu de portar a una impremta, demaneu quins requisits necessita i incorporeu-los a l’encàrrec.

I si volem anar més enllà?

Podem continuar l’experiment demanant un pòster, indicant-ne les mides, o una pàgina web, segons les eines disponibles en el model que utilitzem.

Per exemple:

Crea una pàgina HTML per al blog «ELS MEUS RESTAURANTS» que segueixi la guia d’estil adjunta i mantingui els colors i les tipografies de la targeta.

Inclou el nom del blog, una breu presentació i una secció amb tres restaurants, fent servir només els textos i les dades que et facilitaré.

Si et falta informació, demana-me-la abans d’inventar-la.

Evidentment, haurem de facilitar els textos, les imatges i les dades necessàries per a tot el que demanem.

Guardem les instruccions per a una altra ocasió

Si ens agrada el resultat, podem demanar que ens reculli les decisions preses durant la conversa:

Crea un document amb les directrius visuals que hem utilitzat: colors amb els seus codis, tipografies, mides de lletra, marges, distribució dels elements i comprovacions finals. Inclou els canvis que hem aprovat perquè pugui reutilitzar aquestes instruccions en futurs dissenys.

I, si l’eina que fem servir permet crear skills, podem fer un pas més i demanar que ens prepari aquestes instruccions com una skill reutilitzable. Però això ja pot ser un altre experiment.

De moment, amb una guia senzilla, un encàrrec concret i alguna correcció, ja hem creat una targeta pròpia. I, en el meu cas, sense haver de confiar gaire en les meves habilitats com a dissenyador.

Bonus Track

Finalment, us deixo una plantilla que he trobat per les xarxes, que substituint els valors per les vostres dades, podeu aconseguir resultats molt creatius. Aquí la teniu:

Només cal substituir els textos en itàlica, per les vostres dades i quan hi ha diverses opcions, escollir una o inventar una nova:

Crea un disseny de targeta de visita únic i prèmium per a [NOM], un/a [CÀRREC / PROFESSIÓ] que treballa al sector de [SECTOR / ÀMBIT]. La targeta ha de transmetre un estil [minimalista / modern / creatiu / luxós / atrevit / discret / editorial] i reflectir la identitat professional de la persona, allunyant-se de les plantilles corporatives genèriques. Adopta una línia visual inspirada en [disseny suís / edició de luxe / tecnologia moderna / minimalisme arquitectònic / estil retro-modern / estètica d’estudi creatiu]. Defineix la targeta a partir d’una paleta de colors formada per [COLORS], amb acabats com [mat / texturat / metàl·lic / tacte suau / paper no estucat] i elements gràfics subtils inspirats en [INTERÈS PERSONAL / SECTOR / CIUTAT / INICIALS / MOTIU ABSTRACTE]. Inclou, necessàriament, les dades següents: [NOM] [CÀRREC] [EMPRESA / MARCA PERSONAL] [CORREU ELECTRÒNIC] [TELÈFON] [LLOC WEB / LINKEDIN] Utilitza una tipografia neta i molt llegible, un espaiat ben definit i una jerarquia visual acurada. Aconsegueix un disseny singular mitjançant la composició, els materials, la tipografia i detalls visuals subtils, evitant decoracions innecessàries. Presenta tant l’anvers com el revers de la targeta en una proposta ben acabada. El resultat final ha de transmetre exclusivitat, ser memorable i creïble, i estar a punt per a la impressió; com si hagués estat dissenyat per un estudi de branding d’alt nivell.

Tot seguit alguns resultats d’exemple, extrets de la pàgina dels mateixos creadors del prompt.