Facciamo delle slide migliori!

546 views

Published on

Suggerimenti per gli sviluppatori (e non ) che devono prepare una presentazione. Talk di Salvatore Laisa al TalkLab di Appsterdam Milan

Published in: Social Media
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
546
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
7
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Facciamo delle slide migliori!

  1. 1. Facciamo delle slide migliori! (aka Slide-o-logia e tipografia per developers) un talk di Salvatore Laisa per
  2. 2. Perché un talk su come fare le slide? Steve Jobs
  3. 3. 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!
  4. 4. Di cosa parleremo tipografia transizioni codice storytelling colori templates
  5. 5. Le basi della “slideologia” slide:ology - Nancy Duarte
  6. 6. 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
  7. 7. 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!
  8. 8. 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.
  9. 9. Basi di tipografia (digitale e non) Willi Heidelbach CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
  10. 10. Graziato (serif) Bastoni (sans-serif)
  11. 11. maiuscolo ascendente Tipografia linea di base discendente
  12. 12. Duis enim placerat nunc purus rhoncus vut cras quis interlinea nascetur placerat in, urna, sed, in. Lorem? Purus pid 4/5 pixel in più della dimensione del font
  13. 13. spessore thin - 100 spessore light/book - 200/300 spessore regular - 400 spessore medium - 500/600 spessore bold - 700 spessore black/ultra bold - 800/900
  14. 14. 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.
  15. 15. Il codice nelle slide Foto di Marjan Krebelj
  16. 16. Ha senso mettere codice nelle slide? Principalmente... NO. CODE ON SLIDES ANOTHER REASON TO HATE YOU
  17. 17. 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
  18. 18. Le slide per i concetti Per tutto il resto... ci sono le demo.
  19. 19. Fotografie, immagini e colori foto di Bernat Casero
  20. 20. Qualità delle foto VS
  21. 21. 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.
  22. 22. In quanto tempo ne trovo una giusta? Tanto tanto tanto tanto. foto di ĐāżŦ {mostly absent}
  23. 23. 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).
  24. 24. Esempio bella raga tutto rego bella raga tutto rego
  25. 25. Non sono buono con i colori Esistono Adobe Kuler e Colour Lovers. !
  26. 26. Ma io non ho tempo di imparare queste cose foto di Doug Wheller
  27. 27. 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...
  28. 28. ora sta a voi fare delle slide migliori!
  29. 29. GRAZIE! Domande? Risposte? @moebiusmania | www.salvatorelaisa.net font utilizzato: Roboto Sans

×