Mockup Applications

Discussion in 'Web Design and Development' started by AFPoster, Aug 16, 2012.

  1. AFPoster macrumors 68000

    Jul 14, 2008
    Charlotte, NC
    I am curious what applications people use on the Mac or Web that people use to mock-up sites. I found this site below: Caccoo I'm just curious if their is anything better for a Mac and what most dev's use when designing a mockup layout.

    Thanks ahead of time!

    Attached Files:

  2. Dolorian macrumors 65816


    Apr 25, 2007
    You could try Mockflow too:

    For my part, I create my wirefreames in Sketch (did it in Fireworks before).
  3. grizfan macrumors member


    Feb 10, 2012
    Boise, ID
    This process is also known as creating wire frames. It's been the dominant part of my job for the last few weeks, so I know way more than I really want to on the subject. Mockflow is a great option, and there are other online tools, too. Adobe has an iPad app that looks really nice. Fireworks and Photoshop are excellent options, and with a little time on Google, you can find some great UI element files for these two programs (Yahoo has some great resources in this department). Finally, if you don't mind spending some money, OmniGraffle is a great option. That is my go-to tool for creating wire frames (I also use Visio when I'm using my PC).

    A lot depends on workflow issues. Do you need to collaborate with others, or work solo? Do you have to account for comments and annotations, etc... Also, if you are using a framework for your web work (Twitter Bootstrap, 960GS, things like that), they often provide template files for creating wire frames.
  4. 960design macrumors 68030

    Apr 17, 2012
    Destin, FL
    I use an iPad with Bamboo Paper. The client and I will sit down over some lunch and draw out what they want their landing page to look like, main pages, ect. I give the link of their build site on the back of a business card and hand it to them.

    I then take the drawings and prototype their design, from their we tweak colors, fonts, ect. The client can check out their site build in progress and more quickly identify things like ( yeah, maybe we don't want bright green for the background haha ).

    just me

Share This Page