Transcript
Page 2: Design Swoon - Visual Trends  & WordPress

Sara Cannon

slideshare.net/saracannon

Freelance Artist, Designer, & WordPress Developer living in Birmingham, AL

@saracannon

Page 3: Design Swoon - Visual Trends  & WordPress

functionality

is the new concept

Page 4: Design Swoon - Visual Trends  & WordPress

The 1 Pager

Page 5: Design Swoon - Visual Trends  & WordPress

talentgarden.it

Page 6: Design Swoon - Visual Trends  & WordPress
Page 7: Design Swoon - Visual Trends  & WordPress

carterdigital.com.au

Page 8: Design Swoon - Visual Trends  & WordPress
Page 9: Design Swoon - Visual Trends  & WordPress

beetle.de

Page 10: Design Swoon - Visual Trends  & WordPress
Page 11: Design Swoon - Visual Trends  & WordPress

invitinghische.com

Page 12: Design Swoon - Visual Trends  & WordPress
Page 13: Design Swoon - Visual Trends  & WordPress

Information Architecture

is the new strategy

Page 14: Design Swoon - Visual Trends  & WordPress

wireframing

Page 15: Design Swoon - Visual Trends  & WordPress

smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/

Page 16: Design Swoon - Visual Trends  & WordPress
Page 17: Design Swoon - Visual Trends  & WordPress

site mapping

Page 18: Design Swoon - Visual Trends  & WordPress

Home

BlogContactAbout

Page 19: Design Swoon - Visual Trends  & WordPress
Page 20: Design Swoon - Visual Trends  & WordPress
Page 21: Design Swoon - Visual Trends  & WordPress

content

is the focus

Page 22: Design Swoon - Visual Trends  & WordPress

RSS

Page 23: Design Swoon - Visual Trends  & WordPress
Page 24: Design Swoon - Visual Trends  & WordPress

Longform

Page 25: Design Swoon - Visual Trends  & WordPress
Page 26: Design Swoon - Visual Trends  & WordPress
Page 27: Design Swoon - Visual Trends  & WordPress

MOAR devices

Page 28: Design Swoon - Visual Trends  & WordPress
Page 29: Design Swoon - Visual Trends  & WordPress
Page 30: Design Swoon - Visual Trends  & WordPress

Mobile

should never be an afterthought

Page 31: Design Swoon - Visual Trends  & WordPress

responsive web design

Page 32: Design Swoon - Visual Trends  & WordPress
Page 33: Design Swoon - Visual Trends  & WordPress

twentyelevendemo.wordpress.com

Page 34: Design Swoon - Visual Trends  & WordPress

PandoDaily.com

Page 35: Design Swoon - Visual Trends  & WordPress
Page 36: Design Swoon - Visual Trends  & WordPress
Page 37: Design Swoon - Visual Trends  & WordPress

gestures

Page 38: Design Swoon - Visual Trends  & WordPress

Movement

is the new refinement

Page 39: Design Swoon - Visual Trends  & WordPress

momentskis.com

Page 40: Design Swoon - Visual Trends  & WordPress
Page 41: Design Swoon - Visual Trends  & WordPress

davegamache.com

Page 42: Design Swoon - Visual Trends  & WordPress
Page 43: Design Swoon - Visual Trends  & WordPress

slaveryfootprint.com

Page 44: Design Swoon - Visual Trends  & WordPress
Page 45: Design Swoon - Visual Trends  & WordPress

dangersoffracking.com

Page 46: Design Swoon - Visual Trends  & WordPress
Page 47: Design Swoon - Visual Trends  & WordPress

simplicity

is the challenge

Page 48: Design Swoon - Visual Trends  & WordPress

ohbeautifulbeer.com

Page 49: Design Swoon - Visual Trends  & WordPress
Page 50: Design Swoon - Visual Trends  & WordPress

the simpleportfolio

Page 51: Design Swoon - Visual Trends  & WordPress

ja-sein.de

Page 52: Design Swoon - Visual Trends  & WordPress
Page 53: Design Swoon - Visual Trends  & WordPress

films.bybrettjohnson.com

Page 54: Design Swoon - Visual Trends  & WordPress
Page 55: Design Swoon - Visual Trends  & WordPress

winter is coming

Winter is Coming

Art by: Chase Kunz society6.com/artist/chasekunz

Page 56: Design Swoon - Visual Trends  & WordPress

What NOT to do

in 2012

Page 57: Design Swoon - Visual Trends  & WordPress
Page 58: Design Swoon - Visual Trends  & WordPress
Page 59: Design Swoon - Visual Trends  & WordPress
Page 60: Design Swoon - Visual Trends  & WordPress

Never EVER Use Comic Sans

( It doesn’t matter that you think it’s good for wire-framing )

Page 61: Design Swoon - Visual Trends  & WordPress

Think Its IRONIC?

Page 62: Design Swoon - Visual Trends  & WordPress

You’re Such A Hipster.

Page 63: Design Swoon - Visual Trends  & WordPress

comicsans.de

Page 64: Design Swoon - Visual Trends  & WordPress

It’s STILL Not CoolEVEN If You Think

It Is IRONIC

Page 65: Design Swoon - Visual Trends  & WordPress

It’s STILL Not CoolEVEN If You Think

It Is IRONIC

Page 66: Design Swoon - Visual Trends  & WordPress

bingo card

Page 67: Design Swoon - Visual Trends  & WordPress
Page 68: Design Swoon - Visual Trends  & WordPress

Sliders are SO2011

( oh no she DIDN’T! )

Page 69: Design Swoon - Visual Trends  & WordPress

use the Fauxgo

Page 70: Design Swoon - Visual Trends  & WordPress
Page 71: Design Swoon - Visual Trends  & WordPress

what to doin 2012

Page 72: Design Swoon - Visual Trends  & WordPress

break borders &

breathe

Page 73: Design Swoon - Visual Trends  & WordPress

paulmitchellkelly.com

Page 74: Design Swoon - Visual Trends  & WordPress
Page 75: Design Swoon - Visual Trends  & WordPress

there is no

page fold

Page 76: Design Swoon - Visual Trends  & WordPress

thereisnopagefold.com

Page 77: Design Swoon - Visual Trends  & WordPress
Page 78: Design Swoon - Visual Trends  & WordPress

Design

is everything

Page 79: Design Swoon - Visual Trends  & WordPress

web design is 95%

Typographydesign = typography = everything

Page 80: Design Swoon - Visual Trends  & WordPress

ringboxingclub.com

Page 81: Design Swoon - Visual Trends  & WordPress
Page 82: Design Swoon - Visual Trends  & WordPress

Resources

Page 83: Design Swoon - Visual Trends  & WordPress

html5please.us

Page 84: Design Swoon - Visual Trends  & WordPress
Page 85: Design Swoon - Visual Trends  & WordPress

css-tricks.com

Page 86: Design Swoon - Visual Trends  & WordPress
Page 87: Design Swoon - Visual Trends  & WordPress

eye-dropper.kepi.cz

Page 88: Design Swoon - Visual Trends  & WordPress
Page 89: Design Swoon - Visual Trends  & WordPress

jasonsantamaria.com/reading

Page 90: Design Swoon - Visual Trends  & WordPress
Page 91: Design Swoon - Visual Trends  & WordPress

functionalityInformation Archicture

contentmobile

movement simplicity

design

2012

Page 92: Design Swoon - Visual Trends  & WordPress

@saracannon sara-cannon.com

Thank You


Top Related