In a head and it is valid so preliminary constructions go therefro )
Then in a Photoshop, tried in Illustrator, but not so it is convenient. And in general, I have now started to work with Axure.
I wonder how many of the folks who voted for Photoshop have given Fireworks a try? Photoshop used to be my default choice as well, but after working for an employer who insisted that I give Fireworks a shot, I use it exclusively. It's faster and more nimble. Photoshop has it's advantages for photo editing, but Fireworks seems much more Web design friendly to me.
First i work out in my head or on paper the structure of the site, and what content needs to go on the individual pages. Then i mock it up in Photoshop and transfer it to HTML in Dreamweaver (though i never use the WYSIWYG features).
I used to design the whole thing in Photoshop, then slice it to XHTML/CSS, but lately have been designing/wireframing in browser and adding the eyecandy with Photoshop later. Works well.
About ppl designing in Illustrator, this is just bad practice. Logo's, vectors etc ok, but whole websites ?? no..
Henrik Kjelsberg - 14 years ago
+1 on the way Stewart does things.
I tend to do alot more than just mockups in illustrator though.
@Ignacio. People who design in photoshop don't know why Adobe built Photoshop! Not to design in! Drawing and designs are made in illustrator, Photo's are edited in Photoshop!
I use photoshop exclusively for the design.... Firebug becomes my visual editor once the design starts to get translated into code. Firebug is great for changing out typography elements, because web browsers do not render fonts the same as photoshop. Just my 2 cents.
For those of you still in Photoshop, I hardily encourage you to give Fireworks a try. I made the PS --> FW switch back in 2004, and never looked back. The pixel-level precision of FW, for me, is so much better than PS, which is still, at its heart, an image editing and manipulation app. Plus, being able to quickly kick out clickable mockups as PDFs, or spit out components to Flash or Dreamweaver is a huge timesaver.
Try it. You won't be disappointed.
Kuroi Kenshi - 14 years ago
I start on paper and then translate my designs to html and css via haml and sass, using the compass framework.
Back and forth between photoshop and dreamweaver, it's an iterative process. But these days, content first, so wireframing is a big part of the design process.
Sketches and scribbles, if I have lots of time on the design and i'm out I put important ideas in my iphone notes, also carry a moleskine with me most of the time, but a good pencil and any scrap of paper's good.
Having said that, I'm inspired to try Fireworks, seeing how many people on here use it. Would you use PS AND FW, or either-or tho ? And do you still ultimately end up in DW regardless ?
To design my web sites, I use basically the Fireworks, after defined the structure and layout, I use photoshop to enhance the details.
But the base is defined by Fireworks. If the web site have animations, Flash is the tool.
;)
In a head and it is valid so preliminary constructions go therefro )
Then in a Photoshop, tried in Illustrator, but not so it is convenient. And in general, I have now started to work with Axure.
design in GIMP, code in gEdit, via Ubuntu ;)
Web starts in Paper.
I wonder how many of the folks who voted for Photoshop have given Fireworks a try? Photoshop used to be my default choice as well, but after working for an employer who insisted that I give Fireworks a shot, I use it exclusively. It's faster and more nimble. Photoshop has it's advantages for photo editing, but Fireworks seems much more Web design friendly to me.
1. paper
2. photoshop
3. html
see @adam
First i work out in my head or on paper the structure of the site, and what content needs to go on the individual pages. Then i mock it up in Photoshop and transfer it to HTML in Dreamweaver (though i never use the WYSIWYG features).
I used to design the whole thing in Photoshop, then slice it to XHTML/CSS, but lately have been designing/wireframing in browser and adding the eyecandy with Photoshop later. Works well.
About ppl designing in Illustrator, this is just bad practice. Logo's, vectors etc ok, but whole websites ?? no..
+1 on the way Stewart does things.
I tend to do alot more than just mockups in illustrator though.
@Ignacio. People who design in photoshop don't know why Adobe built Photoshop! Not to design in! Drawing and designs are made in illustrator, Photo's are edited in Photoshop!
I agree with SGD. I used to use photoshop, but once I tried fireworks I never looked back! So much easier for web.
THE GIMP!!
Photoshop + Firebug
I use photoshop exclusively for the design.... Firebug becomes my visual editor once the design starts to get translated into code. Firebug is great for changing out typography elements, because web browsers do not render fonts the same as photoshop. Just my 2 cents.
@SGD: Totally agree ;)
For those of you still in Photoshop, I hardily encourage you to give Fireworks a try. I made the PS --> FW switch back in 2004, and never looked back. The pixel-level precision of FW, for me, is so much better than PS, which is still, at its heart, an image editing and manipulation app. Plus, being able to quickly kick out clickable mockups as PDFs, or spit out components to Flash or Dreamweaver is a huge timesaver.
Try it. You won't be disappointed.
I start on paper and then translate my designs to html and css via haml and sass, using the compass framework.
Fireworks as much as possible
Dreamweaver
Fireworks all the way.
I use the Gimp only because I don't own Photoshop yet!
On paper! I wireframe and sketch, then I go right to HTML and browser previewing.
paper > ps > html
Back and forth between photoshop and dreamweaver, it's an iterative process. But these days, content first, so wireframing is a big part of the design process.
The Gimp, Bluefish for the code if in Ubuntu or Notepad++ if in Windows.
I always design My websites on pencil and paper. Then I write my semantic HTML. And lastly I style it all with CSS.
Inkscape www.inkscape.org
photoshop is king!
Oh yes Photoshop!
Sketches and scribbles, if I have lots of time on the design and i'm out I put important ideas in my iphone notes, also carry a moleskine with me most of the time, but a good pencil and any scrap of paper's good.
Usually do a rough sketch on paper then have a-go in Photoshop! If I'm particularly evil I'll just go straight for Photoshop. :)
GIMP to design, gEdit/Geany to code and Ubuntu to make this possible. :P
Photoshop is the centre of the universe.
Having said that, I'm inspired to try Fireworks, seeing how many people on here use it. Would you use PS AND FW, or either-or tho ? And do you still ultimately end up in DW regardless ?
gPHPEdit and Gimp and just about to try out Geany
Blotoshop>Rapidweaver>HTML
Can't imagine using Illustrator for web pages.
I start designing in the moleskin journal :D
I hate Photoshop. It takes an eternity to do everything.
GIMP :)
To design my web sites, I use basically the Fireworks, after defined the structure and layout, I use photoshop to enhance the details.
But the base is defined by Fireworks. If the web site have animations, Flash is the tool.
;)
1. I *design* on paper.
2. Photshop for just adding colors & effects.
3. then HTML for functionality. Done!
Poll seems a bit pointless to be honest, until adobe bring out something better it's always gonna be Photoshop on top.
Other: In my head.
The rest is just tools to make it happen and that tool depends on the idea.
I design in an exclusive webdesign software: Fireworks.
markup first, css second, photoshop last.
Gimp!
People that design websites in Illustrator have no idea.
Normally I sketch something up and then write some Haml and Sass in TextMate with StaticMatic which saves me a LOT of time.
Fireworks is quick and easy for designing a site.
I prefer to design in Photoshop and while designing I keep in mind which elements I can replicate using CSS so that the site isn't image intensive
a mixture of designing in my good old paint shop pro and then building it with html. but i now also use Moonfruit.
Photoshop and Illustrator. I've always wanted to give Fireworks a try though. Maybe if/when I get CS5.
Fireworks to desing and Coda to code.
Paper >> HTML.
This isn't fair, I start on paper, move to illustrator to make wire mocks and then dress it up in Photoshop.
:)
If its something very usual I just jump into the Web Browser, if it requires more creativity than 1st paper and than Photoshop
on my golden throne!
Not on Ning anymore!
definitely photoshop
play around with some sketches, create a general layout in html, use the browser to style using image editing programs where needed
i use The Gimp.