facciamo delle slide migliori!
DESCRIPTION
Suggerimenti per gli sviluppatori (e non ) che devono prepare una presentazione. Talk di Salvatore Laisa al TalkLab di Appsterdam MilanTRANSCRIPT
![Page 1: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/1.jpg)
Facciamo delle slide migliori!(aka Slide-o-logia e tipografia per developers)
un talk di Salvatore Laisa per
Facciamo delle slide migliori!
![Page 2: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/2.jpg)
Perché un talk su come fare le slide?Steve Jobs
![Page 3: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/3.jpg)
Perché...
• ... sono un coder ma sono anche in parte designer
• ... dopo 4 anni che ci lavoro quotidianamente penso di averci capito qualcosina
• ... voglio imparare ancora
• ... lo spirito di Appsterdam è quello di condividere conoscenze
• ... non si usano i bullet point!
![Page 4: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/4.jpg)
Di cosa parleremo
tipografia
colori
templates
transizioni
storytelling
codice
![Page 5: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/5.jpg)
Le basi della “slideologia”slide:ology - Nancy Duarte
![Page 6: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/6.jpg)
Scopo di una presentazione
Le presentazioni sono storie.
Vanno trattate come tali, con la differenza che il messaggio deve essere il
più sintetico e immediato possibile e c’è una forte componente visuale.
immagine di Sean MacEntee
![Page 7: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/7.jpg)
Il software è importante?
Keynote, Powerpoint, Google Drive (e altri ancora) sono solo strumenti.
E’ importante il contenuto, il modo in cui viene esposto e la chiarezza delle
foto e immagini.
Poi ovviamente un software con cui si ha familiarità è ancora meglio!
![Page 8: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/8.jpg)
Le animazioni/transizioni sono importanti?
Le animazioni di elementi o transizioni di pagina possono rendere più
accattivante la presentazione e dare una “direzione” al discorso.
Possono risultare fastidiose se sono troppe, ingiustificate e sempre
diverse. Meglio poche, al giusto momento e riutilizzandole.
![Page 9: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/9.jpg)
Basi di tipografia (digitale e non)Willi Heidelbach CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
![Page 10: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/10.jpg)
Graziato (serif)
Bastoni (sans-serif)
![Page 11: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/11.jpg)
T i p o g r a f i alinea di base
discendente
ascendente
maiuscolo
![Page 12: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/12.jpg)
Duis enim placerat nunc purus rhoncus vut cras quis nascetur placerat in, urna, sed, in. Lorem? Purus pid
interlinea
4/5 pixel in più della dimensione del font
![Page 13: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/13.jpg)
spessore
spessore
spessore
spessore
spessore
spessore
thin - 100
light/book - 200/300
regular - 400
medium - 500/600
bold - 700
black/ultra bold - 800/900
![Page 14: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/14.jpg)
Quanto testo in una slide?
Il meno possibile.
!
Il concetto di una slide dovrebbe essere chiaro al pubblico nel giro di pochi
secondi. I testi richiedono più tempo di “elaborazione” delle immagini per il
nostro cervello.
![Page 16: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/16.jpg)
Ha senso mettere codice nelle slide?
Principalmente... NO.
CODE ON SLIDES
ANOTHER REASON TO HATE YOU
![Page 17: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/17.jpg)
Perché no?
E’ molto difficile esprimere un concetto di programmazione in poche righe
di codice e metterne troppo porta a un tempo di lettura troppo elevato e
perdita di interesse del pubblico.
!
Se riuscite ad avere poco codice, evidenziate le parti di interesse
![Page 18: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/18.jpg)
Le slide per i concetti
Per tutto il resto... ci sono le demo.
![Page 20: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/20.jpg)
Qualità delle foto
VS
![Page 21: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/21.jpg)
Dove reperire foto bbbuone
Evitate di prendere foto a caso da Google senza prima informarsi su
eventuali diritti (parziali o totatli).
Siti come iStockPhoto e PhotoDune vendono foto professionali a prezzi
accettabili, spesso il prezzo dipende dalla risoluzione della foto.
Su Flickr potete trovare molte foto con licenze Creative Commons, il più
delle volte è possibile utilizzare una foto con questa licenza citando l’autore.
![Page 22: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/22.jpg)
In quanto tempo ne trovo una giusta?
Tanto tanto tanto tanto.
foto di ĐāżŦ {mostly absent}
![Page 23: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/23.jpg)
Scegliere una palette di colori
Come le transizioni i colori da utilizzare nella presentazione dovrebbero
essere pochi ma buoni.
I due fattori principali da tenere in considerazione durante la scelta di una
palette di colori sono armonia (se i colori funzionano tra di loro) e contrasto
(se c’è leggibilità dei testi sugli sfondi).
![Page 24: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/24.jpg)
Esempio
bella raga tutto rego
bella raga tutto rego
![Page 25: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/25.jpg)
Non sono buono con i colori
Esistono Adobe Kuler e Colour Lovers.
!
![Page 26: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/26.jpg)
Ma io non ho tempo di imparare queste cosefoto di Doug Wheller
![Page 27: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/27.jpg)
Esistono i templates!
Ognuno deve affrontare il nemico che conosce meglio
• Template predefiniti - all’interno dei principali software
• Graphic river - template per PowerPoint e Keynote
• Flickr e iStockphoto - foto professionali per ogni tasca
• Commissionare un buon template a un designer...
![Page 28: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/28.jpg)
fare delle slide migliori!
ora sta a voi
![Page 29: Facciamo delle slide migliori!](https://reader034.vdocuments.pub/reader034/viewer/2022051314/558a6932d8b42a220a8b4621/html5/thumbnails/29.jpg)
GRAZIE!Domande? Risposte?
font utilizzato: Roboto Sans
@moebiusmania | www.salvatorelaisa.net