SlideShare a Scribd company logo
1 of 39
Download to read offline
Andrea Gessa           Tecnologie
                       per la creatività
Communication Design   [ Introduzione ]
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;

                               •	 per essere indipendenti nella produzione di artefatti;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;

                               •	 per essere indipendenti nella produzione di artefatti;

                               •	 possono ispirare la creatività;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;

                               •	 per essere indipendenti nella produzione di artefatti;

                               •	 possono ispirare la creatività;

                               •	 è utile conoscerne i limiti e la possibilità ;




Tecnologie per la creatività                                                       1 — Introduzione — 09.10.2012
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;

                               •	 per essere indipendenti nella produzione di artefatti;

                               •	 possono ispirare la creatività;

                               •	 è utile conoscerne i limiti e la possibilità ;

                               •	 per interfacciarsi efficacemente con i “tecnici”;




Tecnologie per la creatività                                                       1 — Introduzione — 09.10.2012
Perché è bene conoscere i software?

                               •	 sono strumenti per esprimere idee e creatività;

                               •	 per essere indipendenti nella produzione di artefatti;

                               •	 possono ispirare la creatività;

                               •	 è utile conoscerne i limiti e la possibilità ;

                               •	 per interfacciarsi efficacemente con i “tecnici”;

                               •	 perché è importante una figura che faccia da connettore;




Tecnologie per la creatività                                                       1 — Introduzione — 09.10.2012
L’approccio alle tecnologie:

                               •	 esplorare in superficie ciò che i programmi offrono;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
L’approccio alle tecnologie:

                               •	 esplorare in superficie ciò che i programmi offrono;

                               •	 avere conoscenza di cosa serve per fare cosa;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
L’approccio alle tecnologie:

                               •	 esplorare in superficie ciò che i programmi offrono;

                               •	 avere conoscenza di cosa serve per fare cosa;

                               •	 rende possibile approfondire quando necessario;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
Panorama:                             CSS
                               HTML
                                    PHP
                                       jQuery




Tecnologie per la creatività                    1 — Introduzione — 09.10.2012
L’arte di smanettare:


GIOCO




Tecnologie per la creatività   1 — Introduzione — 09.10.2012
L’arte di smanettare:


GIOCO                             +
CURIOSITÀ



Tecnologie per la creatività   1 — Introduzione — 09.10.2012
L’arte di smanettare:


GIOCO                             +
CURIOSITÀ                         +
ESPLORAZIONE


Tecnologie per la creatività   1 — Introduzione — 09.10.2012
L’arte di smanettare:


GIOCO                             +
CURIOSITÀ                         +
ESPLORAZIONE                      +
PROBLEM SOLVING                   =

Tecnologie per la creatività   1 — Introduzione — 09.10.2012
L’arte di smanettare:


GIOCO                             +
CURIOSITÀ                         +
ESPLORAZIONE                      +
PROBLEM SOLVING                   =
RIGHT ATTITUDE
Tecnologie per la creatività   1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;




Tecnologie per la creatività                                              1 — Introduzione — 09.10.2012
Menu bar                            Workspace

                               Menu contestuale                 Panels
     Toolbar
   Selezione                                                    Colore

                                                               Swatches
    Disegno


                                            Menu contestuale
                                              (right click)     Stroke
    Modifica
                                                                Layers

     Utilità
                                                                Aspetto
Simboli e grafici

Visualizzazione                                                Trasforma 	
    Colore                                                      & Allinea
  Colorazione
   Finestra                                                    Tipografia



Tecnologie per la creatività                                     1 — Introduzione — 09.10.2012
Menu bar
                          Toolbar
                                            Workspace

        Cartella
        progetto
                                             Player



                                             Effetti




                          Visualizzazione


Layer                                                   Timeline




                   (Adobe After Effects)
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;




                                          (Adobe Illustrator)
Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
(Adobe InDesign)

Tecnologie per la creatività                      1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;
                               •	 scorrere i menu;




