Grafici e sviluppatori: frammenti di un discorso amoroso

Sulla nostra relazione si è detto di tutto, è colpa tua, è colpa mia, sei incontentabile, no sei tu che sei noioso.
Brevi considerazioni lavorative, ma soprattutto umane, di un grafico che ha un sogno: lasciare il web un posto migliore di come l’ha trovato.

Transcript

1. GRAFICI
   SVILUPPATORI
   FRAMMENTI DI UN DISCORSO AMOROSO
   ♥
   

   View Slide

2. GRAFICI
   SVILUPPATORI
   FRAMMENTI DI UN DISCORSO AMOROSO
   ☠
   

   View Slide

3. GRAFICI
   SVILUPPATORI
   FRAMMENTI DI UN DISCORSO AMOROSO
   
   

   View Slide

4. GRAFICI
   SVILUPPATORI
   FRAMMENTI DI UN DISCORSO AMOROSO
   
   

   View Slide

5. View Slide

6. GRAFICO
   SVILUPPATORE
   SKETCH
   FILE
   

   View Slide

7. View Slide

8. EMANUELE
   CENTOLA
   

   View Slide

9. EMMABOSHI
   STUDIO
   

   View Slide

10. View Slide

11. MENTINE
    

    View Slide

12. DOMUS
    ACADEMY
    

    View Slide

13. PRINT / WEB
    web
    print
    2000 oggi
    2010
    2005 2015
    

    View Slide

14. SOLO / ENSEMBLE
    ensemble
    solo
    2000 oggi
    2010
    2005 2015
    

    View Slide

15. T
    BISOGNO DI APPROVAZIONE
    web
    print
    2000 oggi
    2010
    2005 2015
    

    View Slide

16. View Slide

17. COMFORT ZONE WHERE MAGIC HAPPENS
    

    View Slide

18. PROGETTO GRAFICO TUTTO IL RESTO
    

    View Slide

19. SE VEDO RICORDO, SE FACCIO CAPISCO
    BRUNO MUNARI
    

    View Slide

20. SE ASCOLTO DIMENTICO, SE VEDO RICORDO,
    SE FACCIO CAPISCO
    CONFUCIO
    

    View Slide

21. EXTRA
    

    View Slide

22. SCRIVERE
    NEWSLETTER
    

    View Slide

23. View Slide

24. PARLARE
    RADIO
    PODCAST
    

    View Slide

25. R A D I
    O B
    O
    S H I
    

    View Slide

26. CONVERSAZIONE
    AUTOMATICA
    CHATBOT
    

    View Slide

27. View Slide

28. View Slide

29. BREVE
    SONDAGGIO
    

    View Slide

30. QUANTI
    DESIGNER?
    

    View Slide

31. QUANTI
    SVILUPPATORI?
    

    View Slide

32. QUANTI SONO
    ENTRAMBI?
    

    View Slide

33. QUANTI
    PASSANTI?
    

    View Slide

34. GRAFICO SVILUPPATORE
    LOGHI
    IMMAGINI COORDINATE
    GRAFICA EDITORIALE
    BROCHURE DESIGN
    CATALOGHI A STAMPA
    CAMPIONARI DI CARTE
    FEDELTÀ CROMATICA
    BROWSER
    DNS
    ACCESSIBILITY
    CSS PREPROCESSORS
    

    View Slide

35. GRAFICO SVILUPPATORE
    PAGINE FISSE
    CONTROLLO ASSOLUTO
    STAMPA = FEDELTÀ
    SISTEMA VIVO
    AMBIENTI OSTILI
    IMPREVEDIBILITÀ DEI BROWSER
    

    View Slide

36. EQUILIBRIO
    RELAZIONI
    ALLINEAMENTI
    PERCEZIONE
    GERARCHIA VISIVA
    CONTRASTO
    COLORE
    SPAZIO NEGATIVO
    TIPOGRAFIA
    RITMO
    MAINTAINABILITY
    MODULARITY
    MINIMUM REDUNDANCY
    ACCESSIBILITY
    DEVICE-INDEPENDENCY
    EXTENSIBILITY
    LEARNABILITY
    EFFICIENCY
    IMPLEMENTABILITY
    SIMPLICITY
    LONGEVITY
    BACKWARDS COMPATIBILITY
    INTEROPERABILITY
    REPURPOSING OF CONTENT
    TIMELINESS
    USE WHAT IS THERE
    DESIGN BY COMMITTEE
    EXPERTISE
    BREVITY
    STABILITY
    ROBUSTNESS
    GRAFICO SVILUPPATORE
    

    View Slide

37. PERCEZIONE TECNICA
    GRAFICO SVILUPPATORE
    

    View Slide

