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:
- Rehabilitation Institute of Washington Visual Design Studies | Premium Design Works
- Jet City Improv Visual Design Studies | Premium Design Works
Downloads:
- Jet City Improv Master Art File | Premium Design Works
- Rehabilitation Institute of Washington Master Art File | Premium Design Works
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.
16 Comments:
The Winding Path
https://github.com/stoneliz/TheWindingPath/wiki/Visual-Design-Studies
http://www.kristinfiedler.info/HHOT/images/visualdesignstudies.pdf
https://drive.google.com/file/d/0B8_CaUGgfHvjNTZ0emJ4bEt0ZERaOHNpSXFvN1dJREM1WXE4/view?usp=sharing
And late as always (sorry, Mike–it’s all my fault. Be nice to Katie, please)
https://braincancerredesign.wordpress.com/
Ugh, finally done.
http://emilymillard.com/wishingwell/wordpress/2015/11/14/visual-design/
Dreams Unlimited Designs
https://dusa2015.wordpress.com/visual-designs/
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/
Here is a link to my examples of Visual Design for 200 Orphanages Worldwide.
http://www.lojodesign.com/web210/visual.html
Whoops! …Forgot to submit the link after our internal review.
http://badger37.com/itc210/visualdesign.php
Thanks! :)
http://edison.seattlecentral.edu/~kander59/web210/clientstaging.html
Seattle Financial Empowerment Center Team
Here’s the direct link to visual-design
http://edison.seattlecentral.edu/~atopiw01/web210/stagingarea/visual-design.html
http://rhm.zarahmcintosh.com/rhm-staging/RentonHistory_VisualDesign_Final.pdf
ctangalin.com/itcweb210
http://edison.seattlecentral.edu/~mblack01/web210/index.html
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
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: