transition from print to web

1- Design images at 72dpi

2- Use RGB

3- Design in Photoshop

4- Use a grid and check your width

Grid Resources:

» http://www.thegridsystem.org/

» http://960.gs/

» http://site.ringce.com/products/slammer/slammer.html

5- Use web safe fonts

Core Web Fonts (that will work on every computer):

1. Andale Mono
2. Arial
3. Arial Black
4. Comic Sans MS
5. Courier New
6. Georgia
7. Impact
8. Times New Roman
9. Trebuchet MS
10. Verdana

Other Font Families / Stacks:

1. Lucida Grande & Lucida Sans Unicode
2. Baskerville & Palatino Linotype

6- Never rasterize copy

7- Organize. Organize. Organize.

DO NOT ever flatten your layers.

8- Design for the content and for your users.

9- Know your shortcuts

10- Save comps properly

‘Save for Web’, and save jpgs.

11- Stay informed and inspired

Absorb yourself with information: bookmark blogs, read, absorb. Joing online social networking sites. Get involved in the design community.