980px

WEB210 » 07a) Visual Design Studies

You will need to show your Client how you are going to implement a branded treatment for their website via a Visual Design Study.

Requirements:

  • Take a look at my example Visual Design Study as this is the format that you will follow to complete this assignment. You can also download my sample Master Art File for reference.
  • You must complete at least three visual design solutions for your home page and one main page (total of six pages) by mixing and matching typography, color and imagery treatments on top of your Content Layouts (Wireframes).
  • This shall be done either in Illustrator, posted on your staging area for Client approval as your “Visual Design Studies” assignment according to the class Schedule (Fall) or Schedule (Summer).

Examples:

Downloads:

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

14 Comments:

  1. Paige Fukuhara says:

    And late as always (sorry, Mike–it’s all my fault. Be nice to Katie, please)

    https://braincancerredesign.wordpress.com/

  2. Luis Gamboa says:

    Hi Mike,

    Here is the link to our staging area where you can find the three visual design proposals:

    https://ssyc210.wordpress.com/2015/11/08/a7-visual-design-studies/

  3. Here is a link to my examples of Visual Design for 200 Orphanages Worldwide.

    http://www.lojodesign.com/web210/visual.html

  4. Doreen Jones says:

    Whoops! …Forgot to submit the link after our internal review.

    http://badger37.com/itc210/visualdesign.php

    Thanks! :)

  5. alaknanda says:

    Seattle Financial Empowerment Center Team
    Here’s the direct link to visual-design
    http://edison.seattlecentral.edu/~atopiw01/web210/stagingarea/visual-design.html

  6. Web 210 | Fall 2013 | Team 2 | Fall 2013 says:

    ctangalin.com/itcweb210

  7. Trevor says:

    Need to test your design in all browsers? Even IE 6? Try the new Adobe Browser Labs, my new favorite site for testing designs in many browsers. An Adobe ID is required to log into this online tool.

    https://browserlab.adobe.com/index.html#

    Trevor

  8. Trevor says:

    One of the best articles I’ve seen on CSS and production skills. Also covers some great IE 6 coding techniques to help you avoid browser issues. Highly recommended.

    http://www.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/

    Trevor

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php