SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
The feminine / masculine design stereotype is everywhere.
Marketing campaigns use specific colors and layouts to appeal
to men or women, depending on their target audience. On the
other hand, products with a broader audience strive for
gender-neutral design. Here are examples of how they
compare to each other.
Gender color
stereotypes
start to affect
our perceptions
at a young age.
Children’s toys and
clothing are designed
in blue, green, red for
boys and in pink,
fuchsia and purple for
girls.
As adults, blue is
the favorite color of
both genders, while
brown and orange
are the least
favorite.
Color
Men don’t like purple, while
most women do.Men prefer
bright colors and shades.
Women prefer light colors and
tints.
Gender-neutral colors
include monochromatic
grays, light browns,
black, white, yellows
and greens.
Typography
The differences between feminine and
masculine fonts are quite easy to notice.
FEMININE FONTS
tend to be smooth,
curved, flowing and
rounded.
Atlanta Chicago
Denver Boston
MASCULINE FONTS
tend to have
straight lines, strong
serifs, geometric
spacing and thick
strokes.
PHOENIX Jackson
Austin Albany
GENDER NEUTRAL FONTS
include "classic" fonts that
are considered readable
and safe for web use.
Roboto
HELVETICA
is the gender-neutral font of
excellence due to its simple
style and lack of flourish. HELVETICA
The union between
When pairing fonts with color
schemes, there needs to be a balance.
Words on their own have a masculine
or feminine meaning. Stereotypically,
the word “ballerina” is feminine and
the
term “power drill” is masculine. If we
were to write these words with a font
or color that doesn’t match its
meaning, the final result would be
disconcerting.
Typography and Color
Ballerina Power drill
Layouts
A layout can be part of a website, an infographic or
printed marketing materials. A balanced layout has a mix
of colors, typography and imagery.
FEMININE WEBSITES
use colors, layouts, images and fonts that appeal to women.
MASCULINE WEBSITES
use dark colors, geometric shapes, rigid layouts and blocky fonts.
GENDER-NEUTRAL WEBSITES
use white, black, greys and neutral fonts and shapes.
Photography and Imagery
Photos of women
having coffee
together will
appeal to women
who like getting
together with
friends.
Photos of men
playing soccer
will appeal to
men who enjoy
the activity.
Gender-neutral
images include both
men and women or
use color to balance
the overall message.
Use photography
to personify your
customer. Create
scenes of what
you envision your
clients doing.
Product photography can be heavily stereotyped.
Dove is very feminine and Axe is heavily masculine.
Icons
MASCULINE ICONS
Straight, sharp edges
FEMININE ICONS
Smooth, curved lines
NEUTRAL ICONS
Conclusion
It is important to know your audience first in
order to decide whether your designs should
follow a stereotype or be gender-neutral.
Made With Visme
Source: 
http://blog.visme.co/masculi
ne-feminine-neutral-design

Contenu connexe

Tendances

Lectures; theory of architecture iv arch 246 i
Lectures; theory of architecture iv arch 246 iLectures; theory of architecture iv arch 246 i
Lectures; theory of architecture iv arch 246 iahmed osman
 
Digital Architecture - Modern Technologies in Architecture
Digital Architecture - Modern Technologies in ArchitectureDigital Architecture - Modern Technologies in Architecture
Digital Architecture - Modern Technologies in ArchitectureÇelik Nimani
 
(History of Architecture 2) Nov 2012 modern architecture
(History of Architecture 2) Nov 2012 modern architecture(History of Architecture 2) Nov 2012 modern architecture
(History of Architecture 2) Nov 2012 modern architectureCarla Faner
 
Deconstructivism
DeconstructivismDeconstructivism
Deconstructivismazimkhtr
 
Moodboards For Interior Design
Moodboards For Interior DesignMoodboards For Interior Design
Moodboards For Interior Designkrztyn
 
Modern architecture style
Modern architecture styleModern architecture style
Modern architecture styleNikhar Mehra
 
Architecture as technology and case studies
Architecture as technology and case studiesArchitecture as technology and case studies
Architecture as technology and case studiesLamaJassim1
 
Expressionist architecture
Expressionist architectureExpressionist architecture
Expressionist architectureNethra Singh
 
Interior architecture
Interior architectureInterior architecture
Interior architecturemrstore
 
Architecture style
Architecture styleArchitecture style
Architecture styleHaf Bedagh
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elementsDivya Suresh
 
