SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
Fabio
Arangio
graphic designer
& instructor
FA121210O
fabio arangio via sesto fiorentino, 20 50056 montelupo fiorentino firenze italy
tel. +39 0571 911223 cell. +39 340 8007442 fabio@ingraphix.com www.ingraphix.com
www.esserebio.it www.ladolcetoscana.com
it.linkedin.com/in/fabioarangio/
anno di nascità: 1974 cf RNGFBA74R03D612X p.iva 05077290483
Lecture on
Graphic Design as Visual Communication
Design as Use of Space
What makes design distinctive is the ability to build a visual structure so that we can predict the user’s
experience of a product. That is made possible because design is an act of communication, a visual
communication that speaks straight to our innate ability to comprehend symbols as meanings through
shapes, colors, proportions and alignments in a given space. It is the relationship between positive and
negative space that plays a critical role in this “conversation” established between a design product and its
intended user. Good design is design that fulfills a need and has a function. It is design a user can navigate
seamlessly, design that works. The goal of a successful designer is to master this wordless visual language.
1. Art and Design
Aesthetics vs Function
Without a doubt, one of the highest representations of life is art in all its many forms. Art expresses itself
through the visual world. Art is an act of pure aesthetics, pure since it responds to no rule or purpose:
l’art pour l’art, or art for art’s sake, as artists and writers from the 19th century on would say. Art finds
deep justification only in itself, not for what it says, but for what it is. Art is the highest form of creativity
we can think of since it knows no restrictions or limits. It is not necessary for art to to carry a meaning or
message. We can say that art is a one-way communication.
On the other hand, what we call “design” in all its forms (graphic design, product design, interior
design, urban design, fashion design, web design, etc.) is truely a form of communication where
aesthetics serves a purpose, targeting a specific user or group. We can say that design is a form of
art but it must go a step further for design to become good design. Aesthetics is certainly not enough.
Function is the keyword. In this sense, design is a two-way form of communication, it needs a user on
the other side. A design piece takes life when a user interacts with it. In fact, design is the interaction
between a “product” and a “user”. Good design is design that works, and its achievement is measured
through the function that it was meant to serve.
When creating a design, acting as an artist rather than a designer can lead to a basic mistake:
concentrating merely on the aesthetics and missing the design’s original purpose.
2. Visual Communication
Speaking Through Signs (Primary and Secondary Thought)
We tend to think of communication as an oral or written ability related to the world of words, either
spoken or written with the meaning they carry and the emotions they evoke. We are definitely not far
from the truth if we claim that the use of words is not our first way of communication since mankind’s
history and each individual’s life begins in a world where words are yet not codified and understood. In
the very early stages of our life, we react to signs rather than words. Colors, shapes and the relationship
between shapes (geometry), gestures and elements of contrast is what we experience at first before
words can be understood. We seem to have an innate code to translate signs as meaning (semiotics)
and to react to sign inputs.
Psychologists have distinguished what they call “primary thought” from “secondary thought”. Primary
Fabio
Arangio
graphic designer
& instructor
FA121210O
thought is primary since it is our first response to an input, a visual input in this case. It is instinctive
and uses innate and before-reasoning interpretation codes. Secondary thought instead offers an
interpretation mediated by our capability to reason and needs acquired information that differs
depending on our age, culture and individual experiences. Words are not innate, they speak only to
our secondary thought system while signs speak to both our primary and secondary thought systems.
For this reason, visual communication is a more basic way to “speak” than communication through
words, despite what we would think. Advertisers and marketing experts know that well. The success of
branding strategies is always greatly related to the visual signs associated to a brand.
Furthermore, in our era, words themselves seem to have become visual signs and through the use of
symbols, icons, logos and, after the Internet phenomenon, acronyms, most of the time we don’t “read”
words but we “see” words. A graphic designer knows how important the choice of a font is when
writing a headline or a descriptive text (copy): not only the choice of the font (serif, sans-serif, rounded,
geometrical and all other variations of font anatomy) but also all the possibilities of formating that font
(thickness, size, style, tracking, leading) so that the text interacts with the available space on the page,
with the negative space. The visual appearance and placement of a text on a page is as important as
the linguistic meaning of that text.
3. Design as Use of Space
Positive and Negative Space
We mentioned that we experience (visual) signs before anything else and that a sign can be simply a
color rather than a complex shape. A written word is mainly a sign, certainly a sign with a linguistic
semantic meaning, but it is a visual sign in the first place, a shape. Visual communciation uses space in
order to communicate. For this matter, design is mainly a strategy in the use of space.
Positive space is what we see as space containing an element: a logo on a graphic layout, an image
or a line. It could also be a piece of furniture in a room, a building in a urban environment, an industrial
product. As designers we have to admit that positive space makes sense only because of the “empty”
space that surrounds it that, in a certain way, gives shape to it. Empty space is called negative space.
Let’s think of the ergonomics of a product, the leggibility of a graphic layout, the accessibility of a
building or environment. We need negative space to use and appreciate the positive space. Positive
space is activated by the negative space that surrounds it and interacts with it. For instance, a city
square is designed by the relationship between the open area (negative space) and the buildings
(positive space) that define its perimeter and area. In graphic and web design there is a discipline
called eye-tracking that studies how the eye of a reader moves on a page layout, how the eye uses the
negative space to move on a page and experience the contents (the positive space). This is not different
from a man navigating in a room in order to reach an object, or walking in a street or through a city
square to reach a specific spot.
4. The Highest Point of Contrast
Positive and negative space. Or better, negative and positive space, since it is the negative space that
define the limits and edges of the positive space itself. Moreover, it is the contrast between proportion,
disposition, luminosity and color temperature that lets negative space and positive space interact with
each other. A small light lit in a dark room makes a strong contrast in terms of luminosity. My attention
will be focused on that light and my experience in that room can be predictable. I will very likely turn to
Fabio
Arangio
graphic designer
& instructor
FA121210O
that light and eventually walk towards it. If I were to draw a small black dot on a clean, white page, I
can predict that the reader will move his eyes towards that dot. In this case we say that the page layout
is dynamic and the user’s attention is dragged through the negative space to reach that dot. If I turned
one chair upside down in a room, I know that a visitor will notice and eventually remember that chair
more than anything else in there. It is what is called the “highest point of contrast”. We, as humans,
are attracted by elements of contrast. Why? Because it used to be crucial for an individual’s or specie’s
survival to notice something different and unusual that could indicate harm. This is how visual signs
speak to us. Nowadays, through visual signs, I can depict something as modern, classical, expensive,
young, sophisticated or attractive by simply using symbols in space and absolutely no words.
5. Good Design
Design that works
Design must be good design, otherwise it cannot be considered design. A designer is someone who
creates successful designs and in order to achieve that, he or she must master this “conversation” that
a product establishes with its user. This is a conversation that uses no words, but only symbols, symbols
that are mainly shapes that play in a given space.

