Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grafici e sviluppatori: frammenti di un discorso amoroso

Emmaboshi
December 11, 2018

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.

Emmaboshi

December 11, 2018
Tweet

Other Decks in Design

Transcript

  1. GRAFICI
    SVILUPPATORI
    FRAMMENTI DI UN DISCORSO AMOROSO

    View full-size slide

  2. GRAFICI
    SVILUPPATORI
    FRAMMENTI DI UN DISCORSO AMOROSO

    View full-size slide

  3. GRAFICI
    SVILUPPATORI
    FRAMMENTI DI UN DISCORSO AMOROSO

    View full-size slide

  4. GRAFICI
    SVILUPPATORI
    FRAMMENTI DI UN DISCORSO AMOROSO

    View full-size slide

  5. GRAFICO
    SVILUPPATORE
    SKETCH
    FILE

    View full-size slide

  6. EMANUELE
    CENTOLA

    View full-size slide

  7. EMMABOSHI
    STUDIO

    View full-size slide

  8. DOMUS
    ACADEMY

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  12. COMFORT ZONE WHERE MAGIC HAPPENS

    View full-size slide

  13. PROGETTO GRAFICO TUTTO IL RESTO

    View full-size slide

  14. SE VEDO RICORDO, SE FACCIO CAPISCO
    BRUNO MUNARI

    View full-size slide

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

    View full-size slide

  16. SCRIVERE
    NEWSLETTER

    View full-size slide

  17. PARLARE
    RADIO
    PODCAST

    View full-size slide

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

    View full-size slide

  19. CONVERSAZIONE
    AUTOMATICA
    CHATBOT

    View full-size slide

  20. BREVE
    SONDAGGIO

    View full-size slide

  21. QUANTI
    DESIGNER?

    View full-size slide

  22. QUANTI
    SVILUPPATORI?

    View full-size slide

  23. QUANTI SONO
    ENTRAMBI?

    View full-size slide

  24. QUANTI
    PASSANTI?

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. 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 full-size slide

  28. PERCEZIONE TECNICA
    GRAFICO SVILUPPATORE

    View full-size slide

  29. DESIGNER
    FRONTEND

    View full-size slide

  30. DESIGNER
    FRONTEND
    BACKEND
    PROJECT M.
    CLIENTE
    ARCHITETTO

    View full-size slide

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

    View full-size slide

  32. SHOULD DESIGNERS CODE?

    View full-size slide

  33. https://should.design

    View full-size slide

  34. SHOULD DESIGNERS
    UNDERSTAND CODE?

    View full-size slide

  35. IMPARARE IL LINGUAGGIO
    DI CHI LAVORA CON TE

    View full-size slide

  36. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  41. QUANTO FEDELE
    È ABBASTANZA
    FEDELE?

    View full-size slide

  42. SVILUPPATORE

    ESECUTORE

    View full-size slide

  43. SAPERE
    TROPPO LIMITA
    LA CREATIVITÀ?

    View full-size slide

  44. COLLABORIAMO

    View full-size slide

  45. CO-DESIGN
    AND
    CO-DEVELOP

    View full-size slide

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

    View full-size slide

  47. ALCUNI
    FEEDBACK
    CHE RICEVE
    UN DESIGNER

    View full-size slide

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

    View full-size slide

  49. CI SIAMO
    ATTENUTI TROPPO

    View full-size slide

  50. DEV’ESSERE PIÙ
    ACCOGLIENTE

    View full-size slide

  51. MANCA UN PO’
    DI IMPERFEZIONE

    View full-size slide

  52. VOGLIAMO COMUNICARE
    ELEGANZA ACCESSIBILE

    View full-size slide

  53. CERCHIAMO DI
    RACCONTARE LA
    SOLARITÀ ITALIANA

    View full-size slide

  54. È UN PO’
    FREDDINO

    View full-size slide

  55. 3 regole per una
    relazione felice

    View full-size slide

  56. COMUNICAZIONE

    View full-size slide

  57. I SAY RESPIRO
    YOU SAY PADDING

    View full-size slide

  58. QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?
    QUINDI?

    View full-size slide

  59. VOLEMOSE BBBENE

    View full-size slide

  60. GIOCHIAMO INSIEME

    View full-size slide

  61. SUPPORTIAMOCI

    View full-size slide


  62. GRAFICI
    SVILUPPATORI

    View full-size slide

  63. RENDIAMO IL WEB
    UN POSTO MIGLIORE

    View full-size slide