SlideShare a Scribd company logo
1 of 11
Download to read offline
applied visual design
  STRATEGIE E TECNICHE DI PROGETTAZIONE VISIVA PER IL WEB

                    di Mirko Santangelo
il diavolo
        è nei dettagli.
         Un progetto può sembrare piuttosto
         semplice all’inizio, ma quando si arriva
         a dover organizzare e risolvere tutti
         i dettagli, la situazione diventa
         molto più complicata.




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
progettare identità
         visive dedicate
         Stabilire a priori gli obiettivi da raggiungere
         valutando gli ostacoli da superare                            start
         per creare soluzioni adattabili al contesto
         di partenza.




                                                                                           end


wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
visual d’impatto
         in 3 steps...o quasi.

             lights                             textures                            gradients



wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
lights
         La luce determina il modo in cui percepiamo la realtà circostante.




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
textures
         La struttura della materia ci aiuta a distinguere il tipo di superfice.




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
.pat
         Collezioni di Texture e Materiali per Photoshop.




                                                                     subtlepatterns.com




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
gradients
         La scelta di cromie delicate è una soluzione elegante ed efficace.




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
case study




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
Get in touch
         Mirko Santangelo                                            www.mirkosantangelo.com


                                                                     santangelo.mirko@gmail.com




wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
LINK


http://dl.dropbox.com/u/6625493/wpcon.zip



wpcon 2012   Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.

More Related Content

Viewers also liked

Target audience
Target audienceTarget audience
Target audiencebhamp002
 
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...Mangala Nilay Dasa
 
Condomani presenta ad "Impresa Possibile"
Condomani presenta ad "Impresa Possibile"Condomani presenta ad "Impresa Possibile"
Condomani presenta ad "Impresa Possibile"Antonio Bevacqua
 
Relatoría encuentro presencial
Relatoría encuentro presencialRelatoría encuentro presencial
Relatoría encuentro presencialebrinnitzer
 
Condomani.it - PItch 2° classificato al TechGarage 2011
Condomani.it - PItch 2° classificato al TechGarage 2011Condomani.it - PItch 2° classificato al TechGarage 2011
Condomani.it - PItch 2° classificato al TechGarage 2011Antonio Bevacqua
 
Glee pm case study
Glee pm case studyGlee pm case study
Glee pm case studybhamp002
 

Viewers also liked (8)

Moral
MoralMoral
Moral
 
Argentina
ArgentinaArgentina
Argentina
 
Target audience
Target audienceTarget audience
Target audience
 
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...
My siksa-guru and priya-bandhu - "my instructing spiritual master and dearmos...
 
Condomani presenta ad "Impresa Possibile"
Condomani presenta ad "Impresa Possibile"Condomani presenta ad "Impresa Possibile"
Condomani presenta ad "Impresa Possibile"
 
Relatoría encuentro presencial
Relatoría encuentro presencialRelatoría encuentro presencial
Relatoría encuentro presencial
 
Condomani.it - PItch 2° classificato al TechGarage 2011
Condomani.it - PItch 2° classificato al TechGarage 2011Condomani.it - PItch 2° classificato al TechGarage 2011
Condomani.it - PItch 2° classificato al TechGarage 2011
 
Glee pm case study
Glee pm case studyGlee pm case study
Glee pm case study
 

Similar to WPCon

2014 11-15 presentazione breton agile day ancona
2014 11-15 presentazione breton agile day ancona2014 11-15 presentazione breton agile day ancona
2014 11-15 presentazione breton agile day anconaClaudio Saurin
 
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Ornella Pirone
 
Programma movie design 3 d e biografia
Programma movie design 3 d e biografiaProgramma movie design 3 d e biografia
Programma movie design 3 d e biografiaCollettivo Creativo
 
Programma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaProgramma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaOrnella Pirone
 
Programma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaProgramma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaCollettivo Creativo
 
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...Ornella Pirone
 
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...midimarcus
 
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?girolamo giannatempo
 
Applicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioApplicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioFabrizio Caccavello
 
Insegnare 3D - modellazione e stampa (Riccardo Gatti)
Insegnare 3D - modellazione e stampa (Riccardo Gatti)Insegnare 3D - modellazione e stampa (Riccardo Gatti)
Insegnare 3D - modellazione e stampa (Riccardo Gatti)InSide Training
 
WordPress è arrivato alla frutta?
WordPress è arrivato alla frutta?WordPress è arrivato alla frutta?
WordPress è arrivato alla frutta?Laura Lonighi
 
If the future is for interdisciplinary team, we need to change something!
If the future is for interdisciplinary team, we need to change something!If the future is for interdisciplinary team, we need to change something!
If the future is for interdisciplinary team, we need to change something!Paolo Montevecchi
 
