Web Design Forums

30equals · 01-05-2006, 16:25

so how do you guys like to develop your ideas for a design?

paper/pen/coloring ?
photoshop?
fireworks?
straight up directly in html?

myself i like to draw stuff on paper, then photoshop, then code it to the example..

just being curious here

Limbo · 01-05-2006, 16:33

pen & ink on squared notebook and a lot of tea/waste paper

Then into Illustrator or freehand to work up the 1st draft...

pgo · 01-05-2006, 17:48

First, wireframes, information architecture, and all that.
Second, generally pencil/graph paper sketches.
Third, play around in Photoshop (for web, of course).
Fourth, start coding out some example static pages (2 or 3).
Fifth, build site as plain-Jane XHTML (static or dynamic, depending on project).
Sixth, polish out the CSS and apply it to the site, checking in Firefox (and making sure it works in Opera and Safari).
Seventh, test in IE5.5 and 6 and write hacks as necessary.
Finally, one final run through by myself (and client, if applicable), and get someone uninvolved in the project to browse it (just to make sure usability changes aren't needed) in browsers before launch.

I don't always follow this process to the letter, but that's basically it.

NevF · 01-05-2006, 19:01

I have been a web designer for about 5months, I hate art and I love a challenge so I just explore the website, what do I Need?
Wander into fireworks and export to dreamweaver until their is a nice job...

Then to the template, then to Microsoft Word to compile the detail, spell check and voila.

I am a bad writer and hate writing to a notebook and typing into my computer. I think its messy

I will have to have a look at photoshop and illustrator

Dusteh · 02-05-2006, 05:01

For websites I tend to go straight for photoshop, play around with block shapes and colour to get a balance, and then mock up the first page of the site entirely in PS and show it to the client as an image. I don't even start to code it up until they have agreed on the majority of the look.

superstoffe · 02-05-2006, 05:21

Like PGO basicly, and like Dusteh I tend to go straight to photoshop sometimes rather than pen and paper for web projects. I always have a finished mockup before I start coding, but then I also tend to change it a couple of times during the production.

Applications used are Photoshop for graphics and Smultron for code basicly. Im not a Flash person, dont use Dreamweaver, Fireworks or any of these kind of programs.

bvdb · 02-05-2006, 14:01

pen/paper

pgo · 02-05-2006, 16:15

Analog websites? Or do you eventually move to digital?

d*d · 03-05-2006, 05:05

I develop my ideas with coffee a sketchbook and a guitar

smallbeer · 03-05-2006, 05:22

beautiful man. at what point does it go wrong?

d*d · 03-05-2006, 05:45

your words cut me smallbeer, they cut me deep

smallbeer · 03-05-2006, 05:54

I'm sure you've had worse than my attempts at humour.

desbest · 05-05-2006, 19:22

1) Get inspiratration by looking at web and application interfaces.
2) In photoshop make a simple shape, lines, rouded rectangle.
2.5) Think of the colour theme to colour in.
3) Decide whether the template is fixed width, centred or whatever.
4) Plan out the navigation and where the submenu and boxes will be and draw them and colour using the same colour theme.
4) Mess with the fill and opacity.
5) It'll all come to me.

xio · 08-05-2006, 05:49

Once done with site structure and information design, requirements, customer wishes and target group(s), I use paper and then Fireworks (PS is not my thing when designing for web, though I do not slice and export automatically - I just find PS slow for the purpose). When done with layout and all graphic bits and pieces, I use a text editor. For Flash things run somewhat different.

popc0rn · 08-05-2006, 11:34

Note pad/Photoshop!

adam c · 08-05-2006, 11:52

Depends on the project but usually start with pen and paper then into InDesign.

pgo · 08-05-2006, 12:54

Quote:

Originally Posted by popc0rn

Note pad/Photoshop!

Try Notepad++. You'll go blind using Notepad.

cocknose · 09-05-2006, 07:27

sitting.........
shit loads of coffee.....
staring out of window.....
choose style (modernism. urban grunge, constructivism,...etc)
colour pallette..... stock.....print method
doodling......
cutting shit out...
crying cause its crap....
cut and doodle more...
indesign then photoshop....
.................................................. ..................... then anything else i may need...
oh ringing people up cause i have no idea how to do what i want to do!!!!
Print!!!!! THE END
maybe....

Andy · 10-05-2006, 07:12

curtains drawn, almost pitch black bar a tiny yellow light to the left of my head.
a cup of tea.
itunes and photoshop.

Alex · 10-05-2006, 07:14

www.templatemonster.com

job done

01-05-2006, 16:25	#1 (permalink)
30equals Senior Member Join Date: Jan 2006 Posts: 146	fave method of designing ? so how do you guys like to develop your ideas for a design? paper/pen/coloring ? photoshop? fireworks? straight up directly in html? myself i like to draw stuff on paper, then photoshop, then code it to the example.. just being curious here