38. DESIGNER
    FRONTEND
    

    View Slide

39. DESIGNER
    FRONTEND
    BACKEND
    PROJECT M.
    CLIENTE
    ARCHITETTO
    

    View Slide

40. DESIGN
    BUILD
    

    View Slide

41. View Slide

42. View Slide

43. CLIENTE
    PROJECT MANAGER
    DESIGNER
    TRADUZIONE
    DEGRADAZIONE
    ALTERAZIONE
    SVILUPPATORE
    TRADUZIONE
    DEGRADAZIONE
    ALTERAZIONE
    TRADUZIONE
    DEGRADAZIONE
    ALTERAZIONE
    TRADUZIONE
    DEGRADAZIONE
    ALTERAZIONE
    

    View Slide

44. View Slide

45. SHOULD DESIGNERS CODE?
    

    View Slide

46. https://should.design
    

    View Slide

47. SHOULD DESIGNERS
    UNDERSTAND CODE?
    

    View Slide

48. IMPARARE IL LINGUAGGIO
    DI CHI LAVORA CON TE
    

    View Slide

49. A COMMON LANGUAGE FOR BOTH
    DESIGNERS AND DEVELOPERS
    DESIGN SYSTEMS
    • Style guide or visual pattern library
    • Design tooling (e.g. Sketch Library)
    • Component library (where the components live in code)
    • Code usage guidelines and documentation
    • Design usage documentation
    • Voice and tone guideline
    • Animation language guideline
    

    View Slide

50. BRIEF
    IL MIO PROCESSO, DI FATTO
    GRAFICA
    SVILUPPO
    RITOCCHI
    OTTIMO LAVORO
    

    View Slide

51. BRIEF
    GRAFICA
    SVILUPPO
    IL MIO PROCESSO, DI FATTO
    RITOCCHI
    OTTIMO LAVORO
    

    View Slide

52. BRIEF
    GRAFICA
    SVILUPPO
    IL MIO PROCESSO, DI FATTO
    RITOCCHI
    OTTIMO LAVORO
    

    View Slide

53. DESIGNER
    FRONTEND
    BACKEND
    PROJECT MANAGER
    CLIENTE
    ARCHITETTO
    ASPETTATIVE
    REALTÀ
    

    View Slide

54. View Slide

55. QUANTO FEDELE
    È ABBASTANZA
    FEDELE?
    

    View Slide

56. SVILUPPATORE
    ≠
    ESECUTORE
    

    View Slide

57. SAPERE
    TROPPO LIMITA
    LA CREATIVITÀ?
    

    View Slide

58. COLLABORIAMO
    

    View Slide

59. CO-DESIGN
    AND
    CO-DEVELOP
    

    View Slide

60. RAGIONIAMO PER
    COMPONENTI RIUTILIZZABILI
    GRAFICI
    SVILUPPATORI
    TOLLERIAMO I RIPENSAMENTI
    E LE IMPERFEZIONI
    

    View Slide

61. ALCUNI
    FEEDBACK
    CHE RICEVE
    UN DESIGNER
    

    View Slide

62. DOBBIAMO ATTENERCI ALLA
    IMMAGINE COORDINATA DEL
    CLIENTE, MA DOBBIAMO
    ANCHE STACCARCI UN PO’
    

    View Slide

63. CI SIAMO
    ATTENUTI TROPPO
    

    View Slide

64. DEV’ESSERE PIÙ
    ACCOGLIENTE
    

    View Slide

65. MANCA UN PO’
    DI IMPERFEZIONE
    

    View Slide

66. VOGLIAMO COMUNICARE
    ELEGANZA ACCESSIBILE
    

    View Slide

67. CERCHIAMO DI
    RACCONTARE LA
    SOLARITÀ ITALIANA
    

    View Slide

68. È UN PO’
    FREDDINO
    

    View Slide

69. 3 regole per una
    relazione felice
    

    View Slide

70. FIDUCIA
    

    View Slide

71. COMPROMESSI
    

    View Slide

72. COMUNICAZIONE
    

    View Slide

73. I SAY RESPIRO
    YOU SAY PADDING
    

    View Slide

74. View Slide

75. QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?
    

    View Slide

76. VOLEMOSE BBBENE
    

    View Slide

77. GIOCHIAMO INSIEME
    

    View Slide

78. SUPPORTIAMOCI
    

    View Slide

79. ♥
    GRAFICI
    SVILUPPATORI
    

    View Slide

80. RENDIAMO IL WEB
    UN POSTO MIGLIORE
    

    View Slide

81. View Slide

82. DOMANDE?
    

    View Slide