Working on screen comps in-class this Thursday. Come prepared with a screen comp that is at least 25% designed.
Your screen comps will be based off your sketches and wire-frames. Your screen comp defines exactly how your web site will look. You will design your screen comp in Photoshop. Photoshop will allow you to design in the web’s native units (pixels), color mode (rgb/hexadecimal) and image type (raster as opposed to vector).
Steps to start your Photoshop file:
- Create a new Photoshop file
- Set width to : 1024 pixels (height can be any value over 768 pixels)
- Resolution: 72
- Color Mode: rbg
- Create a 12 column grid with 20px margins
- start designing your web page(s)
How to install and use Guide Guide.