Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Does anyone know how this sketchy UI image is made? Is it Balsamiq Mockups?

link

share|improve this question

closed as not a real question by Charles Boyung, ChrisF, Ben Brocka May 23 '12 at 15:59

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.If this question can be reworded to fit the rules in the help center, please edit the question.

    
Yep, you can use Balsamiq for that. –  Marjan Venema Jan 6 '12 at 8:51

4 Answers 4

up vote 4 down vote accepted

As stated by them (androidpatterns.com) it's done in Fireworks (see attachement below) using their own custom Toolkit. You can download the toolkit here.

enter image description here

share|improve this answer
    
I was very tempted to close this question when retagging, but I'm also impressed you looked and found out –  Ben Brocka May 20 '12 at 4:33
    
@BenBrocka :) thanks for managing the community, i'm quite impressed actually. –  Ades May 21 '12 at 2:35
    
Thanks , now I finally know the accurate answer~~ –  Wangchao0721 May 23 '12 at 5:39

Evolus pencil includes a set of sketchy stencils. I am not sure whether Pencil was used or not, but you could achieve a similar result. Here is an example from their screenshot gallery:

sketchy wireframe

share|improve this answer
1  
Pencil has changed their UI (to something far less user-friendly) since then. But it's still a good free tool. –  dnbrv Jan 6 '12 at 13:18
    
To be exact, it is Android Sketching stencil set. –  Frantisek Kossuth May 18 '12 at 21:42

Yep, looks exactly like Balsamiq Mockups to me.

share|improve this answer
    
I don't think it's Balsamiq. –  agib Jan 6 '12 at 13:00

You can use any drawing tool that allows that style. I use InkScape. It's less about the tool and more about the aesthetic. The key is to make it look hand drawn to communicate that it isn't the finished UI.

In fact, I usually prefer hand drawn wireframes. Pencil + paper.

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.