Modernism. Revision
Modernism. RevisionModernism. Revision
Modernism. Revisionmfresnillo
 
Postmodernism, Neo Modernism
Postmodernism, Neo ModernismPostmodernism, Neo Modernism
Postmodernism, Neo ModernismAnant Nautiyal
 
Architectural design-process
Architectural design-processArchitectural design-process
Architectural design-processHakim Danish
 

Tendances (20)

Lectures; theory of architecture iv arch 246 i
Lectures; theory of architecture iv arch 246 iLectures; theory of architecture iv arch 246 i
Lectures; theory of architecture iv arch 246 i
 
Digital Architecture - Modern Technologies in Architecture
Digital Architecture - Modern Technologies in ArchitectureDigital Architecture - Modern Technologies in Architecture
Digital Architecture - Modern Technologies in Architecture
 
(History of Architecture 2) Nov 2012 modern architecture
(History of Architecture 2) Nov 2012 modern architecture(History of Architecture 2) Nov 2012 modern architecture
(History of Architecture 2) Nov 2012 modern architecture
 
Deconstructivism
DeconstructivismDeconstructivism
Deconstructivism
 
Moodboards For Interior Design
Moodboards For Interior DesignMoodboards For Interior Design
Moodboards For Interior Design
 
Renzo piano
Renzo pianoRenzo piano
Renzo piano
 
Alvar alto
Alvar altoAlvar alto
Alvar alto
 
Modern architecture style
Modern architecture styleModern architecture style
Modern architecture style
 
Architecture as technology and case studies
Architecture as technology and case studiesArchitecture as technology and case studies
Architecture as technology and case studies
 
Expressionist architecture
Expressionist architectureExpressionist architecture
Expressionist architecture
 
Interior architecture
Interior architectureInterior architecture
Interior architecture
 
Architecture style
Architecture styleArchitecture style
Architecture style
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elements
 
Modernism. Revision
Modernism. RevisionModernism. Revision
Modernism. Revision
 
Alvar Aalto
Alvar AaltoAlvar Aalto
Alvar Aalto
 
Art nouveau
Art nouveauArt nouveau
Art nouveau
 
New york five
New york fiveNew york five
New york five
 
Postmodernism, Neo Modernism
Postmodernism, Neo ModernismPostmodernism, Neo Modernism
Postmodernism, Neo Modernism
 
Site Analysis
Site AnalysisSite Analysis
Site Analysis
 
Architectural design-process
Architectural design-processArchitectural design-process
Architectural design-process
 

Similaire à What is Gender Neutral Design? Here's How to Best Use It

Target audience – ancillary
Target audience – ancillaryTarget audience – ancillary
Target audience – ancillaryStephWebb
 
Representation in my magazine
Representation in my magazineRepresentation in my magazine
Representation in my magazineEmma Collins
 
Evaluation!!!
Evaluation!!!Evaluation!!!
Evaluation!!!cfrazerrr
 
Question 2 finished
Question 2 finishedQuestion 2 finished
Question 2 finishedTaylatots
 
Question 2 explanation
Question 2 explanationQuestion 2 explanation
Question 2 explanationjwab14
 
Target audience – ancillary
Target audience – ancillaryTarget audience – ancillary
Target audience – ancillaryStephWebb
 
Representations pop music
Representations pop musicRepresentations pop music
Representations pop musicClarizhNalzaro
 
Brand identity and Mode of Address analysis
Brand identity and Mode of Address analysis Brand identity and Mode of Address analysis
Brand identity and Mode of Address analysis ClarizhNalzaro
 
Empire magazine analysis
Empire magazine analysisEmpire magazine analysis
Empire magazine analysisJess_a_i
 
Brand collateral - @AFeministFuture pptx
Brand collateral - @AFeministFuture pptxBrand collateral - @AFeministFuture pptx
Brand collateral - @AFeministFuture pptxMaddie Ramsey
 

Similaire à What is Gender Neutral Design? Here's How to Best Use It (20)

Target audience – ancillary
Target audience – ancillaryTarget audience – ancillary
Target audience – ancillary
 
Task 3
Task 3Task 3
Task 3
 
Fonts and colours
Fonts and coloursFonts and colours
Fonts and colours
 
Representation in my magazine
Representation in my magazineRepresentation in my magazine
Representation in my magazine
 
Representations
RepresentationsRepresentations
Representations
 
Representations
RepresentationsRepresentations
Representations
 
Q2
Q2Q2
Q2
 