Contenu connexe

Tendances

Visual Communication
Visual CommunicationVisual Communication
Visual Communication
Arzoo Sahni
 
Diseño y comunicacion visual
Diseño y comunicacion visualDiseño y comunicacion visual
Diseño y comunicacion visual
Ricardo Morales
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
Abanoub Hanna
 
Magazine conventions and_terminology
Magazine conventions and_terminologyMagazine conventions and_terminology
Magazine conventions and_terminology
Vicky Casson
 

Tendances (20)

Typography Analysis
Typography AnalysisTypography Analysis
Typography Analysis
 
Designing Logos and Corporate Stationary
Designing Logos and Corporate StationaryDesigning Logos and Corporate Stationary
Designing Logos and Corporate Stationary
 
Art of Typography
Art of TypographyArt of Typography
Art of Typography
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 
Typography
TypographyTypography
Typography
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Photography Composition Elements & Principles
Photography Composition Elements & Principles Photography Composition Elements & Principles
Photography Composition Elements & Principles
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
Diseño y comunicacion visual
Diseño y comunicacion visualDiseño y comunicacion visual
Diseño y comunicacion visual
 
The typography
The typographyThe typography
The typography
 
Typography - Graphic Design
Typography - Graphic DesignTypography - Graphic Design
Typography - Graphic Design
 
The Digital Revolution
The Digital RevolutionThe Digital Revolution
The Digital Revolution
 
Graphic Design for Social Media
Graphic Design for Social MediaGraphic Design for Social Media
Graphic Design for Social Media
 
Logo design
Logo designLogo design
Logo design
 
Compositing and graphics
Compositing and graphicsCompositing and graphics
Compositing and graphics
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
Magazine conventions and_terminology
Magazine conventions and_terminologyMagazine conventions and_terminology
Magazine conventions and_terminology
 
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in PitampuraGraphic Designing Course in Rohini | Graphic Designing Course in Pitampura
Graphic Designing Course in Rohini | Graphic Designing Course in Pitampura
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Beginners guide graphic design
Beginners guide graphic designBeginners guide graphic design
Beginners guide graphic design
 

Similaire à Design as visual communication (lecture on), TAW 2012

Design thinking
Design thinkingDesign thinking
Design thinking
laldevyani
 
The Principles of Design
The Principles of DesignThe Principles of Design
The Principles of Design
Ramamurthy KS
 

Similaire à Design as visual communication (lecture on), TAW 2012 (20)

Graphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docxGraphic Designing Services In Pakistan.docx
Graphic Designing Services In Pakistan.docx
 
