4 Replies Latest reply on Jan 29, 2010 4:20 PM by newmango

    Illustrator for web design

    bikeman01 Level 1

      Having been a long time user of Fireworks I haven't failed to notice that it has ended up as the runt of Adobe's litter. This is very disappointing as I love the ease of use of Fireworks and it does everything I need as a web designer. But I feel that sticking with Fireworks is going to render me unemployable eventually.


      Most web designers seem to be now using Photoshop for their web design work and I am curious as to why. Maybe it is simply because of the influx of print designers into the web business and they are sticking with their tool of choice?


      But I have always felt that Photoshop, as a bitmap editor, doesn't really work for web page design. Apart from it's apparent clumsy interface, I have always appreciated laying out my web designs in vectors because of the client's propensity to want to resize things at the 11th hour.


      Surely the flexibility of working in vectors lends itself to illustrator being the web designers app of choice?


      Which app should I devote my time to learning, illustrator or photoshop?, both seem very clumsy compared to Fireworks.

        • 1. Re: Illustrator for web design
          shunithD Level 3

          bikeman01 wrote:


          Having been a long time user of Fireworks I haven't failed to notice that it has ended up as the runt of Adobe's litter.  <snipped>

          Don't really know... but have always been a PS user – even for web. Even Image Ready was used sparingly... mainly for animated .gifs.


          Tried using FW recently and was totally put off by the native file format of PNG. Moment i saw it (FW) didn't have it's own native file format i never opened the program again. However, am not sure if this is an Adobe introduction or inherited from the dying days of Macromedia.


          In any event, i don't really use PS as a web design application... sure, i mock up a rough look as, it's so easy to do... the create the page / site in DW. PS is only used for the graphics after that... To elaborate... i don't design in PS and slice and export... i do a look feel and then move to DW. Reverting to PS only to create specific graphics / buttons / etc.

          • 2. Re: Illustrator for web design
            bikeman01 Level 1

            Hi shunithD


            I always find it so disappointing that this purpose built application is being over looked by web designers.


            That you've rejected it just because you saw the file format PNG is quite extraordinary - had you delved deeper you would not only have found out that teh file suffix may be .PNG but the format most certainly isn't - it is proprietory to FW and retains layers  etc much like Illustrator's .ai


            You would also have found out that Fireworks is an excellent web prototyping tool capable seemlessly covering both bitmap and vector.


            Yes it was a Macromedia application but Adobe have developed it further and it is now so much more.


            Have a read of this http://www.adobe.com/devnet/fireworks/articles/why_fireworks.html


            Anyway back to my main purpose of posting - should I skill up in PS or illustrator? I have decided against Illustrator on the basis of this article - http://www.timthompson.co.uk/blog/2006/06/illustrator-vs-fireworks.html.


            ps Your method of graphical mockup and then taking only specific graphics to page construction with DW/notepad is the same as mine (and every other professional web designer I have ever met).

            • 3. Re: Illustrator for web design
              shunithD Level 3

              Hi Bikeman...


              Thanks for the links. Will read up.


              As i said, i didn't even use Image Ready that much... so there really was no need to go down the FW route and learn yet another program. PS gives me all the control i need.


              Regarding which program to drefine your skill sets on...


              1/ I doubt that FW is going to be killed any time soon.


              2/ Illustrator will be useful for a host of vector stuff that you can't do in FW or PS. However, i do not feel comfortable going from AI to Web. I've had issues on the pixel level. So, what i  so is pull the vector into PS and from there save to web. However, learning AI will definitely not be something you'll ever regret

              3/ PS is PS!And, every version sees more vector tools and capabilities added...


              So... long story, short... my suggestion is to skill up in both... but put the emphasis on PS. Maybe 60:40 or even 70:30



              • 4. Re: Illustrator for web design
                newmango Level 1

                Illustrator is my program of choice for doing web design layouts. I can quickly rough out what I need in vectors and send a client screen shots. Once I have an approved layout, I construct any rollover art on separate layers that I can turn off and on, set up slices, and save for web. The only difficulty I have with this workflow is that sometimes where I have a horizontal or vertical stroke that needs to be an exact number of pixels wide, the result is anti-aliased. It's fairly easy to clean it up in PS when this happens, either by exporting or by turning off Pixel Preview and taking a screen shot.