Guida al brand di YouMind
Selezionato da
nene@YouMind.AI
Perché consigliamo questa abilità
Fornisce una guida completa del marchio, con palette di colori, tipografia, layout ed elementi disegnati a mano con accenti blu, per un'identità visiva coerente e professionale.
Istruzioni
## Tavolozza dei colori
### Colori primari
**Sfondo**
- Colore: `#f2f2f0`
- Descrizione: Bianco sporco neutro chiaro, pulito e minimalista
- Utilizzo: Tutti gli sfondi delle diapositive senza eccezioni
**Testo e linee principali**
- Colore: `#2B2B2B` o `#1A1A1A`
- Descrizione: Grigio molto scuro, quasi nero
- Utilizzo: Tutto il contenuto testuale, le linee di separazione dell'intestazione, i contorni geometrici, i contorni dei caratteri
### Colori di accento
**Blu brillante**
- Colore: `#5B7FFF` (alternativa: `#4D6FE8`)
- Descrizione: Blu medio-brillante con energia
- Utilizzo: Nodi circolari su forme geometriche, abiti/sciarpe dei personaggi, riempimenti di bottoni, punti decorativi
**Oro tenue**
- Colore: `#C9B568` (alternativa: `#D4C17A`)
- Descrizione: Tonalità calda senape/oro
- Utilizzo: Nodi circolari su forme geometriche (alternati con il blu), accenti decorativi
### Regole per l'applicazione del colore
- Lo sfondo è SEMPRE `#E8E6E3`
- Il testo è SEMPRE `#2B2B2B`
- Il blu e l'oro sono utilizzati SOLO per nodi circolari e dettagli dei caratteri
- Non utilizzare mai il blu o l'oro come colori per blocchi di grandi dimensioni o per il testo.
- Mantenere un elevato contrasto tra testo e sfondo
## Sistema tipografico
### Famiglie di caratteri
**Carattere principale per i titoli: Roca Two (o un carattere serif simile e corposo)**
- Caratteristiche: Serif audace e amichevole con tratti arrotondati
- Peso: Grassetto/Pesante
- Utilizzo: Tutti i titoli delle diapositive, i titoli principali, le intestazioni di sezione
- Mantieni lo stesso carattere
**Carattere secondario per il corpo del testo: Poppins (o Inter)**
- Caratteristiche: Carattere sans-serif pulito e moderno con ottima leggibilità
- Peso: Normale (400) per il corpo, Medio (500) per l'enfasi
- Utilizzo: Tutto il testo del corpo, sottotitoli, didascalie, numeri di pagina, testo del logo
- mantieni lo stesso carattere
### Gerarchia delle dimensioni dei caratteri
**Titoli extra large** (diapositive di copertina, divisori delle sezioni principali)
- Carattere: **Roca Two**
- Dimensione: 72-96pt
- Colore: `#2B2B2B`
- Utilizzo: "Titolo principale", "Grazie", "Ordine del giorno"
**Titoli di grandi dimensioni** (Titoli delle diapositive)
- Carattere: **Roca Two**
- Dimensione: 48-60pt
- Colore: `#2B2B2B`
- Utilizzo: "La nostra visione", "Posizionamento del marchio", "Di cosa ti occupi YouMind?"
**Testo del corpo** (Paragrafi, descrizioni)
- Carattere: Poppins Regular
- Dimensione: 18-24pt
- Colore: `#2B2B2B`
- Altezza della linea: 1,6-1,8
- Utilizzo: Tutto il contenuto del paragrafo, descrizioni
**Testo piccolo** (numeri di pagina, piè di pagina, didascalie)
- Carattere: Poppins Regular
- Dimensione: 16-18pt
- Colore: `#2B2B2B`
- Utilizzo: "Pagina X", URL di siti web, indirizzi email
**Testo del pulsante/pillola**
- Carattere: Poppins Regular o Medium
- Dimensione: 20-24pt
- Colore: `#2B2B2B`
- Utilizzo: Testo all'interno di pulsanti a forma di pillola arrotondati
### Regole tipografiche
- Non mescolare mai i caratteri serif - solo **Roca Two** per la visualizzazione
- Non usare mai caratteri serif per il testo del corpo - solo Poppins
- Mantenere un'altezza di riga costante (1,6-1,8) per una buona leggibilità.
- Tutto il testo deve essere `#2B2B2B` - nessuna eccezione
- Ampia spaziatura tra i paragrafi (24-32pt)
## Sistema di layout
### Struttura dell'intestazione globale
**Solo diapositiva di copertina (Pagina 1):**
**Elemento dell'intestazione sinistra:**
- Logo
- Dimensioni: diametro 32-40pt
- Colore: Contorno nero `#2B2B2B`
- Posizione: 60-80px dal bordo sinistro, 60-80px dall'alto
- Spaziatura: 12-16 pixel tra logo e testo
**Elemento di intestazione destra:**
- Carattere: Poppins Regular, 16-18pt
- Colore: `#2B2B2B`
- Posizione: 60-80px dal bordo destro, 60-80px dall'alto
- Allineamento: allineato a destra
**Divisore dell'intestazione:**
- Linea orizzontale sottile
- Peso: 1-2 pt
- Colore: `#2B2B2B`
- Posizione: Sotto gli elementi dell'intestazione, a larghezza intera con margini
- Margine dai bordi: 60-80px a sinistra e a destra
**Slide dei contenuti (pagine 2-4) e diapositiva conclusiva (pagina 5):**
- Nessun logo YouMind
- Solo testo "Pagina X"
- Posizione: angolo in alto a destra, centro in basso o altro posizionamento discreto
- Nessuna linea divisoria dell'intestazione
- Maggiore spazio verticale disponibile per i contenuti
### Sistema di margine
**Margini standard:**
- In alto: 60-80px (sotto il divisore dell'intestazione aggiungere altri 40-60px)
- In basso: 60-80px
- Sinistra: 80-100px
- Destra: 80-100px
**Area dei contenuti:**
- Dopo aver considerato l'intestazione e i margini, l'area del contenuto è di circa 1200-1280 pixel di larghezza × 600-680 pixel di altezza (per un formato 16:9 a 1920×1080).
## Elementi visivi
### Forme geometriche disegnate a mano
**Progettazione di base:**
- Stile: rettangoli e quadrati imperfetti, disegnati a mano
- Spessore della linea: 2-3 pt
- Colore: Nero `#2B2B2B`
- Qualità: Organica, linee leggermente tremolanti (non perfettamente dritte)
- Connessione: linee che collegano le forme ad angoli diversi
**Nodi circolari:**
- Forma: cerchi perfetti
- Dimensioni: diametro 24-40pt
- Riempimento: Colore pieno - o `#5B7FFF` (blu) o `#C9B568` (oro)
- Posizione: Nei punti di connessione e negli angoli delle forme geometriche
- Motivo: alternare blu e oro per variare
**Regole di assegnazione:**
- Posizionamento negli angoli delle diapositive (in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra)
- Non sovrapporsi mai al contenuto del testo
- Mantenere una distanza di 40-60 pixel dalle aree di contenuto
- Creare equilibrio visivo: se il lato sinistro presenta delle forme, anche il lato destro dovrebbe averle.
- Disposizione tipica: 2-4 rettangoli collegati con 3-6 nodi circolari
### Bottoni a pillola arrotondati
**Specifiche di progettazione:**
- Forma: Rettangolo arrotondato (forma a pillola)
- Bordo: 2pt nero pieno `#2B2B2B`
- Riempimento: Trasparente o `#E8E6E3` (uguale allo sfondo)
- Raggio del bordo: Raggio a tutta altezza (pillola perfetta)
- Spaziatura interna: 16-24px in orizzontale, 12-16px in verticale
- Testo: Poppins Regular, 20-24pt, `#2B2B2B`
**Utilizzo:**
- Elementi di navigazione nelle diapositive dell'agenda
- Pulsanti di invito all'azione
- Etichette delle sezioni
- Sempre delineato, mai riempito di colore
**Stato di passaggio del mouse/Stato attivo (se interattivo):**
- Riempimento: `#5B7FFF` (blu)
- Testo: Bianco `#FFFFFF`
- Bordo: `#5B7FFF`
### Griglie decorative a punti
**Specifiche:**
- Punti: piccoli cerchi, diametro 3-4pt
- Colore: `#2B2B2B`
- Schema: Griglia regolare, spaziatura 12-16px
- Disposizione: griglia 6×6 o 8×8
- Posizione: angolo in alto a destra, a 100-150 pixel dai bordi
- Utilizzo: Elemento decorativo opzionale, aggiunge interesse visivo senza risultare eccessivo.
### Icone (Uso minimo)
**Stile:**
- Solo contorni, senza riempimenti
- Peso: 2-3 pt
- Colore: `#2B2B2B`
- Dimensione: 48-64pt
- Esempi: icona a forma di occhio (visione), bersaglio/mirino (missione)
- Utilizzo: Da utilizzare con parsimonia, solo per rafforzare concetti specifici.
## Sistema di illustrazione dei personaggi
### Specifiche per la progettazione dei personaggi
**Struttura di base:**
- Un'illustrazione minimalista, disegnata a mano, di un semplice personaggio umanoide bianco. Il personaggio ha una testa arrotondata e allungata, due piccoli punti neri per gli occhi e un naso appuntito prominente. Non ha dita delle mani o dei piedi definite. Indossa una sciarpa spessa, lunga e blu tinta unita [opzionale: sostituire con 'sciarpa color oro senape'] avvolta intorno al collo, con la coda che pende verso il basso. Lo stile artistico utilizza contorni spessi e materici di pennarello nero e colori piatti senza ombreggiature, su uno sfondo bianco sporco semplice. Il personaggio è [ciò che si adatta al contesto]
**Accent blu (CRITICO):**
- Elemento: Sciarpa, camicia o capo di abbigliamento
- Colore: `#5B7FFF` (blu acceso)
- Stile: forme organiche fluide disegnate a mano.
- Copertura: 15-25% del carattere
- Scopo: identità del marchio, interesse visivo, movimento
**Coerenza stilistica:**
- Qualità sempre realizzata a mano (linee organiche e imperfette)
- Includere sempre un elemento di accento blu
- Mantenere lo stesso spessore di linea su tutti i caratteri
- Mantenere proporzioni coerenti tra le diverse pose
### Linee guida per illustrazioni minimaliste
**Prima la semplicità:**
- Mantieni tutte le illustrazioni estremamente semplici e minimali
- L'altezza dei caratteri NON deve superare i 120 pt (circa il 10-12% dell'altezza della diapositiva)
- Gli elementi geometrici devono essere piccoli e confinati solo agli angoli.
- La copertura totale delle illustrazioni non deve superare il 15% della superficie della diapositiva.
- Evitare disegni complessi o dettagliati
**Spazio e stanza per respirare:**
- Mantenere ampi spazi bianchi in tutta la diapositiva
- Il testo dovrebbe occupare solo il 50-55% dell'area dei contenuti (in genere il lato sinistro).
- Il lato destro dovrebbe rimanere perlopiù vuoto per lasciare spazio visivo.
- Margini ampi su tutti i lati: minimo 100px, preferibilmente 100-120px
- Le illustrazioni devono essere confinate esclusivamente nell'angolo in basso a destra, ad almeno 100 pixel dai bordi.
**Bilanciamento del layout:**
- Il centro del vetrino deve essere pulito e vuoto
- Evita di accumulare oggetti o di riempire tutto lo spazio disponibile
- Utilizzare lo spazio bianco in modo strategico per creare concentrazione e chiarezza
- Meno è meglio: elimina gli elementi visivi superflui
- Dare priorità alla leggibilità e alla spaziosità rispetto alla decorazione
Descrizione
Trasforma qualsiasi presentazione con la guida al brand di YouMind. Offri Slides professionali e in linea con il marchio, con tipografia, colore e layout coerenti, catturando senza sforzo il tuo pubblico ogni volta.
Abilità correlate
Vedi tutto
PresentazioniStile neo-brutalista sviluppatori
Trasforma i tuoi contenuti (temi, articoli, conoscenze, revisioni di progetto, corsi o strumenti) in una serie di slide orizzontali in stile editoriale neo-brutalista per sviluppatori. Lo stile combina design neo-brutalista, impaginazione da rivista indipendente ed estetica da terminale: sfondo beige, bordi neri spessi, ombre dure, blocchi ad alto contrasto, titoli ultra-grassetti, carattere monospazio e layout modulari da web/terminal/card, per una forte espressione tecnica. Il processo inizia con l'estrazione della struttura del contenuto, quindi per ogni slide viene determinato un punto chiave, generando automaticamente titolo, spiegazione, moduli di conoscenza, conclusione e componenti visivi adatti. È particolarmente indicato per: introduzioni di strumenti AI, pratiche con Agent, analisi di progetti open source, organizzazione di corsi, riepiloghi metodologici, spiegazioni di funzionalità e revisioni tecniche. Il risultato è un set di slide orizzontali in formato 16:9, con un design uniforme, lettura chiara, spazi bianchi generosi e uno stile distintivo, che evoca l'effetto di un autore di progetti open source che condivide know-how tecnico e di una rivista di design indipendente che racconta una storia.
PresentazioniSteve Jobs Presentation
Basato sulla metodologia in tre atti di Carmine Gallo in 'The Presentation Secrets of Steve Jobs', trasforma qualsiasi argomento in una presentazione in stile Steve Jobs. Gestisce adattivamente input come semplici argomenti, outline dettagliati o materiali con @riferimenti, produce prima uno schema completo della presentazione (struttura narrativa + piano visivo pagina per pagina + guida all'esposizione), e dopo la conferma genera il file Slides finale. Segue rigorosamente: titoli in stile Twitter, regola del tre, narrazione eroe-antagonista, design zen minimalista, priorità alle immagini, nessun punto elenco.
PresentazioniPixel Designer Slides Pro
Chi dice che una presentazione professionale debba essere solo bianco e nero, colori grigio-blu, modelli tutti uguali? Se ami i giochi, ami lo stile pixel e hai bisogno di fare una difesa di tesi, una relazione, una condivisione di conoscenza o una proposta di brand, allora devi provare questo. Pixel Designer Slides Pro fa una cosa semplice: lo scheletro è fedele al professionale, la pelle è fedele al pixel. Non ti aiuta a fare una "presentazione creativa in stile pixel", ma una presentazione seria che puoi presentare in qualsiasi contesto professionale, solo che indossa un abito estetico di giochi pixel a 16-bit. Filosofia di design principale: separazione tra scheletro e pelle. L'architettura informativa, il percorso visivo, i modelli di pagina sono fedeli alle norme professionali dello scenario; i colori, i bordi, le icone, gli ornamenti sono fedeli all'estetica generale dei giochi pixel. Il testo non viene mai pixelizzato, garantendo leggibilità in 0,8 secondi; gli elementi pixel appaiono solo su sfondi, bordi, icone e decorazioni d'atmosfera. Non vengono utilizzati simboli esclusivi di giochi specifici, ma solo simboli universali tra giochi: candele, libri, monete, stelle, cuori, cristalli, in modo che tutti gli amanti dello stile pixel possano usarli. 🎮 Come si usa? Due modalità, scegli secondo le esigenze: ① Modalità di generazione diretta (2 passi): Inserisci tema/materiale → AI estrae e conferma la struttura → Generazione completa delle immagini. Adatta per scene quotidiane con poco tempo e requisiti di testo non elevati. ② Modalità fine (3 passi, risparmio crediti): Inserisci tema/materiale → AI estrae e conferma la struttura → Conferma del testo pagina per pagina → Generazione completa delle immagini. Prima finalizza il testo di ogni pagina, poi genera le immagini in una volta sola, evitando lo spreco di crediti di "scopro che il testo è sbagliato dopo aver generato le immagini, devo ricominciare da capo". Usa questa per le occasioni importanti, per un controllo preciso del contenuto e risparmiare. 🏰 Quattro scenari professionali con profondità di penetrazione adattativa: Presentazione accademica — penetrazione leggera principalmente, copertina a media penetrazione, pagina dati a penetrazione profonda come ancora. I giudici capiscono a colpo d'occhio, e quando girano alla pagina chiave, i loro occhi si illuminano. Relazione di lavoro — penetrazione leggera + pagina degli indicatori a media penetrazione, pagine di rischio non pixelizzate. Il capo vede professionalità, i colleghi ricordano lo stile. Condivisione di conoscenza — penetrazione media principalmente + penetrazione profonda con 'ricetta di sintesi'. Usa 'ricetta di sintesi' al posto dei noiosi diagrammi di flusso, facendo sì che i punti di conoscenza siano ricordati come oggetti di gioco. Proposta di brand — adattativa in base alla temperatura del brand. Brand freddo limita i pixel, brand caldo abbraccia lo scenario. 🎨 Cosa ottieni? ① Una presentazione professionale completa in stile pixel (formato YouMind Slides, modificabile nell'editor online per testo, layout, ordine delle pagine — modifica quando vuoi. Si consiglia di completare tutte le modifiche in YouMind, l'esportazione locale sarà in formato immagine) ② Sistema di tre bordi in legno pixel (esterno #5C3A1E + interno #8B5E3C + riempimento #F5E6D3, linguaggio visivo unificato per l'intero documento) ③ Infografica innovativa con ricetta di sintesi (griglia ingredienti → cerchio sintesi → griglia prodotto finale, sostituisce i diagrammi di flusso tradizionali, ancoraggio visivo immediato per i giocatori RPG) ④ Ritmo di penetrazione adattativo per quattro scenari (non saturare ogni pagina di pixel, ma quanto basta dove serve) ⑤ Modalità doppia (generazione diretta per l'uso quotidiano, rifinitura per le occasioni importanti: prima finalizza il testo, poi genera le immagini per risparmiare crediti) 399 crediti, per far indossare al tuo contenuto professionale un'armatura a 16-bit. Chi ama lo stile pixel sa quanto vale quest'armatura.
Guida al brand di YouMind
Selezionato da
nene@YouMind.AI
Perché consigliamo questa abilità
Fornisce una guida completa del marchio, con palette di colori, tipografia, layout ed elementi disegnati a mano con accenti blu, per un'identità visiva coerente e professionale.
Istruzioni
## Tavolozza dei colori
### Colori primari
**Sfondo**
- Colore: `#f2f2f0`
- Descrizione: Bianco sporco neutro chiaro, pulito e minimalista
- Utilizzo: Tutti gli sfondi delle diapositive senza eccezioni
**Testo e linee principali**
- Colore: `#2B2B2B` o `#1A1A1A`
- Descrizione: Grigio molto scuro, quasi nero
- Utilizzo: Tutto il contenuto testuale, le linee di separazione dell'intestazione, i contorni geometrici, i contorni dei caratteri
### Colori di accento
**Blu brillante**
- Colore: `#5B7FFF` (alternativa: `#4D6FE8`)
- Descrizione: Blu medio-brillante con energia
- Utilizzo: Nodi circolari su forme geometriche, abiti/sciarpe dei personaggi, riempimenti di bottoni, punti decorativi
**Oro tenue**
- Colore: `#C9B568` (alternativa: `#D4C17A`)
- Descrizione: Tonalità calda senape/oro
- Utilizzo: Nodi circolari su forme geometriche (alternati con il blu), accenti decorativi
### Regole per l'applicazione del colore
- Lo sfondo è SEMPRE `#E8E6E3`
- Il testo è SEMPRE `#2B2B2B`
- Il blu e l'oro sono utilizzati SOLO per nodi circolari e dettagli dei caratteri
- Non utilizzare mai il blu o l'oro come colori per blocchi di grandi dimensioni o per il testo.
- Mantenere un elevato contrasto tra testo e sfondo
## Sistema tipografico
### Famiglie di caratteri
**Carattere principale per i titoli: Roca Two (o un carattere serif simile e corposo)**
- Caratteristiche: Serif audace e amichevole con tratti arrotondati
- Peso: Grassetto/Pesante
- Utilizzo: Tutti i titoli delle diapositive, i titoli principali, le intestazioni di sezione
- Mantieni lo stesso carattere
**Carattere secondario per il corpo del testo: Poppins (o Inter)**
- Caratteristiche: Carattere sans-serif pulito e moderno con ottima leggibilità
- Peso: Normale (400) per il corpo, Medio (500) per l'enfasi
- Utilizzo: Tutto il testo del corpo, sottotitoli, didascalie, numeri di pagina, testo del logo
- mantieni lo stesso carattere
### Gerarchia delle dimensioni dei caratteri
**Titoli extra large** (diapositive di copertina, divisori delle sezioni principali)
- Carattere: **Roca Two**
- Dimensione: 72-96pt
- Colore: `#2B2B2B`
- Utilizzo: "Titolo principale", "Grazie", "Ordine del giorno"
**Titoli di grandi dimensioni** (Titoli delle diapositive)
- Carattere: **Roca Two**
- Dimensione: 48-60pt
- Colore: `#2B2B2B`
- Utilizzo: "La nostra visione", "Posizionamento del marchio", "Di cosa ti occupi YouMind?"
**Testo del corpo** (Paragrafi, descrizioni)
- Carattere: Poppins Regular
- Dimensione: 18-24pt
- Colore: `#2B2B2B`
- Altezza della linea: 1,6-1,8
- Utilizzo: Tutto il contenuto del paragrafo, descrizioni
**Testo piccolo** (numeri di pagina, piè di pagina, didascalie)
- Carattere: Poppins Regular
- Dimensione: 16-18pt
- Colore: `#2B2B2B`
- Utilizzo: "Pagina X", URL di siti web, indirizzi email
**Testo del pulsante/pillola**
- Carattere: Poppins Regular o Medium
- Dimensione: 20-24pt
- Colore: `#2B2B2B`
- Utilizzo: Testo all'interno di pulsanti a forma di pillola arrotondati
### Regole tipografiche
- Non mescolare mai i caratteri serif - solo **Roca Two** per la visualizzazione
- Non usare mai caratteri serif per il testo del corpo - solo Poppins
- Mantenere un'altezza di riga costante (1,6-1,8) per una buona leggibilità.
- Tutto il testo deve essere `#2B2B2B` - nessuna eccezione
- Ampia spaziatura tra i paragrafi (24-32pt)
## Sistema di layout
### Struttura dell'intestazione globale
**Solo diapositiva di copertina (Pagina 1):**
**Elemento dell'intestazione sinistra:**
- Logo
- Dimensioni: diametro 32-40pt
- Colore: Contorno nero `#2B2B2B`
- Posizione: 60-80px dal bordo sinistro, 60-80px dall'alto
- Spaziatura: 12-16 pixel tra logo e testo
**Elemento di intestazione destra:**
- Carattere: Poppins Regular, 16-18pt
- Colore: `#2B2B2B`
- Posizione: 60-80px dal bordo destro, 60-80px dall'alto
- Allineamento: allineato a destra
**Divisore dell'intestazione:**
- Linea orizzontale sottile
- Peso: 1-2 pt
- Colore: `#2B2B2B`
- Posizione: Sotto gli elementi dell'intestazione, a larghezza intera con margini
- Margine dai bordi: 60-80px a sinistra e a destra
**Slide dei contenuti (pagine 2-4) e diapositiva conclusiva (pagina 5):**
- Nessun logo YouMind
- Solo testo "Pagina X"
- Posizione: angolo in alto a destra, centro in basso o altro posizionamento discreto
- Nessuna linea divisoria dell'intestazione
- Maggiore spazio verticale disponibile per i contenuti
### Sistema di margine
**Margini standard:**
- In alto: 60-80px (sotto il divisore dell'intestazione aggiungere altri 40-60px)
- In basso: 60-80px
- Sinistra: 80-100px
- Destra: 80-100px
**Area dei contenuti:**
- Dopo aver considerato l'intestazione e i margini, l'area del contenuto è di circa 1200-1280 pixel di larghezza × 600-680 pixel di altezza (per un formato 16:9 a 1920×1080).
## Elementi visivi
### Forme geometriche disegnate a mano
**Progettazione di base:**
- Stile: rettangoli e quadrati imperfetti, disegnati a mano
- Spessore della linea: 2-3 pt
- Colore: Nero `#2B2B2B`
- Qualità: Organica, linee leggermente tremolanti (non perfettamente dritte)
- Connessione: linee che collegano le forme ad angoli diversi
**Nodi circolari:**
- Forma: cerchi perfetti
- Dimensioni: diametro 24-40pt
- Riempimento: Colore pieno - o `#5B7FFF` (blu) o `#C9B568` (oro)
- Posizione: Nei punti di connessione e negli angoli delle forme geometriche
- Motivo: alternare blu e oro per variare
**Regole di assegnazione:**
- Posizionamento negli angoli delle diapositive (in alto a sinistra, in alto a destra, in basso a sinistra, in basso a destra)
- Non sovrapporsi mai al contenuto del testo
- Mantenere una distanza di 40-60 pixel dalle aree di contenuto
- Creare equilibrio visivo: se il lato sinistro presenta delle forme, anche il lato destro dovrebbe averle.
- Disposizione tipica: 2-4 rettangoli collegati con 3-6 nodi circolari
### Bottoni a pillola arrotondati
**Specifiche di progettazione:**
- Forma: Rettangolo arrotondato (forma a pillola)
- Bordo: 2pt nero pieno `#2B2B2B`
- Riempimento: Trasparente o `#E8E6E3` (uguale allo sfondo)
- Raggio del bordo: Raggio a tutta altezza (pillola perfetta)
- Spaziatura interna: 16-24px in orizzontale, 12-16px in verticale
- Testo: Poppins Regular, 20-24pt, `#2B2B2B`
**Utilizzo:**
- Elementi di navigazione nelle diapositive dell'agenda
- Pulsanti di invito all'azione
- Etichette delle sezioni
- Sempre delineato, mai riempito di colore
**Stato di passaggio del mouse/Stato attivo (se interattivo):**
- Riempimento: `#5B7FFF` (blu)
- Testo: Bianco `#FFFFFF`
- Bordo: `#5B7FFF`
### Griglie decorative a punti
**Specifiche:**
- Punti: piccoli cerchi, diametro 3-4pt
- Colore: `#2B2B2B`
- Schema: Griglia regolare, spaziatura 12-16px
- Disposizione: griglia 6×6 o 8×8
- Posizione: angolo in alto a destra, a 100-150 pixel dai bordi
- Utilizzo: Elemento decorativo opzionale, aggiunge interesse visivo senza risultare eccessivo.
### Icone (Uso minimo)
**Stile:**
- Solo contorni, senza riempimenti
- Peso: 2-3 pt
- Colore: `#2B2B2B`
- Dimensione: 48-64pt
- Esempi: icona a forma di occhio (visione), bersaglio/mirino (missione)
- Utilizzo: Da utilizzare con parsimonia, solo per rafforzare concetti specifici.
## Sistema di illustrazione dei personaggi
### Specifiche per la progettazione dei personaggi
**Struttura di base:**
- Un'illustrazione minimalista, disegnata a mano, di un semplice personaggio umanoide bianco. Il personaggio ha una testa arrotondata e allungata, due piccoli punti neri per gli occhi e un naso appuntito prominente. Non ha dita delle mani o dei piedi definite. Indossa una sciarpa spessa, lunga e blu tinta unita [opzionale: sostituire con 'sciarpa color oro senape'] avvolta intorno al collo, con la coda che pende verso il basso. Lo stile artistico utilizza contorni spessi e materici di pennarello nero e colori piatti senza ombreggiature, su uno sfondo bianco sporco semplice. Il personaggio è [ciò che si adatta al contesto]
**Accent blu (CRITICO):**
- Elemento: Sciarpa, camicia o capo di abbigliamento
- Colore: `#5B7FFF` (blu acceso)
- Stile: forme organiche fluide disegnate a mano.
- Copertura: 15-25% del carattere
- Scopo: identità del marchio, interesse visivo, movimento
**Coerenza stilistica:**
- Qualità sempre realizzata a mano (linee organiche e imperfette)
- Includere sempre un elemento di accento blu
- Mantenere lo stesso spessore di linea su tutti i caratteri
- Mantenere proporzioni coerenti tra le diverse pose
### Linee guida per illustrazioni minimaliste
**Prima la semplicità:**
- Mantieni tutte le illustrazioni estremamente semplici e minimali
- L'altezza dei caratteri NON deve superare i 120 pt (circa il 10-12% dell'altezza della diapositiva)
- Gli elementi geometrici devono essere piccoli e confinati solo agli angoli.
- La copertura totale delle illustrazioni non deve superare il 15% della superficie della diapositiva.
- Evitare disegni complessi o dettagliati
**Spazio e stanza per respirare:**
- Mantenere ampi spazi bianchi in tutta la diapositiva
- Il testo dovrebbe occupare solo il 50-55% dell'area dei contenuti (in genere il lato sinistro).
- Il lato destro dovrebbe rimanere perlopiù vuoto per lasciare spazio visivo.
- Margini ampi su tutti i lati: minimo 100px, preferibilmente 100-120px
- Le illustrazioni devono essere confinate esclusivamente nell'angolo in basso a destra, ad almeno 100 pixel dai bordi.
**Bilanciamento del layout:**
- Il centro del vetrino deve essere pulito e vuoto
- Evita di accumulare oggetti o di riempire tutto lo spazio disponibile
- Utilizzare lo spazio bianco in modo strategico per creare concentrazione e chiarezza
- Meno è meglio: elimina gli elementi visivi superflui
- Dare priorità alla leggibilità e alla spaziosità rispetto alla decorazione
Descrizione
Trasforma qualsiasi presentazione con la guida al brand di YouMind. Offri Slides professionali e in linea con il marchio, con tipografia, colore e layout coerenti, catturando senza sforzo il tuo pubblico ogni volta.
Abilità correlate
Vedi tuttoPresentazioniStile neo-brutalista sviluppatori
Trasforma i tuoi contenuti (temi, articoli, conoscenze, revisioni di progetto, corsi o strumenti) in una serie di slide orizzontali in stile editoriale neo-brutalista per sviluppatori. Lo stile combina design neo-brutalista, impaginazione da rivista indipendente ed estetica da terminale: sfondo beige, bordi neri spessi, ombre dure, blocchi ad alto contrasto, titoli ultra-grassetti, carattere monospazio e layout modulari da web/terminal/card, per una forte espressione tecnica. Il processo inizia con l'estrazione della struttura del contenuto, quindi per ogni slide viene determinato un punto chiave, generando automaticamente titolo, spiegazione, moduli di conoscenza, conclusione e componenti visivi adatti. È particolarmente indicato per: introduzioni di strumenti AI, pratiche con Agent, analisi di progetti open source, organizzazione di corsi, riepiloghi metodologici, spiegazioni di funzionalità e revisioni tecniche. Il risultato è un set di slide orizzontali in formato 16:9, con un design uniforme, lettura chiara, spazi bianchi generosi e uno stile distintivo, che evoca l'effetto di un autore di progetti open source che condivide know-how tecnico e di una rivista di design indipendente che racconta una storia.
PresentazioniSteve Jobs Presentation
Basato sulla metodologia in tre atti di Carmine Gallo in 'The Presentation Secrets of Steve Jobs', trasforma qualsiasi argomento in una presentazione in stile Steve Jobs. Gestisce adattivamente input come semplici argomenti, outline dettagliati o materiali con @riferimenti, produce prima uno schema completo della presentazione (struttura narrativa + piano visivo pagina per pagina + guida all'esposizione), e dopo la conferma genera il file Slides finale. Segue rigorosamente: titoli in stile Twitter, regola del tre, narrazione eroe-antagonista, design zen minimalista, priorità alle immagini, nessun punto elenco.
PresentazioniPixel Designer Slides Pro
Chi dice che una presentazione professionale debba essere solo bianco e nero, colori grigio-blu, modelli tutti uguali? Se ami i giochi, ami lo stile pixel e hai bisogno di fare una difesa di tesi, una relazione, una condivisione di conoscenza o una proposta di brand, allora devi provare questo. Pixel Designer Slides Pro fa una cosa semplice: lo scheletro è fedele al professionale, la pelle è fedele al pixel. Non ti aiuta a fare una "presentazione creativa in stile pixel", ma una presentazione seria che puoi presentare in qualsiasi contesto professionale, solo che indossa un abito estetico di giochi pixel a 16-bit. Filosofia di design principale: separazione tra scheletro e pelle. L'architettura informativa, il percorso visivo, i modelli di pagina sono fedeli alle norme professionali dello scenario; i colori, i bordi, le icone, gli ornamenti sono fedeli all'estetica generale dei giochi pixel. Il testo non viene mai pixelizzato, garantendo leggibilità in 0,8 secondi; gli elementi pixel appaiono solo su sfondi, bordi, icone e decorazioni d'atmosfera. Non vengono utilizzati simboli esclusivi di giochi specifici, ma solo simboli universali tra giochi: candele, libri, monete, stelle, cuori, cristalli, in modo che tutti gli amanti dello stile pixel possano usarli. 🎮 Come si usa? Due modalità, scegli secondo le esigenze: ① Modalità di generazione diretta (2 passi): Inserisci tema/materiale → AI estrae e conferma la struttura → Generazione completa delle immagini. Adatta per scene quotidiane con poco tempo e requisiti di testo non elevati. ② Modalità fine (3 passi, risparmio crediti): Inserisci tema/materiale → AI estrae e conferma la struttura → Conferma del testo pagina per pagina → Generazione completa delle immagini. Prima finalizza il testo di ogni pagina, poi genera le immagini in una volta sola, evitando lo spreco di crediti di "scopro che il testo è sbagliato dopo aver generato le immagini, devo ricominciare da capo". Usa questa per le occasioni importanti, per un controllo preciso del contenuto e risparmiare. 🏰 Quattro scenari professionali con profondità di penetrazione adattativa: Presentazione accademica — penetrazione leggera principalmente, copertina a media penetrazione, pagina dati a penetrazione profonda come ancora. I giudici capiscono a colpo d'occhio, e quando girano alla pagina chiave, i loro occhi si illuminano. Relazione di lavoro — penetrazione leggera + pagina degli indicatori a media penetrazione, pagine di rischio non pixelizzate. Il capo vede professionalità, i colleghi ricordano lo stile. Condivisione di conoscenza — penetrazione media principalmente + penetrazione profonda con 'ricetta di sintesi'. Usa 'ricetta di sintesi' al posto dei noiosi diagrammi di flusso, facendo sì che i punti di conoscenza siano ricordati come oggetti di gioco. Proposta di brand — adattativa in base alla temperatura del brand. Brand freddo limita i pixel, brand caldo abbraccia lo scenario. 🎨 Cosa ottieni? ① Una presentazione professionale completa in stile pixel (formato YouMind Slides, modificabile nell'editor online per testo, layout, ordine delle pagine — modifica quando vuoi. Si consiglia di completare tutte le modifiche in YouMind, l'esportazione locale sarà in formato immagine) ② Sistema di tre bordi in legno pixel (esterno #5C3A1E + interno #8B5E3C + riempimento #F5E6D3, linguaggio visivo unificato per l'intero documento) ③ Infografica innovativa con ricetta di sintesi (griglia ingredienti → cerchio sintesi → griglia prodotto finale, sostituisce i diagrammi di flusso tradizionali, ancoraggio visivo immediato per i giocatori RPG) ④ Ritmo di penetrazione adattativo per quattro scenari (non saturare ogni pagina di pixel, ma quanto basta dove serve) ⑤ Modalità doppia (generazione diretta per l'uso quotidiano, rifinitura per le occasioni importanti: prima finalizza il testo, poi genera le immagini per risparmiare crediti) 399 crediti, per far indossare al tuo contenuto professionale un'armatura a 16-bit. Chi ama lo stile pixel sa quanto vale quest'armatura.
Trova la tua prossima abilità preferita
Esplora altre abilità AI curate per ricerca, creazione e lavoro quotidiano.