THE ULTIMATE WEB DESIGN WORKSPACE
In this post, I outline how I have personally set up my web design
workspace and why I have found it to be the most productive layout
for producing web work since I’ve started using Photoshop. Take note
that I am using a 27″ monitor at 2560×1440 resolution though this
layout should work on monitors 17″ and up.
Download:
You can
download the workspace
here. Detailed instructions for installation can be found in the
link above or in short, below. Note that this file was made in CS4
but it seems to work in newer and older versions, even though it
gives a message saying otherwise.
DOCUMENT SET-UP
This is where the magic happens, the blank canvas. I usually start
with the 960 GS and set the width at
1400 pixels. The main Photoshop tools are still on the left (by
default) with the canvas in the middle and the other windows on the
right of the screen.
LAYER COMPS
If you’re not using
Layer Comps
already and you’re working as a designer, you’re mind is about to be
blown. This isn’t the place to give a tutorial on them but having
them in your workflow is pretty much essential, as it saves hours of
time. Layer Comps are also very handy for putting together a
presentations
via the ‘Export Layer Comps’ script.