Evaluation!!!
Evaluation!!!Evaluation!!!
Evaluation!!!
 
Question 2 finished
Question 2 finishedQuestion 2 finished
Question 2 finished
 
Task 3
Task 3 Task 3
Task 3
 
Question 2 explanation
Question 2 explanationQuestion 2 explanation
Question 2 explanation
 
Target audience – ancillary
Target audience – ancillaryTarget audience – ancillary
Target audience – ancillary
 
Task 4
Task 4Task 4
Task 4
 
Task 4
Task 4Task 4
Task 4
 
Representations pop music
Representations pop musicRepresentations pop music
Representations pop music
 
Brand identity and Mode of Address analysis
Brand identity and Mode of Address analysis Brand identity and Mode of Address analysis
Brand identity and Mode of Address analysis
 
2b
2b2b
2b
 
Empire magazine analysis
Empire magazine analysisEmpire magazine analysis
Empire magazine analysis
 
Task 3
Task 3 Task 3
Task 3
 
Brand collateral - @AFeministFuture pptx
Brand collateral - @AFeministFuture pptxBrand collateral - @AFeministFuture pptx
Brand collateral - @AFeministFuture pptx
 

Plus de Visme

How to Creatively Use Shapes to Make Your Designs Stand Out
How to Creatively Use Shapes to Make Your Designs Stand OutHow to Creatively Use Shapes to Make Your Designs Stand Out
How to Creatively Use Shapes to Make Your Designs Stand OutVisme
 
A Visual Guide to the Anatomy of Typography
A Visual Guide to the Anatomy of TypographyA Visual Guide to the Anatomy of Typography
A Visual Guide to the Anatomy of TypographyVisme
 
Emojis with Double Meanings
Emojis with Double MeaningsEmojis with Double Meanings
Emojis with Double MeaningsVisme
 
How Subliminal Messaging Affects Us
How Subliminal Messaging Affects UsHow Subliminal Messaging Affects Us
How Subliminal Messaging Affects UsVisme
 
Real Life Examples of How Color Affects Our Perceptions of Reality
Real Life Examples of How Color Affects Our Perceptions of Reality Real Life Examples of How Color Affects Our Perceptions of Reality
Real Life Examples of How Color Affects Our Perceptions of Reality Visme
 
13 Types of Infographics You Can Use for Business and Marketing
13 Types of Infographics You Can Use for Business and Marketing13 Types of Infographics You Can Use for Business and Marketing
13 Types of Infographics You Can Use for Business and MarketingVisme
 
12 Visual Hierarchy Principles Every Designer Needs to Know
12 Visual Hierarchy Principles Every Designer Needs to Know12 Visual Hierarchy Principles Every Designer Needs to Know
12 Visual Hierarchy Principles Every Designer Needs to KnowVisme
 
Give Better Presentations Using Your Body Language
Give Better Presentations Using Your Body LanguageGive Better Presentations Using Your Body Language
Give Better Presentations Using Your Body LanguageVisme
 
7 Ways to Create Better Presentations
7 Ways to Create Better Presentations7 Ways to Create Better Presentations
7 Ways to Create Better PresentationsVisme
 
Print Versus Screen Resolution Infographic
Print Versus Screen Resolution InfographicPrint Versus Screen Resolution Infographic
Print Versus Screen Resolution InfographicVisme
 
Infographic Checklist: What You Need To Create An Event Flyer
Infographic Checklist: What You Need To Create An Event FlyerInfographic Checklist: What You Need To Create An Event Flyer
Infographic Checklist: What You Need To Create An Event FlyerVisme
 
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study]
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study] How IBM Uses Infographics to Attract and Hire Top Talent [Case Study]
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study] Visme
 
7 Tips To Keep Your Infographic On Brand
7 Tips To Keep Your Infographic On Brand7 Tips To Keep Your Infographic On Brand
7 Tips To Keep Your Infographic On BrandVisme
 
Visme 2017 Year in Review
Visme 2017 Year in ReviewVisme 2017 Year in Review
Visme 2017 Year in ReviewVisme
 
The Future of Event Marketing Trends and Challenges
The Future of Event Marketing Trends and ChallengesThe Future of Event Marketing Trends and Challenges
The Future of Event Marketing Trends and ChallengesVisme
 
Which Mobile Ad Type Should You Choose?
Which Mobile Ad Type Should You Choose?Which Mobile Ad Type Should You Choose?
Which Mobile Ad Type Should You Choose?Visme
 
