What is Design?-Execute-Plan-Purpose-Speciﬁc Function
Design is not the same thing as artArt Design1. http://theselvedgeyard.ﬁles.wordpress.com/2009/01/jacksonpollock.jpg2. http://nickross.tumblr.com/post/6044611025/jesuisperdu-neue-graﬁk-new-graphic-design
Design Basics for the Web-Layout-Color-Typography
LayoutWireframesVisual designers use the wireframe as the basis forrenderings that show the hierarchical importance andlocation of the elements (with each general section ofthe page labelled); free of any potentially distractingdesign treatments.
Typography- availability- commonly installed fonts on mac and windows- typefaces- sizing and hierarchy
Typography- Either serif or sans-serif fonts are ﬁne for body copy and headings, but sans serif fonts are still more popular for both.- Common choices for headlines are Georgia, Arial and Helvetica.- Common choices for body copy are Georgia, Arial, Verdana and Lucida Grande.- The most popular font size for headings is a range between 18 and 29 pixels.- The most popular font size for body copy is a range between 12 and 14 pixels.- Header font size ÷ Body copy font size = 1.96.- Line height (pixels) ÷ body copy font size (pixels) = 1.48..75- Line length (pixels) ÷ line height (pixels) = 27.8.- Space between paragraphs (pixels) ÷ line height (pixels) = 0.754.- The optimal number of characters per line is between 55 and 75, but between 75 and 85 characters per line is more popular,- Body text is left-aligned, image replacement is rarely used and links are either underlined or highlighted with bold or color.
Potential pitfalls- non web-safe fonts or unlicensed fonts- background images that may need to be resized- lack of cross browser support- designing a component that doesn’t exist...yet- lack of design documentation- NOT COMMUNICATING WITH THE DEVELOPER