photos & colors & layouts! oh my! - wordcamp asheville 2014

27
PHOTOS & COLORS & LAYOUTS! OH MY! RESOURCES TO HELP YOU MAKE GOOD DESIGN @NANCYTHANKI(.COM) @MISFITIDEAS(.COM)

Upload: nancy-thanki

Post on 29-Nov-2014

174 views

Category:

Design


1 download

DESCRIPTION

You’ve got your perfect theme picked out! It has this amazing layout that you know will be perfect for presenting you and yours in the best possible way. Bought, downloaded, and ready to rumble. Now the tricky part: how to make it look as amazing for you as it did in the developer’s demo? What images should you use? What colors work well together? How should the information be laid out? Although you will have to answer each of these questions on your own, this talk will discuss some tools and tips for finding images, colors, and a layout that will work best for you.

TRANSCRIPT

Page 1: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

P H O T O S & C O L O R S & L AY O U T S ! O H M Y !

R E S O U R C E S T O H E L P Y O U M A K E G O O D D E S I G N

@ N A N C Y T H A N K I ( . C O M ) @ M I S F I T I D E A S ( . C O M )

Page 2: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

H I !

• I’m Nancy

• filmmaker . photographer . designer

• owned by a puppy :)

Page 3: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

T H E R E A R E T H O U S A N D S O F B E A U T I F U L T H E M E S I N W P L A N D

Page 4: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 5: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

So how do you choose your images?

Page 6: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 7: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 8: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

Take your photos -vs-

Buy someone else’s

Page 9: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

S T O C K P H O T O G R A P H Y 1 0 1

• Smashing Magazine has a fairly comprehensive list of reliable stock photography sites:

• http://www.smashingmagazine.com/2009/08/16/free-and-commercial-stock-photography-sites/

• Photopin is free, revel in it :)

• Also feel free to check out flickr and morgueFile

• Creative Commons and the GPL

Page 10: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

P R O F E S S I O N A L S H AV E S H O T T H E M !

T H E Y H AV E R E A L LY A W E S O M E E Q U I P M E N T !

A N D T R A I N I N G !

A N D W H Y D O S O M E T H I N G H A L F W AY W H E N I C A N J U S T PAY S O M E O N E T O D O I T B E T T E R ?

So why do it any other way, right?

Page 11: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 12: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 13: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 14: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 15: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 16: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 17: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

E X P O S U R E & L I G H T I N G

Page 18: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

T O F L A S H O R N O T T O F L A S H

Page 19: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 20: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 21: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 22: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 23: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 24: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 25: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 26: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014
Page 27: Photos & Colors & Layouts! Oh My! - WordCamp Asheville 2014

C H E C K O U T T H E W O R K S H O P S !• The Power of Design - Scott Fisk

• Theme Selection for Clients - Steffi Rausch

• Responsive Design (kind of) Demystified: A Starter Kit - Dan Jaworsky

• Wordpress User Experience - Josh Mallard

• Designing for Content - David Hickox

• Mind Your Media - Effective Image Management - Nick Romanos and Laurel Scherer

• Customize Your Website with CSS for Beginners - Lydia Roberts

• Designing Websites for Sales and Conversions - Sarah Benoit

• Designer’s Grab Bag Panel - Jamie King, Marisa Falcigno, Corey Bullman

• The Niche Art of Theme Customization - Zac Gordon

• WordPress Navigation and Responsive Design - Erick Arbe