Tecnologie per la creatività                                               1 — Introduzione — 09.10.2012
(Adobe Photoshop)
Tecnologie per la creatività                       1 — Introduzione — 09.10.2012
(Adobe Illustrator)
Tecnologie per la creatività                         1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;
                               •	 scorrere i menu;
                               •	 scorrere le shortcut (scorciatoie da tastiera);




Tecnologie per la creatività                                                1 — Introduzione — 09.10.2012
(Adobe InDesign)

Tecnologie per la creatività                      1 — Introduzione — 09.10.2012
(Adobe Illustrator)
Tecnologie per la creatività                         1 — Introduzione — 09.10.2012
(Adobe Photoshop)
Tecnologie per la creatività                       1 — Introduzione — 09.10.2012
WTF!?




                               (Adobe After Effects)
Tecnologie per la creatività                           1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;
                               •	 scorrere i menu;
                               •	 scorrere le shortcut (scorciatoie da tastiera);
                               •	 controllare le preferenze (sui programmi Adobe ctrl/cmd+k);




Tecnologie per la creatività                                              1 — Introduzione — 09.10.2012
(Adobe InDesign)

Tecnologie per la creatività                      1 — Introduzione — 09.10.2012
(Adobe InDesign)

Tecnologie per la creatività                      1 — Introduzione — 09.10.2012
(Adobe Illustrator)
Tecnologie per la creatività                         1 — Introduzione — 09.10.2012
(Adobe Photoshop)
Tecnologie per la creatività                       1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;
                               •	 scorrere i menu;
                               •	 scorrere le shortcut (scorciatoie da tastiera);
                               •	 controllare le preferenze (sui programmi Adobe ctrl/cmd+k);
                               •	 provare i modifier (ctrl, cmd, alt, shift) e i vari tasti del mouse;




Tecnologie per la creatività                                                   1 — Introduzione — 09.10.2012
L’arte di smanettare:

                               •	 osservare le toolbar, come vengono suddivise;
                               •	 attenzione ai dettagli e alle frecce nascoste;
                               •	 scorrere i menu;
                               •	 scorrere le shortcut (scorciatoie da tastiera);
                               •	 controllare le preferenze (sui programmi Adobe ctrl/cmd+k);
                               •	 provare i modifier (ctrl, cmd, alt, shift) e i vari tasti del mouse;
                               •	 cliccare a caso!




Tecnologie per la creatività                                                   1 — Introduzione — 09.10.2012
(Adobe Photoshop)
Tecnologie per la creatività                       1 — Introduzione — 09.10.2012
Usare gli strumenti giusti:
   Disegnare forme             Modificare foto     Impaginare          Montare video
                               ed effetti visivi




   Disegno tecnico             Modellazione 3d        Rendering 3d   Comporre video
     (CAD & BIM)




Tecnologie per la creatività                                     1 — Introduzione — 09.10.2012
I flussi di dati:




Tecnologie per la creatività   1 — Introduzione — 09.10.2012

More Related Content

Similar to Introduzione alle tecnologie per la creatività

Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...
Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...
Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...Claudio Gasparini
 
Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009Marco Loregian
 
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...Massimiliano Dibitonto
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Marzia Bianchi
 
Lez 3 parte B TUTTO E' DESIGN
Lez 3 parte B TUTTO E' DESIGNLez 3 parte B TUTTO E' DESIGN
Lez 3 parte B TUTTO E' DESIGNLella Varesano
 
Ribesdesign interfacce
Ribesdesign interfacceRibesdesign interfacce
Ribesdesign interfacceRibesdesign
 
Cantiere Aib sulle presentazioni efficaci
Cantiere Aib sulle presentazioni efficaciCantiere Aib sulle presentazioni efficaci
Cantiere Aib sulle presentazioni efficaciSandro Ghini
 
