Embed Size (px)
DESCRIPTION
You can probably recall a really well designed website or two. What if there was a science behind what made it memorable to you? In this presentation I break down some essential elements of web design, including some current trends, from colors and typography to page layout and navigation and then further explore their practical application with some examples.
Citation preview
The Science of Design
@KasseySikora
About Me
• Marketer• Designer and developer • Photographer • Blogger
Letsa Go!
Science – Vibrants create emotion
• Red: Passion, urgency• Orange: Warm, energizing• Green: earthy, optimistic, relaxing• Blue: secure, safe, dependent, truthful, friendly• Purple: creativity, luxury, wealth
1. COLOR
Accomplish It
Complimentary Monochrome
Kuler
Science – Association
2. TYPOGRAPHY
Type
Helvetica
Baskerville Old Face
Brush Script
Curlz MT
2. TYPOGRAPHY
The Il1 Test
Il1
Il1Il1
Il1Il1
Accomplish It
• Futura • Garamond • Frutiger• Helvetica• Minion• Bodoni• Myriad• Franklin Gothic• Baskerville
Most Used Web Fonts
Pairing Fonts
- Family - Serif with Sans Serif - Context
Bree SerifMyriad
Calisto MTGill Sans MT
Science – Heat maps where people’s eyes move on a page
3. LAYOUT
Golden ratio, fibonacci sequence, rule of thirds
Accomplish It
Science -strategically located, between margins, leading text and sub-sections of a page layout
Think of store layouts
4. WHITE SPACE
Accomplish It
Cow
Book
Leaf
Door
Shovel
Cup
Glass
Pillow
Science – Serial position effect
5. NAVIGATION
Accomplish It
Mega Menus
Science - Stock Images
People vs Action
6. IMAGES
Examples
Whole range of audiences - • Apple • Uber • Mashable• Wikipedia • Oreo• Oracle • Adobe• Andrea Mann
THANKS!
• Lets connect– @KasseySikora– LinkedIn – Kassandra Sikora
• More on the blog later!
