Design of Communication USE ALL FIVE CULTURE AND TECHNOLOGY AUGUST 14, 2014 CLIENT NAME
Design of Communication
USE ALL FIVE culture and technology
august 14, 2014 client name
USE ALL FIVE
2
WHERE WE ARE
HOW WE GOT HERE
WHERE WE’RE GOING
USE ALL FIVE
3
WHERE WE ARE
HOW WE GOT HERE
WHERE WE’RE GOING
USE ALL FIVE
design of communication 4
where we are
USE ALL FIVE
design of communication 5
where we are
Communication is multi-threaded, asynchronous,
public and private.
USE ALL FIVE
design of communication 6
where we are
Why do we care?
USE ALL FIVE
design of communication 7
where we are
Because design for the web
is communication
design
USE ALL FIVE
design of communication 8
where we are
What is communication
design?
USE ALL FIVE
design of communication 9
where we are
communication design is a both a broad term and field. it encompasses
a number of design practices, including information design, information
architecture, advertising and marketing.
communication design is about message and effect, it focuses on touching
people through transmission of ideas.
therefore communication design comes with a responsibility to
compassionately understand the recipient’s existing perceptions, while
designing solutions that fulfill the sender’s goals in sharing his/her ideas.
USE ALL FIVE
design of communication 10
where we are
Big “D” Designand
little “d” design
USE ALL FIVE
design of communication 11
where we are
Big “D” Design is the world of design
it’s why we praise the clarity of helvetica, claim Paul rand
as the godfather of design, and identify the trend of flat
design is a rejection of skeuomorphism.
USE ALL FIVE
design of communication 12
where we are
it’s why in america we drive on the right, doors open
inward, and that cups have handles and glasses do not.
Little “d” design is the design of the world
USE ALL FIVE
design of communication 13
where we are
Gesamtkunstwerk
USE ALL FIVE
design of communication 14
where we are
a work complete in itself, in which partial contributions
of the related and collaborating arts blend together,
disappear, and, in disappearing, somehow form a new
world.
Gesamtkunstwerk (1827)
USE ALL FIVE
design of communication 15
where we are
Also Known as Aesthetics
USE ALL FIVE
design of communication 16
where we are
Semiotics
the study of meaning-making and signs.
in communication, it is defined as the process of
transferring data and-or meaning from a source to a
receiver.
USE ALL FIVE
design of communication 17
where we are
Aesthetics + Semiotics = Design
USE ALL FIVE
18
WHERE WE ARE
HOW WE GOT HERE
WHERE WE’RE GOING
USE ALL FIVE
design of communication 19
how we got here
USE ALL FIVE
design of communication 20
how we got here
Design doesn’t happen in a vacuum. Movements
emerge as a reaction to current world events
and the conditions that have lead to the
present moment.
USE ALL FIVE
design of communication 21
how we got here
Historical intersections of culture and technology
USE ALL FIVE
design of communication 22
how we got here
Before 1977
3200 Bce invention of writing in mesopotamia
1040 ad moveable type invented in china / 1493 gutenberg
1822 photography invented in france by nicéphore niépce
1900 film as we know is available worldwide
1950s Broadcast tV is the prevalent in america
USE ALL FIVE
design of communication 23
how we got here
After 1977
USE ALL FIVE
design of communication 24
how we got here
Personal computers - 1980s
USE ALL FIVE
design of communication 25
how we got here
web - 1984 Prodigy internet service / 1985 aol
USE ALL FIVE
design of communication 26
how we got here
social media - 1994 Beverly hills internet (Bhi) started geocities / 2004 facebook
USE ALL FIVE
design of communication 27
how we got here
mobile - June 29, 2007 iPhone
USE ALL FIVE
design of communication 28
how we got here
Modernism and the 20th Century
USE ALL FIVE
design of communication 29
how we got here
1914 - 1918 wwi
1917 russian revolutions dismantled the tsarist autocracy
1918 german revolution overthrows imperial government
1922 national fascist Party overthrows Kingdom of italy
1939 - 1945 wwii
Europe in the early 20th Century
USE ALL FIVE
design of communication 30
how we got here
Blackletter - the first printed typeface
Blackletter was used by gutenberg for hi bible and books,
which signaled a new era in typefaces used for printing.
however, Blackletters were difficult to read as body text
and roman faces were easier to print with movable type.
USE ALL FIVE
design of communication 31
how we got here
USE ALL FIVE
design of communication 32
how we got here
Akzidenz Grotesk - 1896
Known for its simplicity, line weights, and balanced
proportions, akzidenz forms easily distinguished word
patterns that became a hallmark for sans-serif legibility.
USE ALL FIVE
design of communication 33
how we got here
USE ALL FIVE
design of communication 34
how we got here
constructivist art was committed to complete abstraction
with a devotion to modernity, forming an aesthetic that
was often geometric, experimental and rarely emotional.
Constructivism 1913-1940s
USE ALL FIVE
design of communication 35
how we got here
USE ALL FIVE
design of communication 36
how we got here
USE ALL FIVE
design of communication 37
how we got here
futurism emphasized themes associated with ideas of
the future. speed, technology, youth, violence, the car,
aeroplane, and the industrial city were all celebrated.
Italian Futurism 1909-1944
USE ALL FIVE
design of communication 38
how we got here
USE ALL FIVE
design of communication 39
how we got here
literally translated as “house of construction,” walter
gropius founded the Bauhaus with the idea of creating a
“total” work of art in which all arts, including architecture,
would eventually be brought together.
Bauhaus 1919-1933
USE ALL FIVE
design of communication 40
how we got here
walter gropius
USE ALL FIVE
design of communication 41
how we got here
Josef albers
USE ALL FIVE
design of communication 42
how we got here
lászló moholy-nagy
USE ALL FIVE
design of communication 43
how we got here
Post War Period
USE ALL FIVE
design of communication 44
how we got here
Helvetica 1957
the aim was to create a neutral typeface that had great
clarity, no intrinsic meaning in its form, and could be used
on a wide variety of signage.
USE ALL FIVE
design of communication 45
how we got here
USE ALL FIVE
design of communication 46
how we got here
USE ALL FIVE
design of communication 47
how we got here
Josef muller Brockmann formalized the grid system
USE ALL FIVE
design of communication 48
how we got here
Josef muller Brockmann
USE ALL FIVE
design of communication 49
how we got here
adrien frutiger created univers as a clean rational approach to futura
USE ALL FIVE
design of communication 50
how we got here
Jan tischold made some of the first clear explanations of the effective use of different
sizes and weights of type in order to quickly and easily convey information.
USE ALL FIVE
design of communication 51
how we got here
international style
USE ALL FIVE
design of communication 52
how we got here
international style
USE ALL FIVE
design of communication 53
how we got here
Paul rand
USE ALL FIVE
design of communication 54
how we got here
Paul rand
USE ALL FIVE
design of communication 55
how we got here
a reaction against modernism characterized but parody,
kitsch, and an anti-authoritarian rebellion against formal
typographic rules and structure.
Post Modernism
USE ALL FIVE
design of communication 56
how we got here
stefan sagmeister
USE ALL FIVE
design of communication 57
how we got here
david carson
USE ALL FIVE
design of communication 58
how we got here
most of the formal and aesthetic attributes of the new
global style are lifted directly from the international style.
emotionally it’s an expression of cool, ironic, everyday
tedium.
Global Style
USE ALL FIVE
design of communication 59
how we got here
Insert Caption Here
USE ALL FIVE
design of communication 60
how we got here
Insert Caption Here
USE ALL FIVE
61
WHERE WE ARE
HOW WE GOT HERE
WHERE WE’RE GOING
USE ALL FIVE
design of communication 62
how we got here
USE ALL FIVE
design of communication 63
how we got here
understand your audience
clear thinking creates clear design
use humor to humanize
Design Principles of UA5
USE ALL FIVE
design of communication 64
how we got here
Insert Caption Here
USE ALL FIVE
design of communication 65
how we got here
Insert Caption Here
USE ALL FIVE
design of communication 66
how we got here
Insert Caption Here