What’s in a Theme

Welcome

Paul Crumlish

Mary Faughnan

What we will cover

• Inspiration • Sourcing Imagery• Preparing Imagery for Adapt• Design best practices within Adapt

Inspiration - Imagery

www.pinterest.com

www.dribbble.com

www.behance.net

www.awwwards.com

www.designinspiration.net

Inspiration - Colours

www.colourlovers.com/palette

www.color.adobe.com/create/color-wheel

Inspiration - think about this.

Who are your audience?

What type of information do you want to present?

What about the tone?

Photography vs Illustration

Photography• Realistic (Usually)• Personal• Context

Illustration• Stylistic (more options)• Characters• Clarity and detail

Try to get a balance!

Sourcing Imagery – For FREE

www.pexels.com

www.unsplash.com

Sourcing Imagery – With a Budget

www.shutterstock.com

www.istockphoto.com

Preparing Imagery for Adapt

• Get the size right

• Optimise for the web

Menu background images - 2000px wide by 800px high

Page background images - 2000px wide by 1400px high

Full width content images - 1024px wide by 400px high

Half width content images - 512px wide by 400px high

Preparing images with Pixlr

http://apps.pixlr.com/editor/

1. Create a new image2. Open the source image you want to use3. Copy the source image to the new image4. Resize as required5. Save your new image.

One final step

www.tinypng.com

1. Upload your images to tinypng2. Make the Panda happy!

Design best practices within Adapt

Over to Mary…