40 Visual Symbols Every Communicator Needs To Know
40 Visual Symbols Every Communicator Needs To Know40 Visual Symbols Every Communicator Needs To Know
40 Visual Symbols Every Communicator Needs To KnowVisme
 
How Color Affects Our Perception of Reality
How Color Affects Our Perception of RealityHow Color Affects Our Perception of Reality
How Color Affects Our Perception of RealityVisme
 
What Is Paralanguage? And How Can You Use It to Give Better Presentations?
What Is Paralanguage? And How Can You Use It to Give Better Presentations?What Is Paralanguage? And How Can You Use It to Give Better Presentations?
What Is Paralanguage? And How Can You Use It to Give Better Presentations?Visme
 
36 WordPress Visual Design Plugins
36 WordPress Visual Design Plugins36 WordPress Visual Design Plugins
36 WordPress Visual Design PluginsVisme
 

Plus de Visme (20)

How to Creatively Use Shapes to Make Your Designs Stand Out
How to Creatively Use Shapes to Make Your Designs Stand OutHow to Creatively Use Shapes to Make Your Designs Stand Out
How to Creatively Use Shapes to Make Your Designs Stand Out
 
A Visual Guide to the Anatomy of Typography
A Visual Guide to the Anatomy of TypographyA Visual Guide to the Anatomy of Typography
A Visual Guide to the Anatomy of Typography
 
Emojis with Double Meanings
Emojis with Double MeaningsEmojis with Double Meanings
Emojis with Double Meanings
 
How Subliminal Messaging Affects Us
How Subliminal Messaging Affects UsHow Subliminal Messaging Affects Us
How Subliminal Messaging Affects Us
 
Real Life Examples of How Color Affects Our Perceptions of Reality
Real Life Examples of How Color Affects Our Perceptions of Reality Real Life Examples of How Color Affects Our Perceptions of Reality
Real Life Examples of How Color Affects Our Perceptions of Reality
 
13 Types of Infographics You Can Use for Business and Marketing
13 Types of Infographics You Can Use for Business and Marketing13 Types of Infographics You Can Use for Business and Marketing
13 Types of Infographics You Can Use for Business and Marketing
 
12 Visual Hierarchy Principles Every Designer Needs to Know
12 Visual Hierarchy Principles Every Designer Needs to Know12 Visual Hierarchy Principles Every Designer Needs to Know
12 Visual Hierarchy Principles Every Designer Needs to Know
 
Give Better Presentations Using Your Body Language
Give Better Presentations Using Your Body LanguageGive Better Presentations Using Your Body Language
Give Better Presentations Using Your Body Language
 
7 Ways to Create Better Presentations
7 Ways to Create Better Presentations7 Ways to Create Better Presentations
7 Ways to Create Better Presentations
 
Print Versus Screen Resolution Infographic
Print Versus Screen Resolution InfographicPrint Versus Screen Resolution Infographic
Print Versus Screen Resolution Infographic
 
Infographic Checklist: What You Need To Create An Event Flyer
Infographic Checklist: What You Need To Create An Event FlyerInfographic Checklist: What You Need To Create An Event Flyer
Infographic Checklist: What You Need To Create An Event Flyer
 
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study]
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study] How IBM Uses Infographics to Attract and Hire Top Talent [Case Study]
How IBM Uses Infographics to Attract and Hire Top Talent [Case Study]
 
7 Tips To Keep Your Infographic On Brand
7 Tips To Keep Your Infographic On Brand7 Tips To Keep Your Infographic On Brand
7 Tips To Keep Your Infographic On Brand
 
Visme 2017 Year in Review
Visme 2017 Year in ReviewVisme 2017 Year in Review
Visme 2017 Year in Review
 
The Future of Event Marketing Trends and Challenges
The Future of Event Marketing Trends and ChallengesThe Future of Event Marketing Trends and Challenges
The Future of Event Marketing Trends and Challenges
 
Which Mobile Ad Type Should You Choose?
Which Mobile Ad Type Should You Choose?Which Mobile Ad Type Should You Choose?
Which Mobile Ad Type Should You Choose?
 
40 Visual Symbols Every Communicator Needs To Know
40 Visual Symbols Every Communicator Needs To Know40 Visual Symbols Every Communicator Needs To Know
40 Visual Symbols Every Communicator Needs To Know
 
