melissa crain design deliverables & a dose of inspiration

13
Design Deliverables & A Dose of Inspiration (AKA a guide to never ever using Papyrus ever) Melissa Crain Owner/Designer/Developer @New Skin Media [email protected]

Upload: northbayweb

Post on 05-Dec-2014

373 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Melissa Crain Design Deliverables & A Dose Of Inspiration

Design Deliverables & A Dose of Inspiration

(AKA a guide to never ever using Papyrus ever)

Melissa Crain Owner/Designer/Developer @New Skin Media [email protected]

Page 2: Melissa Crain Design Deliverables & A Dose Of Inspiration

What makes good web design?

• “Good Design” is a subjective term • Good practices include

– Precedence (Guiding the eye): position, color, contrast, size, design elements

– Spacing: text, padding, white space – Navigation – Typography: font style, sizes, spacing, line length,

color – Alignment – Consistency

Page 3: Melissa Crain Design Deliverables & A Dose Of Inspiration

Good or Bad Design?

Page 4: Melissa Crain Design Deliverables & A Dose Of Inspiration

Good or Bad Design?

Page 5: Melissa Crain Design Deliverables & A Dose Of Inspiration

Good or Bad Design?

Page 6: Melissa Crain Design Deliverables & A Dose Of Inspiration

Intuitive Content Strategy

• PLAN: Make detailed Site Map / “wire frame” before you ever open Photoshop

• Make sure you and your client are on the same page as far as expectations

• Keep end user’s interests in mind (goal oriented, clear call to action)

• Easy, intuitive, streamline, seamless

Page 7: Melissa Crain Design Deliverables & A Dose Of Inspiration

Know Your CSS: Abilities & Limitations

Page 8: Melissa Crain Design Deliverables & A Dose Of Inspiration

Know Your CSS: Abilities & Limitations

Page 9: Melissa Crain Design Deliverables & A Dose Of Inspiration

Know Your CSS: Abilities & Limitations

http://www.css3.info

Page 10: Melissa Crain Design Deliverables & A Dose Of Inspiration

Making a Site Personal

• Take the time to get to know your client • Incorporate personal things into the design

where you can • Handwritten Signatures, Brick & Mortar

Colors, Design Details

Page 11: Melissa Crain Design Deliverables & A Dose Of Inspiration
Page 12: Melissa Crain Design Deliverables & A Dose Of Inspiration
Page 13: Melissa Crain Design Deliverables & A Dose Of Inspiration