WORKFLOW Export PSD to HTML

55
WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13 Esportare la Grafica PSD ottimizzata per un Tema WP di FRANCESCO MARZOLI

description

 

Transcript of WORKFLOW Export PSD to HTML

Page 1: WORKFLOW Export PSD to HTML

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Esportare la Grafica PSD ottimizzata per un Tema WP  

di FRANCESCO MARZOLI

Page 2: WORKFLOW Export PSD to HTML

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Francesco Marzoli

RELATORE

Web: www.sciampix.com Personal: www.digitalpostproduction.it  Twitter: @francescospx Facebook: francescomarzoli  

Francesco Marzoli Account e Creative Director per la Sciampix. Adobe Certified Expert in Photoshop, Beta Tester per i prodotti X-Rite Pantone. Ha effettuato docenza presso la UED Università Europea del Design di Pescara ed è YouTube Partner pubblicando periodicamente video tutorial su Photoshop.

BIO

Page 3: WORKFLOW Export PSD to HTML

QUALI SONO I PROBLEMI LEGATI ALL’ESPORTAZIONE?  

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 4: WORKFLOW Export PSD to HTML

CANE E GATTO  

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 5: WORKFLOW Export PSD to HTML

CAINO E ABELE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 6: WORKFLOW Export PSD to HTML

DESIGNER E DEVELOPER

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 7: WORKFLOW Export PSD to HTML

DISEGNO CON LE CARATTERISTICHE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 8: WORKFLOW Export PSD to HTML

PARTE 2 IMMAGINE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 9: WORKFLOW Export PSD to HTML

PARTE 2 IMMAGINE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 10: WORKFLOW Export PSD to HTML

PARTE 2 IMMAGINE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 11: WORKFLOW Export PSD to HTML

PARTE 2 IMMAGINE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 12: WORKFLOW Export PSD to HTML

CHI DEVE FARE COSA?

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 13: WORKFLOW Export PSD to HTML

CHI DEVE FARE COSA?

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 14: WORKFLOW Export PSD to HTML

CHI DEVE FARE COSA?

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 15: WORKFLOW Export PSD to HTML

BRIDGE THE GAP

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 16: WORKFLOW Export PSD to HTML

OBIETTIVI SITO / REQUISITI UTENTE SPECIFICHE FUNZIONALI / REQUISITI DI CONTENUTO PROGETTAZIONI INTERAZIONI / DATA ARCHITECTURE

PROGETTAZIONE INTERFACCIA PROGETTAZIONE VISUALE

PONTE MARKUP HTML CSS

MOTION ARCHITECTURE BACK END DEVELOPMENT

WEDDING TEST

CLIENT REVISION PANIC TIME

CRYING TIME HOMICIDE ARCHITECTURE

CLIENT PROBLEM SOLVING (WIFE, DOG, ETC…) ONLINE

END. (MAYBE) WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 17: WORKFLOW Export PSD to HTML

CHI DEVE FARE COSA?

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 18: WORKFLOW Export PSD to HTML

CHI DEVE FARE COSA?

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 19: WORKFLOW Export PSD to HTML

IL SEGRETO E’ COMUNICARE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 20: WORKFLOW Export PSD to HTML

NO PSD 500 LIVELLI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 21: WORKFLOW Export PSD to HTML

COLORI ESATTI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 22: WORKFLOW Export PSD to HTML

MISURE ESATTE

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 23: WORKFLOW Export PSD to HTML

NON HO BISOGNO DI UN DESIGNER CHE MI DICA COME

PROGRAMMARE!

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 24: WORKFLOW Export PSD to HTML

ASCOLTARE POSSIBILI SOLUZIONI

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 25: WORKFLOW Export PSD to HTML

UNICO OBIETTIVO.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 26: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 27: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 28: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 29: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 30: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 31: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 32: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 33: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 34: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 35: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 36: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 37: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 38: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 39: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 40: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 41: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 42: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 43: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 44: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 45: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 46: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Slicy  h(p://macrabbit.com/slicy/  Sprite  CSS  h(p://spritegen.website-­‐performance.org/  

Page 47: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 48: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 49: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 50: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 51: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 52: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 53: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 54: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

Page 55: WORKFLOW Export PSD to HTML

MIGLIOR PRODOTTO POSSIBILE.

WORDCAMP BOLOGNA - 9 FEBBRAIO 2013 @WORDCAMPBOLOGNA # WPCAMPBO13

FRANCESCO MARZOLI WWW.SCIAMPIX.COM