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

vismeapp 1,412 views 21 slides Apr 08, 2019
Slide 1
Slide 1 of 21
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21

About This Presentation

Design stereotypes are everywhere. One of the most noticeable is the one that separates designs into feminine and masculine.

Even though designers tend to follow the feminine / masculine stereotype to reach the right audience, gender-neutral design is becoming more relevant. In all realms of design...


Slide Content

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