How Color Affects Our Perception of Reality
How Color Affects Our Perception of RealityHow Color Affects Our Perception of Reality
How Color Affects Our Perception of Reality
 
What Is Paralanguage? And How Can You Use It to Give Better Presentations?
What Is Paralanguage? And How Can You Use It to Give Better Presentations?What Is Paralanguage? And How Can You Use It to Give Better Presentations?
What Is Paralanguage? And How Can You Use It to Give Better Presentations?
 
36 WordPress Visual Design Plugins
36 WordPress Visual Design Plugins36 WordPress Visual Design Plugins
36 WordPress Visual Design Plugins
 

Dernier

Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Cloud99 Cloud
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Projectbuvanatest
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...Amil baba
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证ugzga
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.WeatherOfficialProdu
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign designAkankshaD3
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosDuyDo100
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证ugzga
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designKhushiGandhi15
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...Amil baba
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURECHANDRAKIRTISINGH
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisPeclers Paris
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证ugzga
 
Rise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionRise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionVictoria Gaitskell
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design1508 A/S
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjjoshuaclack73
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfoliodhrumibshah13
 

Dernier (20)

Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
 
The concept of motion graphics and its applications.
The concept of motion graphics and its applications.The concept of motion graphics and its applications.
The concept of motion graphics and its applications.
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Bath毕业证书)巴斯大学毕业证成绩单本科硕士学位证留信学历认证
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
 
Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UMN毕业证书)明尼苏达大学毕业证成绩单本科硕士学位证留信学历认证
 
Rise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintActionRise of Digital Textiles__Published in PrintAction
Rise of Digital Textiles__Published in PrintAction
 
Morgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity DesignMorgenbooster: Storytelling in Identity Design
Morgenbooster: Storytelling in Identity Design
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 

What is Gender Neutral Design? Here's How to Best Use It

  • 1.
  • 2. The feminine / masculine design stereotype is everywhere. Marketing campaigns use specific colors and layouts to appeal to men or women, depending on their target audience. On the other hand, products with a broader audience strive for gender-neutral design. Here are examples of how they compare to each other.
  • 3. Gender color stereotypes start to affect our perceptions at a young age. Children’s toys and clothing are designed in blue, green, red for boys and in pink, fuchsia and purple for girls. As adults, blue is the favorite color of both genders, while brown and orange are the least favorite. Color
  • 4. Men don’t like purple, while most women do.Men prefer bright colors and shades. Women prefer light colors and tints. Gender-neutral colors include monochromatic grays, light browns, black, white, yellows and greens.
  • 5. Typography The differences between feminine and masculine fonts are quite easy to notice. FEMININE FONTS tend to be smooth, curved, flowing and rounded. Atlanta Chicago Denver Boston
  • 6. MASCULINE FONTS tend to have straight lines, strong serifs, geometric spacing and thick strokes. PHOENIX Jackson Austin Albany GENDER NEUTRAL FONTS include "classic" fonts that are considered readable and safe for web use. Roboto
  • 7. HELVETICA is the gender-neutral font of excellence due to its simple style and lack of flourish. HELVETICA
  • 8. The union between When pairing fonts with color schemes, there needs to be a balance. Words on their own have a masculine or feminine meaning. Stereotypically, the word “ballerina” is feminine and the term “power drill” is masculine. If we were to write these words with a font or color that doesn’t match its meaning, the final result would be disconcerting. Typography and Color
  • 10. Layouts A layout can be part of a website, an infographic or printed marketing materials. A balanced layout has a mix of colors, typography and imagery.
  • 11. FEMININE WEBSITES use colors, layouts, images and fonts that appeal to women.
  • 12. MASCULINE WEBSITES use dark colors, geometric shapes, rigid layouts and blocky fonts.
  • 13. GENDER-NEUTRAL WEBSITES use white, black, greys and neutral fonts and shapes.
  • 14. Photography and Imagery Photos of women having coffee together will appeal to women who like getting together with friends.
  • 15. Photos of men playing soccer will appeal to men who enjoy the activity. Gender-neutral images include both men and women or use color to balance the overall message.
  • 16. Use photography to personify your customer. Create scenes of what you envision your clients doing.
  • 17. Product photography can be heavily stereotyped. Dove is very feminine and Axe is heavily masculine.
  • 18. Icons MASCULINE ICONS Straight, sharp edges FEMININE ICONS Smooth, curved lines
  • 20. Conclusion It is important to know your audience first in order to decide whether your designs should follow a stereotype or be gender-neutral.