Post on 17-Feb-2019
transcript
Basic Design:il linguaggio della comunicazione visivaComunicazione Visiva e Multimodale 14 . Comunicazione digitaleLetizia Bollini, Università di Milano-Bicocca
#CVeMM
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
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
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
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
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
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