Basic Design - lbollini.it · il linguaggio della comunicazione visiva Comunicazione Visiva e...

49
Basic Design: il linguaggio della comunicazione visiva Comunicazione Visiva e Multimodale 14 . Comunicazione digitale Letizia Bollini, Università di Milano-Bicocca #CVeMM

Transcript of Basic Design - lbollini.it · il linguaggio della comunicazione visiva Comunicazione Visiva e...

Basic Design:il linguaggio della comunicazione visivaComunicazione Visiva e Multimodale 14 . Comunicazione digitaleLetizia Bollini, Università di Milano-Bicocca

#CVeMM

Il linguaggio visivo

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

3 47

> Prossimità

> Allineamento

> Ripetizione

> Contrasto

> Tipografia

> Immagini

> Relazioni

> Contesto

> Interazione

Basic Design> Forma

> Colore

> Tratto e texture

> Dimensione

> Spazio

La “grammatica”

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

5 47

> Prossimità

> Allineamento

> Ripetizione

> Contrasto

> Tipografia

> Immagini

> Relazioni

> Contesto

> Interazione

Basic Design> Forma

> Colore

> Tratto e texture

> Dimensione

> Spazio

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

6 47

La forma

Forme geometriche

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

7 47

Forme astratteImpressionistiche e/o espressionistiche

La forma

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

8 47

La forma

Forme naturali

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

9 47

Armando TestaPunt e Mes, 1960

A G FronzoniBanca Popolare dell’Emilia Romagna brand

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

10 47

Il colore

> Fisico

> Percettivo

> Linguistico

> Semiotico

> Culturale

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

11 47

Il colore

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

12 47

Il colore

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

13 47

Il colore

Lorem ipsum

Lorem ipsum

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

14 47

Vladimir ChaikaIkko Tanaka 1930-2002

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

15 47

Tratto e texture

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

16 47

AntiprimadonnaTomàs Maldonado

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

17 47

Dimensione

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

18 47

Dimensione

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

19 47

Spazio

Lo spazio negativoLooking room

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

20 47

Spazio

Orientamento nello spazioDirezione di lettura

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

21 47

SpazioLo spazio negativoRapporto figura sfondo

Shigeo Fukuda, 1975

La “sintassi”

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

23 47

Basic Design> Forma

> Colore

> Tratto e texture

> Dimensione

> Spazio

> Prossimità

> Allineamento

> Ripetizione

> Contrasto

> Tipografia

> Immagini

> Relazione

> Contesto

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

24 47

Prossimità> Unitarietà di elementi separati

> Raggruppamento e relazione

> Progressione logica

> Organizzare

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

25 47

Dott. Mario Rossi

Edizioni Perditemo srl

Via Giuseppe Mazzini 7 20123 Milano

348 45670029

Dott. Mario RossiEdizioni Perditemo srl

Via Giuseppe Mazzini 720123 Milano348 45670029

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

26 47

Allineamento> Connessione visiva tra elementi distanti

> Interrelazione

> Organizzazione logica

> Unificare

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

27 47

>

>

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

28 47

Report trimestrale

Edizioni Perditemo srl1° trimestre 2014

Redatto da Dott.ssa Maria Bianchi

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

29 47

A G FronzoniTeatro del Falcone, 1979

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

30 47

Ripetizione> Coerenza

> Gerarchia

> Ritmo

> Rafforzare

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

31 47

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

32 47

Massimo VignelliHabdibrhaim

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

33 47

Contrasto> Differenza

> Focus

> Enfasi e forza

> Diversificare

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

34 47

AA

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

35 47

A 1

Max HuberLa Rinascente, 1950

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

36 47

Walter BallmerNava, 1975

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

37 47

Terence English

L’insieme è più della somma

delle sue parti

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

39 47

(Alcuni dei) principi gestaltici> Pregnanza/buona forma: la struttura percepita è sempre la

più semplice

> Prossimità/vicinanza: tendenza a raggruppare in funzione delle distanze

> Somiglianza: tendenza a raggruppare gli elementi simili

> Chiusura: tendenza a vedere come “chiuse” forme aperte

> Figura-sfondo: tutte le parti di una zona si possono interpre-tare sia come oggetto sia come sfondo

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

40 47

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

41 47

Manipolazioni ostensive

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

43 47

Scopo della comunicazione

> Discriminazione

> Gerarchia

> Identità

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

44 47

Analisi ()> Incontri di brief tecnico, strategico, di business/marketing, di

branding con il cliente e raccolta materiali

> Analisi delle strategie di web marketing e obiettivi di progetto

> Analisi della concorrenza o benchmarking

> Analisi del target e dell’utenza

> Analisi delle piattafome tecnologiche

Less is more...

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

47 47

“Complicare è facile, semplificare è difficile. Per complicare basta aggiungere [...], colori, forme, azioni, decorazioni… Tutti sono capaci di complicare.Pochi sono capaci di semplificare”

Bruno Munari, 1992

Basic Design: il linguaggio della Comunicazione VisivaComunicazione Visiva e Multimodale 14 . Comunicazione Digitale . Letizia Bollini, Milano-Bicocca

#CVeMM

?

Per approfondire1. Kepes, g. (197o). Il linguaggio della visione. Bari: Edizioni Dedalo

2. Arneheim, R. (1974). Il pensiero visivo. Torino: Einaudi

3. Williams, R. (2008). Non-Designer’s Design Book, The, 3rd Edition. Pea-chpit Press

?