Saturday, 3 November 2012

Mobile UI Design tool for wireframe,mockup ,prototype

when i decide to do  the android application  project ,during the UI design phase i am construct  the wireframe,mockup and prototype of the ui design. i am decide to use this two tool for designing

1.wireframe sketcher

WireframeSketcher is a wireframing tool to designer and developers quickly create wireframes, mockups and prototypes for desktop, web and mobile applications.

you can  download this from  http://wireframesketcher.com/

2.Penicl
     
    it's an open sporce GUI Prototyping tool available for all versions of platforms.download it from here  http://pencil.evolus.vn/.

to find the stencils for android 4.0 ICS   images click here and you need to use all type of stencils images for creating your mockup and wirframe download the extra images from here
http://code.google.com/p/evoluspencil/downloads/list?q=label:Stencil

Run the pencil tool in ubuntu

1.the tool is download as .xpi version.this is add-on  for firefox web browser..we run this in firefox only.install xulrunner in ubuntu using the commad

$ sudo add-apt-repository ppa:ubuntu-mozilla-daily/ppa
$ sudo apt-get update
$ sudo apt-get install xulrunner-2.0 xulrunner-2.0-dev xulrunner-2.0-gnome-support xulrunner-dev

2. after complete the first step.reopen the firefox browser click ctrl+o or cmd=o(for mac) install your add-on manually
select the downloades  pecils.xpi  file from your hard drive, file is added to firefox

3.to open the penicl from firefox menu Tools ->pencil sketching
 now you add your new images form the menu pencil->tools->install new software

using any one of this tool start to design your ui mockup.


1 comment: