SlideShare una empresa de Scribd logo
1 de 3
Descargar para leer sin conexión
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.

Más contenido relacionado

La actualidad más candente

Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPoint
nycdoe
 

La actualidad más candente (20)

UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Design of Communication
Design of CommunicationDesign of Communication
Design of Communication
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
Elements and principles in graphics design
Elements and principles in graphics design Elements and principles in graphics design
Elements and principles in graphics design
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
Graphic Design PowerPoint
Graphic Design PowerPointGraphic Design PowerPoint
Graphic Design PowerPoint
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
Brand Identity in UI/UX Design
Brand Identity in UI/UX DesignBrand Identity in UI/UX Design
Brand Identity in UI/UX Design
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 

Similar a 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
 

Similar a 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
 
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!
 
Empowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online EnvironmentEmpowerment Technologies - Imaging and Design for the Online Environment
Empowerment Technologies - Imaging and Design for the Online Environment
 

Más de Fabio Arangio

Más 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
 

Último

FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
dollysharma2066
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
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
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
nirzagarg
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
 

Último (20)

FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
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
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard  ...
Anamika Escorts Service Darbhanga ❣️ 7014168258 ❣️ High Cost Unlimited Hard ...
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 

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.