Deconstructing the Psychology behind Design
Deconstructing the Psychology behind Design Deconstructing the Psychology behind Design
Deconstructing the Psychology behind Design
 
What is design?
What is design?What is design?
What is design?
 
Design thinking
Design thinkingDesign thinking
Design thinking
 
Form is Function
Form is FunctionForm is Function
Form is Function
 
Use Qualities
Use QualitiesUse Qualities
Use Qualities
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 
Lesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic DesignLesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic Design
 
Design Hacks for Marketers
Design Hacks for MarketersDesign Hacks for Marketers
Design Hacks for Marketers
 
Graphic Design Services in Kuwait.ppt
Graphic Design Services in Kuwait.pptGraphic Design Services in Kuwait.ppt
Graphic Design Services in Kuwait.ppt
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Presentation notes for Call me Delia talk
Presentation notes for Call me Delia talkPresentation notes for Call me Delia talk
Presentation notes for Call me Delia talk
 
Design 101 > Lesson 01
Design 101 > Lesson 01Design 101 > Lesson 01
Design 101 > Lesson 01
 
Project proposal.pdf
Project proposal.pdfProject proposal.pdf
Project proposal.pdf
 
The Principles of Design
The Principles of DesignThe Principles of Design
The Principles of Design
 
Design principles
Design principlesDesign principles
Design principles
 
Women In Graphic Novels
Women In Graphic NovelsWomen In Graphic Novels
Women In Graphic Novels
 
IxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital InteractionsIxD & UX Design - Personifying Digital Interactions
IxD & UX Design - Personifying Digital Interactions
 
Conversations With Everyday Objects
Conversations With Everyday ObjectsConversations With Everyday Objects
Conversations With Everyday Objects
 
UX, the buzz!
UX, the buzz!UX, the buzz!
UX, the buzz!
 

Plus de Fabio Arangio

Plus de Fabio Arangio (8)

Creative Thinking
Creative ThinkingCreative Thinking
Creative Thinking
 
Basic Grid Systems (making and breaking the grid)
Basic Grid Systems (making and breaking the grid)Basic Grid Systems (making and breaking the grid)
Basic Grid Systems (making and breaking the grid)
 
Motivational communication
Motivational communicationMotivational communication
Motivational communication
 
Design as use of space
Design as use of spaceDesign as use of space
Design as use of space
 
Advertising
AdvertisingAdvertising
Advertising
 
The mission of a company
The mission of a companyThe mission of a company
The mission of a company
 
The corporate identity
The corporate identityThe corporate identity
The corporate identity
 
The logo
The logoThe logo
The logo
 

Dernier

Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
gajnagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 

Dernier (20)

Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
Top profile Call Girls In fatehgarh [ 7014168258 ] Call Me For Genuine Models...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 