WordPress per giornalisti freelance
WordPress per giornalisti freelance  WordPress per giornalisti freelance
WordPress per giornalisti freelance GGDBologna
 
Web Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMSWeb Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMSSamuele Schiavon
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermimarcocasario
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatarRoberto Cobianchi
 
Atomic Design e sviluppo di un Design System
Atomic Design e sviluppo di un Design SystemAtomic Design e sviluppo di un Design System
Atomic Design e sviluppo di un Design SystemEdoardo Sportelli
 

Similar to WPCon (20)

2014 11-15 presentazione breton agile day ancona
2014 11-15 presentazione breton agile day ancona2014 11-15 presentazione breton agile day ancona
2014 11-15 presentazione breton agile day ancona
 
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
Collettivo Creativo | Programma Movie Design 3D e biografia - WorkshopCreativ...
 
Programma movie design 3 d e biografia
Programma movie design 3 d e biografiaProgramma movie design 3 d e biografia
Programma movie design 3 d e biografia
 
Programma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaProgramma modellazione 3 d e biografia
Programma modellazione 3 d e biografia
 
Programma modellazione 3 d e biografia
Programma modellazione 3 d e biografiaProgramma modellazione 3 d e biografia
Programma modellazione 3 d e biografia
 
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...
Collettivo Creativo | Programma modellazione 3D e biografia- WorkshopCreativi...
 
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...
Esperienza B2B: avviare una start-up nel settore dei componenti elettronici: ...
 
Slidegowebdesign
SlidegowebdesignSlidegowebdesign
Slidegowebdesign
 
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
UX/UI Design. È davvero così difficile progettare soluzioni accessibili?
 
Applicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorioApplicazioni, web e strategie di territorio
Applicazioni, web e strategie di territorio
 
Insegnare 3D - modellazione e stampa (Riccardo Gatti)
Insegnare 3D - modellazione e stampa (Riccardo Gatti)Insegnare 3D - modellazione e stampa (Riccardo Gatti)
Insegnare 3D - modellazione e stampa (Riccardo Gatti)
 
Strategie Comunicazione del Progetto
Strategie Comunicazione del ProgettoStrategie Comunicazione del Progetto
Strategie Comunicazione del Progetto
 
WordPress è arrivato alla frutta?
WordPress è arrivato alla frutta?WordPress è arrivato alla frutta?
WordPress è arrivato alla frutta?
 
If the future is for interdisciplinary team, we need to change something!
If the future is for interdisciplinary team, we need to change something!If the future is for interdisciplinary team, we need to change something!
If the future is for interdisciplinary team, we need to change something!
 
WordPress per giornalisti freelance
WordPress per giornalisti freelance  WordPress per giornalisti freelance
WordPress per giornalisti freelance
 
Web Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMSWeb Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMS
 
HTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermiHTML5 cross-platform and device development: web app per tutti gli schermi
HTML5 cross-platform and device development: web app per tutti gli schermi
 
Il project management degli avatar
Il project management degli avatarIl project management degli avatar
Il project management degli avatar
 
Ux scrum e gilde...
Ux scrum e gilde...Ux scrum e gilde...
Ux scrum e gilde...
 
Atomic Design e sviluppo di un Design System
Atomic Design e sviluppo di un Design SystemAtomic Design e sviluppo di un Design System
Atomic Design e sviluppo di un Design System
 

WPCon

  • 1. applied visual design STRATEGIE E TECNICHE DI PROGETTAZIONE VISIVA PER IL WEB di Mirko Santangelo
  • 2. il diavolo è nei dettagli. Un progetto può sembrare piuttosto semplice all’inizio, ma quando si arriva a dover organizzare e risolvere tutti i dettagli, la situazione diventa molto più complicata. wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 3. progettare identità visive dedicate Stabilire a priori gli obiettivi da raggiungere valutando gli ostacoli da superare start per creare soluzioni adattabili al contesto di partenza. end wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 4. visual d’impatto in 3 steps...o quasi. lights textures gradients wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 5. lights La luce determina il modo in cui percepiamo la realtà circostante. wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 6. textures La struttura della materia ci aiuta a distinguere il tipo di superfice. wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 7. .pat Collezioni di Texture e Materiali per Photoshop. subtlepatterns.com wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 8. gradients La scelta di cromie delicate è una soluzione elegante ed efficace. wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 9. case study wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 10. Get in touch Mirko Santangelo www.mirkosantangelo.com santangelo.mirko@gmail.com wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.
  • 11. LINK http://dl.dropbox.com/u/6625493/wpcon.zip wpcon 2012 Mirko Santangelo - Strategie e Tecniche di Progettazione Visiva per il Web.