3/13/09

{Point of View} Designing in Photoshop

We will be designing exclusively in Photoshop. There are many reasons why, but the main one is WYSIWYG. Photoshop is a bitmap based program and we are working on the screen and for the screen. Getting used to laying out in multiple programs will also train your adaptability and flexibility. So do it.

Based on your wireframes, begin designing your comparisons. Start with a screenshot of a browser as demonstrated in class. This will serve as a window to contextualize what you are designing. Your design will grow as you add text and elements. Be sure to group related items in Layer Groups to make organizing, moving and editing more efficient. Extend your frame as needed with Image/Canvas Size.


Typography
Choose only from the following typefaces for this project:
  • Arial
  • Arial Black
  • Comic Sans MS
  • Courier New
  • Georgia
  • Impact
  • Times New Roman
  • Trebuchet MS
  • Verdana
Read this short, excellent article on Web Typography: http://informationarchitects.jp/the-web-is-all-about-typography-period/

Over break, begin 3 different design directions in Adobe Photoshop. Upload images of your 3 directions to your blog by Tuesday, March 24.

No comments:

Post a Comment