4 comments

  • Stuart McMorrisStuart McMorris, 6 years ago

    I used to use this method a few years ago but now use Axure. It has it's advantages and is quite a bit quicker, easier to share components and obviously has the ability to test functional interactive wires also. I do use InDesign to create an annotated document just like the doc used in the article. Axure has this built in but the output is horrendous.

    0 points
  • Jamie WilsonJamie Wilson, 6 years ago (edited 6 years ago )

    Very Nice. I need to reread this though to see where my workflow can improve. I was just wondering how other people were using Illustrator to wireframe.

    Do you stick with Illustrator when fleshing out the design, too?

    edit: I now realize this is not your blog post. So, Craig, don't feel like you have to answer my question :)

    0 points
    • Lauren GolembiewskiLauren Golembiewski, 6 years ago (edited 6 years ago )

      +1 on using Illustrator to wireframe. Incredibly fast, though I never use InDesign, which this workflow seems to make quite interesting. But, you can export your Artboards (named for the screen it represents) as .pngs, and use those for presentation purposes, INVISION upload and specific discussion around a particular screen. It keeps my working Illustrator file all as one flow through a project. Symbols Palette is AMAZINGLY helpful for atomic design and updating everything by updating one thing. This article is helpful: http://www.smashingmagazine.com/2011/01/17/productive-web-design-with-adobe-illustrator/

      Also we use these for design to send to dev, and only use photoshop for finer image needs that are linked into the .ai.

      0 points
      • Jamie WilsonJamie Wilson, 6 years ago

        Yea. I agree. I tried to get into InDesign a little bit like this article describes (the liquid layouts and anchored elements seems like it has potential) but is usually more than I need.

        Also, I create separate files for different modules like the header and footer and then Place them as a linked file so I can update it site wide. I can't live without that now.

        0 points