In week 9 we were introduced to Google Fonts.  The website allows users to browse their font library and download fonts.  Making sure your font is easy to read is a must when designing a site.

We created digital storyboards as a rough draft for our website designs.   This allows you to space out your design using a grid system.  It gives an outline of where you want to place things on your page.

We also created style tiles as a template for color choices, fonts, textures, logos, photos, and anything else you may want to incorporate in your design.  They help to give an overall visual of how things will look together.

http://tv.adobe.com/watch/classroom-five-essential-principles-of-interaction-design/part-1-five-essential-principles-of-interaction-design/

http://www.howdesign.com/design-creativity/fonts-typography/web-typography-revolution/

http://www.goodwebfonts.com/legibility_twd.pdf

http://www.goodwebfonts.com/

http://designshack.net/articles/css/a-beginners-guide-to-using-google-web-fonts/

http://designshack.net/articles/css/10-great-google-font-combinations-you-can-copy/

http://www.smashingmagazine.com/2008/03/26/grid-based-design-six-creative-column-techniques/

http://960.gs/

http://www.lipsum.com/

About these ads