Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

What are the main components of web design that can be sketched on paper? I refer to the visuals of a design that could be developed by sketches and drawings. Like a sketch of a Web-page view in browsers, smartphones and tablets.

share|improve this question

closed as not a real question by Scott, Jack, Yisela, plainclothes, e100 Jan 16 '13 at 18:25

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.If this question can be reworded to fit the rules in the help center, please edit the question.

Aside from actual interaction, what can't be sketched on paper? – plainclothes Jan 12 '13 at 6:10
Can you clarify the question? In general, as plainclothes states, moat anything can be sketched on paper (I'd say, though not ideal, you can actually do some rudimentary interaction design with paper prototypes as well) – DA01 Jan 12 '13 at 21:59

Almost all my web designs start out in Photoshop (think of that as electronic paper), and the rest of them really do begin with pencil on a pad.

My initial renderings block out

  • headers and logos
  • menus
  • static content
  • dynamic content
  • database results
  • forms

This is done on at least one page of each major section, as well as I usually create a paper site map of the project, breaking it down into first stage, second, etc., along with due dates or milestones.

I use a second pass over my sketch to

  • determine if the individual elements are within my skill set (or my team's)
  • or if I will need assistance or to farm it out
  • determine approximate timelines for each portion
  • allocate server assets and determine if anything needs to be reallocated or procured

The "rougher" the sketch, the more conceptual the planning, the more important the "chalk talk" or sketches become for building the parameters of the project,and getting everyone's buy-in early on.

Considering the multiplicity of multiple devices to design for today, a paper sketch might be the best place to begin when developing the fluid design required. Simulate the viewport widths with a "to scale" frame on the paper and integrate the required elements, but be sure to do so in a manner that best fits each device.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.