Design as visual communication (lecture on), TAW 2012

  • 1. Fabio Arangio graphic designer & instructor FA121210O fabio arangio via sesto fiorentino, 20 50056 montelupo fiorentino firenze italy tel. +39 0571 911223 cell. +39 340 8007442 fabio@ingraphix.com www.ingraphix.com www.esserebio.it www.ladolcetoscana.com it.linkedin.com/in/fabioarangio/ anno di nascità: 1974 cf RNGFBA74R03D612X p.iva 05077290483 Lecture on Graphic Design as Visual Communication Design as Use of Space What makes design distinctive is the ability to build a visual structure so that we can predict the user’s experience of a product. That is made possible because design is an act of communication, a visual communication that speaks straight to our innate ability to comprehend symbols as meanings through shapes, colors, proportions and alignments in a given space. It is the relationship between positive and negative space that plays a critical role in this “conversation” established between a design product and its intended user. Good design is design that fulfills a need and has a function. It is design a user can navigate seamlessly, design that works. The goal of a successful designer is to master this wordless visual language. 1. Art and Design Aesthetics vs Function Without a doubt, one of the highest representations of life is art in all its many forms. Art expresses itself through the visual world. Art is an act of pure aesthetics, pure since it responds to no rule or purpose: l’art pour l’art, or art for art’s sake, as artists and writers from the 19th century on would say. Art finds deep justification only in itself, not for what it says, but for what it is. Art is the highest form of creativity we can think of since it knows no restrictions or limits. It is not necessary for art to to carry a meaning or message. We can say that art is a one-way communication. On the other hand, what we call “design” in all its forms (graphic design, product design, interior design, urban design, fashion design, web design, etc.) is truely a form of communication where aesthetics serves a purpose, targeting a specific user or group. We can say that design is a form of art but it must go a step further for design to become good design. Aesthetics is certainly not enough. Function is the keyword. In this sense, design is a two-way form of communication, it needs a user on the other side. A design piece takes life when a user interacts with it. In fact, design is the interaction between a “product” and a “user”. Good design is design that works, and its achievement is measured through the function that it was meant to serve. When creating a design, acting as an artist rather than a designer can lead to a basic mistake: concentrating merely on the aesthetics and missing the design’s original purpose. 2. Visual Communication Speaking Through Signs (Primary and Secondary Thought) We tend to think of communication as an oral or written ability related to the world of words, either spoken or written with the meaning they carry and the emotions they evoke. We are definitely not far from the truth if we claim that the use of words is not our first way of communication since mankind’s history and each individual’s life begins in a world where words are yet not codified and understood. In the very early stages of our life, we react to signs rather than words. Colors, shapes and the relationship between shapes (geometry), gestures and elements of contrast is what we experience at first before words can be understood. We seem to have an innate code to translate signs as meaning (semiotics) and to react to sign inputs. Psychologists have distinguished what they call “primary thought” from “secondary thought”. Primary
  • 2. Fabio Arangio graphic designer & instructor FA121210O thought is primary since it is our first response to an input, a visual input in this case. It is instinctive and uses innate and before-reasoning interpretation codes. Secondary thought instead offers an interpretation mediated by our capability to reason and needs acquired information that differs depending on our age, culture and individual experiences. Words are not innate, they speak only to our secondary thought system while signs speak to both our primary and secondary thought systems. For this reason, visual communication is a more basic way to “speak” than communication through words, despite what we would think. Advertisers and marketing experts know that well. The success of branding strategies is always greatly related to the visual signs associated to a brand. Furthermore, in our era, words themselves seem to have become visual signs and through the use of symbols, icons, logos and, after the Internet phenomenon, acronyms, most of the time we don’t “read” words but we “see” words. A graphic designer knows how important the choice of a font is when writing a headline or a descriptive text (copy): not only the choice of the font (serif, sans-serif, rounded, geometrical and all other variations of font anatomy) but also all the possibilities of formating that font (thickness, size, style, tracking, leading) so that the text interacts with the available space on the page, with the negative space. The visual appearance and placement of a text on a page is as important as the linguistic meaning of that text. 3. Design as Use of Space Positive and Negative Space We mentioned that we experience (visual) signs before anything else and that a sign can be simply a color rather than a complex shape. A written word is mainly a sign, certainly a sign with a linguistic semantic meaning, but it is a visual sign in the first place, a shape. Visual communciation uses space in order to communicate. For this matter, design is mainly a strategy in the use of space. Positive space is what we see as space containing an element: a logo on a graphic layout, an image or a line. It could also be a piece of furniture in a room, a building in a urban environment, an industrial product. As designers we have to admit that positive space makes sense only because of the “empty” space that surrounds it that, in a certain way, gives shape to it. Empty space is called negative space. Let’s think of the ergonomics of a product, the leggibility of a graphic layout, the accessibility of a building or environment. We need negative space to use and appreciate the positive space. Positive space is activated by the negative space that surrounds it and interacts with it. For instance, a city square is designed by the relationship between the open area (negative space) and the buildings (positive space) that define its perimeter and area. In graphic and web design there is a discipline called eye-tracking that studies how the eye of a reader moves on a page layout, how the eye uses the negative space to move on a page and experience the contents (the positive space). This is not different from a man navigating in a room in order to reach an object, or walking in a street or through a city square to reach a specific spot. 4. The Highest Point of Contrast Positive and negative space. Or better, negative and positive space, since it is the negative space that define the limits and edges of the positive space itself. Moreover, it is the contrast between proportion, disposition, luminosity and color temperature that lets negative space and positive space interact with each other. A small light lit in a dark room makes a strong contrast in terms of luminosity. My attention will be focused on that light and my experience in that room can be predictable. I will very likely turn to
  • 3. Fabio Arangio graphic designer & instructor FA121210O that light and eventually walk towards it. If I were to draw a small black dot on a clean, white page, I can predict that the reader will move his eyes towards that dot. In this case we say that the page layout is dynamic and the user’s attention is dragged through the negative space to reach that dot. If I turned one chair upside down in a room, I know that a visitor will notice and eventually remember that chair more than anything else in there. It is what is called the “highest point of contrast”. We, as humans, are attracted by elements of contrast. Why? Because it used to be crucial for an individual’s or specie’s survival to notice something different and unusual that could indicate harm. This is how visual signs speak to us. Nowadays, through visual signs, I can depict something as modern, classical, expensive, young, sophisticated or attractive by simply using symbols in space and absolutely no words. 5. Good Design Design that works Design must be good design, otherwise it cannot be considered design. A designer is someone who creates successful designs and in order to achieve that, he or she must master this “conversation” that a product establishes with its user. This is a conversation that uses no words, but only symbols, symbols that are mainly shapes that play in a given space.