GDL 2 - Web Design Wireframing

Read through the linked material to learn about wireframing.  The basic idea of wireframing is to create a website design plan focusing on the structure without being distracted by color.

Blogger has a basic setup that you will likely not want to change too much.  However, you still have option for logo design and placement, how pictures will flow on the page, and where to put your navigation.

Create a 3 paper wireframes of your new site design.  Circle your favorite and create it on Illustrator at 960px W * 768px H.  Then choose at least 2 color schemes and create 3 color site mockups.  Notate each artboard with your reason for choosing your colors.  Finish your design with a new logo.

Your Illustrator file should include (on separate artboards)....

• 1 B&W wireframe mockup
• At least 2 color schemes
• 3 or more color site mockups
• Artboard notation
• New logo

LINKS:

http://webdesign.tutsplus.com/tutorials/a-beginners-guide-to-wireframing--webdesign-7399

http://www.smashingmagazine.com/2012/08/29/beyond-wireframing-real-life-ux-design-process/

http://www.sommerfugldesign.com/2013/07/14/blogger-design-tutorial-where-to-start/