Information Design: Visualizzazione di Informazioni Quantitative
Information Design: Visualizzazione di Informazioni QuantitativeInformation Design: Visualizzazione di Informazioni Quantitative
Information Design: Visualizzazione di Informazioni QuantitativeDuccio Schiavon
 
Service Design per prodotti digitali migliori
Service Design per prodotti digitali miglioriService Design per prodotti digitali migliori
Service Design per prodotti digitali miglioriSilvia Podestà
 
AI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workAI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workDaniela Costantini
 
Coding - intro -
Coding   - intro -Coding   - intro -
Coding - intro -alexperoni
 
Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso Monaldi
 
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyStrumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyNinja Academy
 

Similar to Introduzione alle tecnologie per la creatività (20)

Sviluppo applicazioni
Sviluppo applicazioniSviluppo applicazioni
Sviluppo applicazioni
 
Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...
Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...
Nuove potenzialità e nuove problematiche della stampa 3D: progettazione condi...
 
Giochiamo ... in codice
Giochiamo ... in codiceGiochiamo ... in codice
Giochiamo ... in codice
 
Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009Lezione Interaction Design 10 marzo 2009
Lezione Interaction Design 10 marzo 2009
 
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
IoT Design Deck - Il metodo per il Co-Design della UX di prodotti e servizi c...
 
HCI to UX to HCI - Parte A
HCI to UX to HCI - Parte AHCI to UX to HCI - Parte A
HCI to UX to HCI - Parte A
 
Lab2 Lecture, 7 march 2017
Lab2 Lecture, 7 march 2017 Lab2 Lecture, 7 march 2017
Lab2 Lecture, 7 march 2017
 
Ux for nerds
Ux for nerdsUx for nerds
Ux for nerds
 
BRAND NEW DAY: VISUAL MKTG (2019)
BRAND NEW DAY: VISUAL MKTG (2019)BRAND NEW DAY: VISUAL MKTG (2019)
BRAND NEW DAY: VISUAL MKTG (2019)
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012
 
Lez 3 parte B TUTTO E' DESIGN
Lez 3 parte B TUTTO E' DESIGNLez 3 parte B TUTTO E' DESIGN
Lez 3 parte B TUTTO E' DESIGN
 
Ribesdesign interfacce
Ribesdesign interfacceRibesdesign interfacce
Ribesdesign interfacce
 
Cantiere Aib sulle presentazioni efficaci
Cantiere Aib sulle presentazioni efficaciCantiere Aib sulle presentazioni efficaci
Cantiere Aib sulle presentazioni efficaci
 
Dove l’utente è re
Dove l’utente è reDove l’utente è re
Dove l’utente è re
 
Information Design: Visualizzazione di Informazioni Quantitative
Information Design: Visualizzazione di Informazioni QuantitativeInformation Design: Visualizzazione di Informazioni Quantitative
Information Design: Visualizzazione di Informazioni Quantitative
 
Service Design per prodotti digitali migliori
Service Design per prodotti digitali miglioriService Design per prodotti digitali migliori
Service Design per prodotti digitali migliori
 
