SlideShare a Scribd company logo
Bēhance Review 2015
Bēhance Review 2015
+
DIGITAL DESIGN THINKING.
Ciao. 

Oggi parliamo
di Responsive Design.
Bēhance Review 2015
Google decide di penalizzare i siti
che non sono mobile-friendly.
Volete testare il vostro?
21 aprile 2015
Mobilegeddon
Bēhance Review 2015
Responsive non è una cosa nuova.
È quello che avete sempre fatto: declinazioni.
Penalizzare chi non le fa sul web
è l’unica novità.
Chemmefrega a me?
Io faccio il grafico.
Bēhance Review 2015
Responsive significa costringerci a pensare
come un brand debba essere adattato
ai vari contesti, piattaforme e anche device.
Torniamo a progettare
Pensare non solo al look & feel
Bēhance Review 2015Bēhance Review 2015
Contesto d’uso
e livello di attenzione
Bēhance Review 2015
Il contesto influenza l’uso e l’esperienza
del prodotto, rendendoci più ciechi
ad alcuni dettagli.
E questo sta accadendo sempre più spesso.
In metropolitana, o sul divano
In ogni caso, stiamo facendo altro
Bēhance Review 2015
I device preferiti come second screen
Bēhance Review 2015
+
DIGITAL DESIGN THINKING.
BBeneeee.
Ora parliamo di grafica.
Bēhance Review 2015
L'avvento del responsive ha creato
un ambiente di lavoro nuovo, in cui
è molto più comodo per noi designer
ammorbidire il controllo sugli assets.
Responsive Branding
Soluzioni proge uali flessibili
Bēhance Review 2015
Scomme o che non ricordate
la sequenza colori del logo Google?
Bēhance Review 2015
: )
“
Bēhance Review 2015
Our brains, it seems,
may be hard-wired to focus on
new experiences, relying on memory
for repetition.
For all intents and purposes
our brains are caching experiences
to free up processing power.
— UCLA Research Studio, The Verge
Bēhance Review 2015Bēhance Review 2015
Bēhance Review 2015
Abbracciando un approccio versatile
per tutto, branding, tipografia, colore, logo,
possiamo massimizzare il riconoscimento
del marchio e il coinvolgimento del pubblico.
Facciamoci riconoscere
Versatili e previdenti
Bēhance Review 2015
Il logo, sul web, viene solitamente ristretto
per adattarsi all'interno dello spazio disponibile.
Questo può rendere i dettagli più minuti
irriconoscibili e i caratteri illeggibili.
Per fortuna, nessuno ci obbliga
a lavorare in questo modo : )
Loghi Responsive
Per non farli più prendere a bastonate sul web
Bēhance Review 2015Bēhance Review 2015
— Responsive Logo Project, Joe Harrison
Bēhance Review 2015
Portfolio Responsive?
I vostri clienti vi chiederanno sempre
più spesso di risolvergli problemi di questo tipo.
Siate pronti a mostrare le vostre capacità
a partire dal profilo di Behance.
Noi ci abbiamo provato sul nostro sul sito
Embè?
Bēhance Review 2015
Grazie alla premiata ditta
Giulia Tuttecose
per il proiettore!
Bēhance Review 2015
Referenze
Se volete per approfondire l’argomento
e capire come fare, di seguito alcuni link utili : )
— Is it time to embrace responsive branding?, Webdesigner Depot
— Responsive logos tips, Viget
— Rethinking responsive svg, Smashing Magazine
Bēhance Review 2015
Thank you for your attention

More Related Content

Dalla matita all’iPad: siete davvero responsive?

  • 2. Bēhance Review 2015 + DIGITAL DESIGN THINKING. Ciao. 
 Oggi parliamo di Responsive Design.
  • 3. Bēhance Review 2015 Google decide di penalizzare i siti che non sono mobile-friendly. Volete testare il vostro? 21 aprile 2015 Mobilegeddon
  • 4. Bēhance Review 2015 Responsive non è una cosa nuova. È quello che avete sempre fatto: declinazioni. Penalizzare chi non le fa sul web è l’unica novità. Chemmefrega a me? Io faccio il grafico.
  • 5. Bēhance Review 2015 Responsive significa costringerci a pensare come un brand debba essere adattato ai vari contesti, piattaforme e anche device. Torniamo a progettare Pensare non solo al look & feel
  • 6. Bēhance Review 2015Bēhance Review 2015 Contesto d’uso e livello di attenzione
  • 7. Bēhance Review 2015 Il contesto influenza l’uso e l’esperienza del prodotto, rendendoci più ciechi ad alcuni dettagli. E questo sta accadendo sempre più spesso. In metropolitana, o sul divano In ogni caso, stiamo facendo altro
  • 8. Bēhance Review 2015 I device preferiti come second screen
  • 9. Bēhance Review 2015 + DIGITAL DESIGN THINKING. BBeneeee. Ora parliamo di grafica.
  • 10. Bēhance Review 2015 L'avvento del responsive ha creato un ambiente di lavoro nuovo, in cui è molto più comodo per noi designer ammorbidire il controllo sugli assets. Responsive Branding Soluzioni proge uali flessibili
  • 11. Bēhance Review 2015 Scomme o che non ricordate la sequenza colori del logo Google?
  • 13. “ Bēhance Review 2015 Our brains, it seems, may be hard-wired to focus on new experiences, relying on memory for repetition. For all intents and purposes our brains are caching experiences to free up processing power. — UCLA Research Studio, The Verge
  • 15. Bēhance Review 2015 Abbracciando un approccio versatile per tutto, branding, tipografia, colore, logo, possiamo massimizzare il riconoscimento del marchio e il coinvolgimento del pubblico. Facciamoci riconoscere Versatili e previdenti
  • 16. Bēhance Review 2015 Il logo, sul web, viene solitamente ristretto per adattarsi all'interno dello spazio disponibile. Questo può rendere i dettagli più minuti irriconoscibili e i caratteri illeggibili. Per fortuna, nessuno ci obbliga a lavorare in questo modo : ) Loghi Responsive Per non farli più prendere a bastonate sul web
  • 17. Bēhance Review 2015Bēhance Review 2015 — Responsive Logo Project, Joe Harrison
  • 18. Bēhance Review 2015 Portfolio Responsive? I vostri clienti vi chiederanno sempre più spesso di risolvergli problemi di questo tipo. Siate pronti a mostrare le vostre capacità a partire dal profilo di Behance. Noi ci abbiamo provato sul nostro sul sito Embè?
  • 19. Bēhance Review 2015 Grazie alla premiata ditta Giulia Tuttecose per il proiettore!
  • 20. Bēhance Review 2015 Referenze Se volete per approfondire l’argomento e capire come fare, di seguito alcuni link utili : ) — Is it time to embrace responsive branding?, Webdesigner Depot — Responsive logos tips, Viget — Rethinking responsive svg, Smashing Magazine
  • 21. Bēhance Review 2015 Thank you for your attention