wireframe is very important part of your developemnt process. it is a visualization part for represeting the proposed functions, structure and content of UI. it can be understand as bule print of page.
In other words wireframe is the page layout or arrangement of page content.
The purpose of wireframe to create the idea of business process of module in to mockup UI screens before actual developent.
A wireframe can contain:
1) Page elements, Header,Footer
2) Location of elements.
3) Navigations
4) Content objects.
5) Grouping of elemtns
6) Action buttons.
Some Wireframe creation tools:
Balsamiq Mockups
Lumzy – Quick Mockup Creation and Prototyping Tool
Mockup Builder – A Killing Prototyping App
Tiggr – Creating Prototypes Collaboratively
Frame Box – Lightweight Online Tool for Creating Mockups
SimpleDiagrams Free Edition (Adobe Air App)
iPhone Mockup
fluidIA
Pencil Project (Firefox Extension)
CogTool – General Purpose UI Prototyping Tool (Standalone Application for Win & Mac)
Prototype Composer (Community Edition)
DUB – DENIM (Standalone Application for Win, Linux & Mac)
In other words wireframe is the page layout or arrangement of page content.
The purpose of wireframe to create the idea of business process of module in to mockup UI screens before actual developent.
A wireframe can contain:
1) Page elements, Header,Footer
2) Location of elements.
3) Navigations
4) Content objects.
5) Grouping of elemtns
6) Action buttons.
Some Wireframe creation tools:
Balsamiq Mockups
Lumzy – Quick Mockup Creation and Prototyping Tool
Mockup Builder – A Killing Prototyping App
Tiggr – Creating Prototypes Collaboratively
Frame Box – Lightweight Online Tool for Creating Mockups
SimpleDiagrams Free Edition (Adobe Air App)
iPhone Mockup
fluidIA
Pencil Project (Firefox Extension)
CogTool – General Purpose UI Prototyping Tool (Standalone Application for Win & Mac)
Prototype Composer (Community Edition)
DUB – DENIM (Standalone Application for Win, Linux & Mac)
No comments:
Post a Comment