![Page 1: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/1.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/2.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/3.jpg)
Good or Bad Design?
![Page 4: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/4.jpg)
Good or Bad Design?
![Page 5: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/5.jpg)
Good or Bad Design?
![Page 6: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/6.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/7.jpg)
Know Your CSS: Abilities & Limitations
![Page 8: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/8.jpg)
Know Your CSS: Abilities & Limitations
![Page 9: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/9.jpg)
Know Your CSS: Abilities & Limitations
http://www.css3.info
![Page 10: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/10.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/11.jpg)
![Page 12: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/12.jpg)
![Page 13: Melissa Crain Design Deliverables & A Dose Of Inspiration](https://reader033.vdocument.in/reader033/viewer/2022042623/5484d668b47959ec0c8b4d29/html5/thumbnails/13.jpg)