AI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project workAI (Architettura dell'Informazione) for dummies: lezioni e project work
AI (Architettura dell'Informazione) for dummies: lezioni e project work
 
Coding - intro -
Coding   - intro -Coding   - intro -
Coding - intro -
 
Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018Tommaso monaldi pfl 2018
Tommaso monaldi pfl 2018
 
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja AcademyStrumenti di Visual Storytelling: scopri il Webinar Ninja Academy
Strumenti di Visual Storytelling: scopri il Webinar Ninja Academy
 

Introduzione alle tecnologie per la creatività

  • 1. Andrea Gessa Tecnologie per la creatività Communication Design [ Introduzione ]
  • 2. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 3. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; • per essere indipendenti nella produzione di artefatti; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 4. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; • per essere indipendenti nella produzione di artefatti; • possono ispirare la creatività; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 5. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; • per essere indipendenti nella produzione di artefatti; • possono ispirare la creatività; • è utile conoscerne i limiti e la possibilità ; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 6. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; • per essere indipendenti nella produzione di artefatti; • possono ispirare la creatività; • è utile conoscerne i limiti e la possibilità ; • per interfacciarsi efficacemente con i “tecnici”; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 7. Perché è bene conoscere i software? • sono strumenti per esprimere idee e creatività; • per essere indipendenti nella produzione di artefatti; • possono ispirare la creatività; • è utile conoscerne i limiti e la possibilità ; • per interfacciarsi efficacemente con i “tecnici”; • perché è importante una figura che faccia da connettore; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 8. L’approccio alle tecnologie: • esplorare in superficie ciò che i programmi offrono; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 9. L’approccio alle tecnologie: • esplorare in superficie ciò che i programmi offrono; • avere conoscenza di cosa serve per fare cosa; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 10. L’approccio alle tecnologie: • esplorare in superficie ciò che i programmi offrono; • avere conoscenza di cosa serve per fare cosa; • rende possibile approfondire quando necessario; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 11. Panorama: CSS HTML PHP jQuery Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 12. L’arte di smanettare: GIOCO Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 13. L’arte di smanettare: GIOCO + CURIOSITÀ Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 14. L’arte di smanettare: GIOCO + CURIOSITÀ + ESPLORAZIONE Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 15. L’arte di smanettare: GIOCO + CURIOSITÀ + ESPLORAZIONE + PROBLEM SOLVING = Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 16. L’arte di smanettare: GIOCO + CURIOSITÀ + ESPLORAZIONE + PROBLEM SOLVING = RIGHT ATTITUDE Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 17. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 18. Menu bar Workspace Menu contestuale Panels Toolbar Selezione Colore Swatches Disegno Menu contestuale (right click) Stroke Modifica Layers Utilità Aspetto Simboli e grafici Visualizzazione Trasforma Colore & Allinea Colorazione Finestra Tipografia Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 19. Menu bar Toolbar Workspace Cartella progetto Player Effetti Visualizzazione Layer Timeline (Adobe After Effects)
  • 20. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; (Adobe Illustrator) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 21. (Adobe InDesign) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 22. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; • scorrere i menu; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 23. (Adobe Photoshop) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 24. (Adobe Illustrator) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 25. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; • scorrere i menu; • scorrere le shortcut (scorciatoie da tastiera); Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 26. (Adobe InDesign) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 27. (Adobe Illustrator) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 28. (Adobe Photoshop) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 29. WTF!? (Adobe After Effects) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 30. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; • scorrere i menu; • scorrere le shortcut (scorciatoie da tastiera); • controllare le preferenze (sui programmi Adobe ctrl/cmd+k); Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 31. (Adobe InDesign) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 32. (Adobe InDesign) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 33. (Adobe Illustrator) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 34. (Adobe Photoshop) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 35. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; • scorrere i menu; • scorrere le shortcut (scorciatoie da tastiera); • controllare le preferenze (sui programmi Adobe ctrl/cmd+k); • provare i modifier (ctrl, cmd, alt, shift) e i vari tasti del mouse; Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 36. L’arte di smanettare: • osservare le toolbar, come vengono suddivise; • attenzione ai dettagli e alle frecce nascoste; • scorrere i menu; • scorrere le shortcut (scorciatoie da tastiera); • controllare le preferenze (sui programmi Adobe ctrl/cmd+k); • provare i modifier (ctrl, cmd, alt, shift) e i vari tasti del mouse; • cliccare a caso! Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 37. (Adobe Photoshop) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 38. Usare gli strumenti giusti: Disegnare forme Modificare foto Impaginare Montare video ed effetti visivi Disegno tecnico Modellazione 3d Rendering 3d Comporre video (CAD & BIM) Tecnologie per la creatività 1 — Introduzione — 09.10.2012
  • 39. I flussi di dati: Tecnologie per la creatività 1 — Introduzione — 09.10.2012