Facciamo delle slide migliori!

  • 178 views
Uploaded on

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

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

More in: Social Media
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
178
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
3
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Facciamo delle slide migliori! (aka Slide-o-logia e tipografia per developers) un talk di Salvatore Laisa per
  • 2. Perché un talk su come fare le slide? Steve Jobs
  • 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. Di cosa parleremo tipografia transizioni codice storytelling colori templates
  • 5. Le basi della “slideologia” slide:ology - Nancy Duarte
  • 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. 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. 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. Basi di tipografia (digitale e non) Willi Heidelbach CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
  • 10. Graziato (serif) Bastoni (sans-serif)
  • 11. maiuscolo ascendente Tipografia linea di base discendente
  • 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. 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. 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. Il codice nelle slide Foto di Marjan Krebelj
  • 16. Ha senso mettere codice nelle slide? Principalmente... NO. CODE ON SLIDES ANOTHER REASON TO HATE YOU
  • 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. Le slide per i concetti Per tutto il resto... ci sono le demo.
  • 19. Fotografie, immagini e colori foto di Bernat Casero
  • 20. Qualità delle foto VS
  • 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. In quanto tempo ne trovo una giusta? Tanto tanto tanto tanto. foto di ĐāżŦ {mostly absent}
  • 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. Esempio bella raga tutto rego bella raga tutto rego
  • 25. Non sono buono con i colori Esistono Adobe Kuler e Colour Lovers. !
  • 26. Ma io non ho tempo di imparare queste cose foto di Doug Wheller
  • 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. ora sta a voi fare delle slide migliori!
  • 29. GRAZIE! Domande? Risposte? @moebiusmania | www.salvatorelaisa.net font utilizzato: Roboto Sans