Designing for Web Guidelines:
We have worked with many graphic designers and we have put together these guidelines to assist designers who do not usually design for web.
Unit of Measure:
Because of the size difference in monitors, inches should never be used as a unit of measure.
Size matters! Backgrounds should be small and able to be tiled vertically or horizontally or both. Large backgrounds slow down the page because it has to be downloaded before it can be displayed.
Linear Gradients only, because they can be tiled. Radial gradients should be avoided.
All fonts should be web safe fonts, meaning it will display on most systems. Some good resources are:
For titles and headings, you may consider any of the Google Web Fonts: http://www.google.com/webfonts
Fonts should be included as TTF or OTF file for PC, not sure about MACs. Never rasterize your fonts as this makes the font name and size unavailable to the designer.
Drop Shadows & Outer Glow
Should be avoided, but if you must, as long as the layer can be saved as a PNG file with a transparent background.
Layers & Blending Mode:
Should always be set to Normal. Multiply, Color Burn, and other blending modes don’t translate well when you are chopping up the graphic into layers.
Main Viewable Area: 960×600 pixels (above the fold area)
This can be longer, but should not exceed the standard 960 in width.
Standard is 72 dpi
300dpi is for print, but most monitors can only display resolution of 72dpi, so when designing for the web, keep this in mind.