8 principles of design by josh levine
TRANSCRIPT
-
8/18/2019 8 Principles of Design by Josh Levine
1/99
The 8 Principlesof Design
Josh Levine
Co-founder, CXO – Alexander Interactive (Ai)
IRCE Web Design & Mobile Conference, Orlando – Feb 2014
How to Leverage the Power ofDesign and Turn ConsumersInto Customers
-
8/18/2019 8 Principles of Design by Josh Levine
2/99
Hi, I’m JoshCo-founder, CXO
Digital Design, Strategy& Development Agency
Founded 2002, Independent
Transactional Expertise
Manhattan basedIMA Top 10 Agency of Year
(My Bob Ross phase)
www.alexanderinteractive.com
http://www.alexanderinteractive.com/
-
8/18/2019 8 Principles of Design by Josh Levine
3/99
So,What is Design?
-
8/18/2019 8 Principles of Design by Josh Levine
4/99
-
8/18/2019 8 Principles of Design by Josh Levine
5/99
-
8/18/2019 8 Principles of Design by Josh Levine
6/99
Design is a plan for
arranging elements in sucha way as best to accomplisha particular purpose.
Charles Eames
-
8/18/2019 8 Principles of Design by Josh Levine
7/99
Clear communication
Emotional connectionEase of use
Great designestablishes:
-
8/18/2019 8 Principles of Design by Josh Levine
8/99
To design is to
communicate clearlyby whatever means
you can controlor master.
Milton Glaser
“
To design is to communicate
clearly by whatever means
you can control or master.
Milton Glaser
-
8/18/2019 8 Principles of Design by Josh Levine
9/99
-
8/18/2019 8 Principles of Design by Josh Levine
10/99
world domination?
perhaps?
World Domination
-
8/18/2019 8 Principles of Design by Josh Levine
11/99hwe
Leverage the power of design
to meet human needs and turnconsumers into customers
-
8/18/2019 8 Principles of Design by Josh Levine
12/99
Design is always having an
effect on your customers—whether you are in controlof it or not
-
8/18/2019 8 Principles of Design by Josh Levine
13/99
lingscars.com
http://www.lingscars.com/
-
8/18/2019 8 Principles of Design by Josh Levine
14/99
It is not a question
of whether you’re
getting on the
design bus or not…
you are already on it
-
8/18/2019 8 Principles of Design by Josh Levine
15/99
Take control
and makedesign work
for you
-
8/18/2019 8 Principles of Design by Josh Levine
16/99
With great power comesgreat responsibility
Uncle Ben
-
8/18/2019 8 Principles of Design by Josh Levine
17/99
The 8 essential
principles youneed to learn
and follow
And now…
-
8/18/2019 8 Principles of Design by Josh Levine
18/99
Typography01
-
8/18/2019 8 Principles of Design by Josh Levine
19/99
Leverage the power to
Convey meaning
Increase legibilityEstablish tone
Embody personality
-
8/18/2019 8 Principles of Design by Josh Levine
20/99
Choose a typeface that is
aligned with the way youwant to be understoodand perceived
-
8/18/2019 8 Principles of Design by Josh Levine
21/99
-
8/18/2019 8 Principles of Design by Josh Levine
22/99
-
8/18/2019 8 Principles of Design by Josh Levine
23/99
-
8/18/2019 8 Principles of Design by Josh Levine
24/99
Typography shifts the
focus from what we writeto how we write it—and how others read it
-
8/18/2019 8 Principles of Design by Josh Levine
25/99
Create visual hierarchy
and increase readabilityby using simple variationswithin one type family
-
8/18/2019 8 Principles of Design by Josh Levine
26/99
-
8/18/2019 8 Principles of Design by Josh Levine
27/99
-
8/18/2019 8 Principles of Design by Josh Levine
28/99
heyyou!
honk
woot!
bang!
overhere!
omg
boom!yo!
shh
-
8/18/2019 8 Principles of Design by Josh Levine
29/99
Color02
-
8/18/2019 8 Principles of Design by Josh Levine
30/99
Leverage the power to
Elicit emotion
Indicate meaningAttract attention
Invite exploration
-
8/18/2019 8 Principles of Design by Josh Levine
31/99
Choose a color scheme
that fits the desired mood,and your brand
-
8/18/2019 8 Principles of Design by Josh Levine
32/99
-
8/18/2019 8 Principles of Design by Josh Levine
33/99
-
8/18/2019 8 Principles of Design by Josh Levine
34/99
as background/wash.
invites scroll. delights
-
8/18/2019 8 Principles of Design by Josh Levine
35/99
-
8/18/2019 8 Principles of Design by Josh Levine
36/99
-
8/18/2019 8 Principles of Design by Josh Levine
37/99
-
8/18/2019 8 Principles of Design by Josh Levine
38/99
-
8/18/2019 8 Principles of Design by Josh Levine
39/99
While color is important,
it’s how it interacts withsurrounding elementsthat has a bigger impact
-
8/18/2019 8 Principles of Design by Josh Levine
40/99
Add to CartAdd to Cart
Which wins?
-
8/18/2019 8 Principles of Design by Josh Levine
41/99
-
8/18/2019 8 Principles of Design by Josh Levine
42/99
-
8/18/2019 8 Principles of Design by Josh Levine
43/99
Leverage the power to
Set priorities
Control energy
Maintain engagement
Strengthen accessibility
-
8/18/2019 8 Principles of Design by Josh Levine
44/99
Draw attention and
interest to specific areas
-
8/18/2019 8 Principles of Design by Josh Levine
45/99
-
8/18/2019 8 Principles of Design by Josh Levine
46/99
-
8/18/2019 8 Principles of Design by Josh Levine
47/99
-
8/18/2019 8 Principles of Design by Josh Levine
48/99
-
8/18/2019 8 Principles of Design by Josh Levine
49/99
Composition04
-
8/18/2019 8 Principles of Design by Josh Levine
50/99
Leverage the power to
Control rhythm
Provide structure
Create order & flow
Reduce cognitive load
-
8/18/2019 8 Principles of Design by Josh Levine
51/99
Position elements within
page to make it easy forcustomers to organize andcategorize them
-
8/18/2019 8 Principles of Design by Josh Levine
52/99
Law of Similarity
Law of Proximity
-
8/18/2019 8 Principles of Design by Josh Levine
53/99
-
8/18/2019 8 Principles of Design by Josh Levine
54/99
free willy!
-
8/18/2019 8 Principles of Design by Josh Levine
55/99
Improve hierarchy andreadability by providing
ability to direct (and pause)people’s attention within
the flow of a page
-
8/18/2019 8 Principles of Design by Josh Levine
56/99
-
8/18/2019 8 Principles of Design by Josh Levine
57/99
sony.com
1 1a
2 2a
http://store.sony.com/headphones-earbuds/cat-27-catid-Headphones-and-Earbuds?SR=nav:electronics:personal_audio:headphones:ss
-
8/18/2019 8 Principles of Design by Josh Levine
58/99
-
8/18/2019 8 Principles of Design by Josh Levine
59/99
Create a connection
between all elementsby implementing and
adhering to a grid
-
8/18/2019 8 Principles of Design by Josh Levine
60/99
-
8/18/2019 8 Principles of Design by Josh Levine
61/99
-
8/18/2019 8 Principles of Design by Josh Levine
62/99
-
8/18/2019 8 Principles of Design by Josh Levine
63/99
Whitespace05
-
8/18/2019 8 Principles of Design by Josh Levine
64/99
Leverage the power to
Control the eye
Imply Importance
Apply stability
Control chaos
-
8/18/2019 8 Principles of Design by Josh Levine
65/99
Use negative space
to showcase and elevateyour product or content
-
8/18/2019 8 Principles of Design by Josh Levine
66/99
made.com
http://made.com/
-
8/18/2019 8 Principles of Design by Josh Levine
67/99
olukai.com
http://olukai.com/
-
8/18/2019 8 Principles of Design by Josh Levine
68/99
Manipulate empty space to
give your interface moreclarity and organization
-
8/18/2019 8 Principles of Design by Josh Levine
69/99
-
8/18/2019 8 Principles of Design by Josh Levine
70/99
2012 Thisweek
gilt.com
http://www.gilt.com/
-
8/18/2019 8 Principles of Design by Josh Levine
71/99
-
8/18/2019 8 Principles of Design by Josh Levine
72/99
-
8/18/2019 8 Principles of Design by Josh Levine
73/99
apple store - ipad appolukai.com
Before
http://olukai.com/
-
8/18/2019 8 Principles of Design by Josh Levine
74/99
Before
target.com
After?
http://www.target.com/
-
8/18/2019 8 Principles of Design by Josh Levine
75/99
After?
holy crapbatman
-
8/18/2019 8 Principles of Design by Josh Levine
76/99
Consistency06
-
8/18/2019 8 Principles of Design by Josh Levine
77/99
Leverage the power to
Enhance learnability
Breed familiarity
Reinforce brand
Instill calmness
-
8/18/2019 8 Principles of Design by Josh Levine
78/99
Create a consistentsystem to establish
familiarity and removethe need to relearn things
-
8/18/2019 8 Principles of Design by Josh Levine
79/99
-
8/18/2019 8 Principles of Design by Josh Levine
80/99
-
8/18/2019 8 Principles of Design by Josh Levine
81/99
Create a holistic designlanguage in order to
retain consistency anddesign integrity
-
8/18/2019 8 Principles of Design by Josh Levine
82/99
-
8/18/2019 8 Principles of Design by Josh Levine
83/99
-
8/18/2019 8 Principles of Design by Josh Levine
84/99
Imagery07
-
8/18/2019 8 Principles of Design by Josh Levine
85/99
Leverage the power to
Set the story
Humanize the experience
Makes product tangible
Captivate an audience
-
8/18/2019 8 Principles of Design by Josh Levine
86/99
Harness the power of awell cropped photograph
-
8/18/2019 8 Principles of Design by Josh Levine
87/99
nixon.com
http://nixon.com/
-
8/18/2019 8 Principles of Design by Josh Levine
88/99
-
8/18/2019 8 Principles of Design by Josh Levine
89/99
sugoi.com
http://nixon.com/
-
8/18/2019 8 Principles of Design by Josh Levine
90/99
-
8/18/2019 8 Principles of Design by Josh Levine
91/99
Movement08
-
8/18/2019 8 Principles of Design by Josh Levine
92/99
Leverage the power to
Encourage action
Enhance mood
Convey fluidity
Provide feedback
-
8/18/2019 8 Principles of Design by Josh Levine
93/99
Include subtle motionto enhance the story
and introduce anelement of surprise
-
8/18/2019 8 Principles of Design by Josh Levine
94/99
jcrew.com
http://jcrew.com/
-
8/18/2019 8 Principles of Design by Josh Levine
95/99
-
8/18/2019 8 Principles of Design by Josh Levine
96/99
-
8/18/2019 8 Principles of Design by Josh Levine
97/99
Key takeaways
-
8/18/2019 8 Principles of Design by Josh Levine
98/99
Typography
ColorContrast
Composition
Whitespace
Consistency
Imagery
Movement
Take controland make
design workfor you
-
8/18/2019 8 Principles of Design by Josh Levine
99/99
Thank you
Josh Levine
www.alexanderinteractive.comslideshare.net/joshpacelevine
http://slideshare.net/joshpacelevinehttp://www.alexanderinteractive.com/mailto:[email protected]