Grow your CSS skills. Land your dream job.

Website Design Question

  • # April 11, 2013 at 10:52 pm

    I would like to know if it is best to design website in illustrator first before doing css/html work?

    # April 11, 2013 at 11:42 pm

    It is generally best to have a visual blueprint up or at least the structure sketched up so you have something to work off of. I don’t believe that it is ever a good idea to just start without some kind of starting point.

    # April 12, 2013 at 12:27 am

    Thanks

    # April 12, 2013 at 4:50 am

    Illustrator…no.

    Fireworks…yes.

    # April 12, 2013 at 4:53 am

    Or if you’re a true warrior, MS Paint.

    On topic, I usually skip the Fireworks/Photoshop part (when I can), mostly because I suck as hell with those tools, but I always spend a decent amount of time on paper. Paper is good to sketch things, people often seem to forget this.

    # April 12, 2013 at 4:58 am

    The beautiful thing about FW is that can create States and it also exports CSS (I believe).

    Intro to the Lynda.com course: http://www.youtube.com/watch?v=j5OXEir0F6g

    Ongoing WebDesign-Tuts series: http://webdesign.tutsplus.com/sessions/fireworks-in-the-real-world/

    # April 12, 2013 at 6:09 am

    > [...] and it also exports CSS (I believe).

    I wouldn’t try that.

    # April 12, 2013 at 6:14 am

    @Paulie_D What’s wrong with doing vector artwork in Illustrator?

    # April 12, 2013 at 6:16 am

    I believe @Paulie_d recommanded Fireworks over Illustrator because as far as I know, Fireworks is meant to do webdesign while Illustrator is better suited for print design (I’d say).

    # April 12, 2013 at 7:03 am

    >What’s wrong with doing vector artwork in Illustrator?

    Nothing…that’s what it’s for…but that wasn’t the question.

    The question was “design website” _(sic)_….I would argue that that is **precisely** what FW is for.

    Mag
    # April 12, 2013 at 7:54 am

    I’ve recently come upon this article:
    http://webdesign.tutsplus.com/articles/workflow/sketching-how-a-simple-pen-and-paper-can-transform-your-web-designs/

    Back to basics ;)

    # April 12, 2013 at 8:04 am

    That’s a good idea for basic layout…but actual design?

    # April 12, 2013 at 9:09 am

    I agree with Paulie_D Fireworks is the best tool for muck-up production. However I do kind of move from Fireworks back to Photoshop.

    # April 12, 2013 at 9:44 am

    I switched to [Sketch](http://www.bohemiancoding.com/sketch/ “”) by Bohemian Coding for mock ups, and couldn’t be happier.

    # April 12, 2013 at 9:56 am

    >**muck-up **production

    LOL

Viewing 15 posts - 1 through 15 (of 21 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".