edit-article

Article Description: ]create listing of design elements for web site production

Chapter ID/Name:

Status: Write Writing Written

Add Photo:

Owner ID:

Content: use HTML Edit Content <h1 style="text-align: center;">title</h1> <h2>[WHAT]</h2> <ol> <li>]&nbsp;</li> </ol> <h2>[WHY]</h2> <ol> <li>]&nbsp;</li> </ol> <h2>[WHERE]</h2> <ol> <li>]</li> </ol> <h2>[WHEN]</h2> <ol> <li>]</li> </ol> <h2>[EXAMPLE]</h2> <ol> <li>]</li> </ol> <h2>[HOW-TO]</h2> <ol> <li>]</li> </ol> <h2>[REFERENCE]</h2> <ol> <li>]</li> </ol> <div> <div>+ style = padding+whitespace, typography, colors</div> <div>? branding -&nbsp;</div> <div>? messaging -&nbsp;</div> <div>qry = key design elements&nbsp;</div> <div>http://www.webolutions.com/blog/effective-web-design--5-key-elements</div> <div>- kiss, &nbsp;navigation, purpose, info flow, load time</div> <div>* widget on logo, flash, flies around&nbsp;</div> <div>http://graphite.com.co/online-store/</div> <div>graphite supplier - small and large amounts</div> <div>* widget shopping bag ala .?. (on github )</div> <div>http://blog.crazyegg.com/2011/11/14/responsive-web-design-elements/</div> <div>- navigation&nbsp;</div> <div>- columns</div> <div>- call to action</div> <div>- branding</div> <div>- padding and whitespace</div> <div>http://www.outofwebsite.com/web-design-tips/tips/archives/planning-keys.html</div> <div>- know your competition</div> <div>- logical site architecture(nav + )</div> <div>- prof. graphics</div> <div>- intuitive (ui + nav)</div> <div>- informative content -&nbsp;</div> <div>- helpful NOT cool -&nbsp;</div> <div>- above + beyond - provide better helpful CD</div> <div>http://freelancefolder.com/15-top-site-elements/</div> <div>- good visual design</div> <div>- thoughtful ui</div> <div>- nav primary above fold</div> <div>- nav repeat footer</div> <div>- content - meaningful</div> <div>- solid about page</div> <div>- contact info</div> <div>- search&nbsp;</div> <div>- sign up/subscribe&nbsp;</div> <div>- sitemap</div> <div>- seperate design from content</div> <div>- valid xhtml</div> <div>- cross browser compat</div> <div>- web optimized images</div> <div>- stats tracking and analytics</div> <div>+ link 30 inspired nav menus</div> <div>+ freelancing articles</div> </div> <h1 style="text-align: center;">&nbsp;</h1>