|
|
|
|
Thread title: How do *you* prototype? |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
11-24-2006, 06:00 PM
|
#1
|
Status: I'm new around here
Join date: Nov 2006
Location:
Expertise:
Software:
Posts: 1
|
How do *you* prototype?
I'm wondering how everyone else creates prototypes/comps to represent a new site design. I'm using the terms (perhaps incorectly) to mean a static, non-functional picture of the web page. What tools do you use? The standard adobe products or by hand or other products? What's quick & easy?
|
|
11-24-2006, 06:42 PM
|
#2
|
Status: Geek
Join date: Apr 2006
Location: Denver, CO
Expertise: Software
Software: Chrome, Notepad++
Posts: 6,894
|
normaly, you make a template in photohsop then code it, you can export the psd to a jpg or something to make a preview
|
|
11-24-2006, 07:19 PM
|
#3
|
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
Posts: 2,246
|
some say my process takes too long, but it goes like this: - sketch pad - basic placement wire frame for architecture - just boxes with '{ITEM} here' to establish how the site will be constructed
- bigger book for storyboard sketches - larger more detailed pencil sketch. takes into accomodation for shapes, rough size estimates, colours, type choices, functionality notes and basic "detail" sketches is i get a detailed idea fast enough. i make seperate sketches for each page that has a unique page layout - ie home/splash, content pages, conact + site uniques.
- photoshop interface template with lorem ipsum filler for type, graphic (header/menu heights etc) and margin sizing. just one template to establish look and feel.
- photoshop refinements of storyboards (long process) - all the intense graphic design detail - place holders are replaced by final designs/photos/content. page layout is adjusted according to content. basically the actual design stage. if there's flash involved i create as much in illsutrator as possible and import to photoshop for placement/alignment.
- import the illustrator files and begin animating. esport swfs to localhost directory
- localhost build out - i build out the unique page designs in xhtml/css to get my template code ready. if it runs off a database, i set up the tables, plus in some dummy content and begin the templating process. if it's static, i just build out the remaning pages.
- test, refine, repeat
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|