01-05-2006, 19:01	#4 (permalink)
NevF Registered User Join Date: Apr 2006 Posts: 89	My Simple Basics... I have been a web designer for about 5months, I hate art and I love a challenge so I just explore the website, what do I Need? Wander into fireworks and export to dreamweaver until their is a nice job... Then to the template, then to Microsoft Word to compile the detail, spell check and voila. I am a bad writer and hate writing to a notebook and typing into my computer. I think its messy I will have to have a look at photoshop and illustrator

10-05-2006, 07:12	#19 (permalink)
Andy liquid cosh Join Date: Feb 2005 Location: leeds/brighton Posts: 2,809	curtains drawn, almost pitch black bar a tiny yellow light to the left of my head. a cup of tea. itunes and photoshop. __________________ portfolio or flickr or dt on flickr

10-05-2006, 07:14	#20 (permalink)
Alex div Join Date: Feb 2004 Location: Leeds Posts: 646	www.templatemonster.com job done __________________ Engage Interactive - Web design Harrogate \| Kustard

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

01-05-2006, 16:33	#2 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,621	pen & ink on squared notebook and a lot of tea/waste paper Then into Illustrator or freehand to work up the 1st draft...

01-05-2006, 17:48	#3 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	First, wireframes, information architecture, and all that. Second, generally pencil/graph paper sketches. Third, play around in Photoshop (for web, of course). Fourth, start coding out some example static pages (2 or 3). Fifth, build site as plain-Jane XHTML (static or dynamic, depending on project). Sixth, polish out the CSS and apply it to the site, checking in Firefox (and making sure it works in Opera and Safari). Seventh, test in IE5.5 and 6 and write hacks as necessary. Finally, one final run through by myself (and client, if applicable), and get someone uninvolved in the project to browse it (just to make sure usability changes aren't needed) in browsers before launch. I don't always follow this process to the letter, but that's basically it.

02-05-2006, 05:01	#5 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 4,833	For websites I tend to go straight for photoshop, play around with block shapes and colour to get a balance, and then mock up the first page of the site entirely in PS and show it to the client as an image. I don't even start to code it up until they have agreed on the majority of the look.

02-05-2006, 05:21	#6 (permalink)
superstoffe Super Individual Join Date: Apr 2005 Location: Sydney / Stockholm Posts: 367	Like PGO basicly, and like Dusteh I tend to go straight to photoshop sometimes rather than pen and paper for web projects. I always have a finished mockup before I start coding, but then I also tend to change it a couple of times during the production. Applications used are Photoshop for graphics and Smultron for code basicly. Im not a Flash person, dont use Dreamweaver, Fireworks or any of these kind of programs.

02-05-2006, 14:01	#7 (permalink)
bvdb THEPRODUKT Join Date: Apr 2006 Location: Netherlands, Tilburg Posts: 11	pen/paper

02-05-2006, 16:15	#8 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Analog websites? Or do you eventually move to digital?

03-05-2006, 05:05	#9 (permalink)
d*d Moderator Join Date: Oct 2004 Location: Bristol Posts: 3,299	I develop my ideas with coffee a sketchbook and a guitar

03-05-2006, 05:22	#10 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	beautiful man. at what point does it go wrong?

03-05-2006, 05:45	#11 (permalink)
d*d Moderator Join Date: Oct 2004 Location: Bristol Posts: 3,299	your words cut me smallbeer, they cut me deep

03-05-2006, 05:54	#12 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,200	I'm sure you've had worse than my attempts at humour.

08-05-2006, 11:34	#15 (permalink)
popc0rn All hail me! King Popc0rn Join Date: Mar 2006 Location: Bradford, West yorkshire Posts: 89	Note pad/Photoshop!

05-05-2006, 19:22	#13 (permalink)
desbest Registered User Join Date: May 2006 Posts: 8	1) Get inspiratration by looking at web and application interfaces. 2) In photoshop make a simple shape, lines, rouded rectangle. 2.5) Think of the colour theme to colour in. 3) Decide whether the template is fixed width, centred or whatever. 4) Plan out the navigation and where the submenu and boxes will be and draw them and colour using the same colour theme. 4) Mess with the fill and opacity. 5) It'll all come to me.

08-05-2006, 05:49	#14 (permalink)
xio Human Join Date: May 2004 Location: Düsseldorf Posts: 40	Once done with site structure and information design, requirements, customer wishes and target group(s), I use paper and then Fireworks (PS is not my thing when designing for web, though I do not slice and export automatically - I just find PS slow for the purpose). When done with layout and all graphic bits and pieces, I use a text editor. For Flash things run somewhat different.

08-05-2006, 11:52	#16 (permalink)
adam c berserker than thou Join Date: Sep 2005 Location: Bristol Posts: 450	Depends on the project but usually start with pen and paper then into InDesign.

09-05-2006, 07:27	#18 (permalink)
cocknose Banned™ Join Date: Aug 2004 Location: Hong Kong Posts: 3,485	sitting......... shit loads of coffee..... staring out of window..... choose style (modernism. urban grunge, constructivism,...etc) colour pallette..... stock.....print method doodling...... cutting shit out... crying cause its crap.... cut and doodle more... indesign then photoshop.... .................................................. ..................... then anything else i may need... oh ringing people up cause i have no idea how to do what i want to do!!!! Print!!!!! THE END maybe....

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)