A picture is worth a 1000 words!!!
Wireframes are low-fidelity, Screen blueprint, a visual guide usually presented with placeholders for final content, to be filled in at a later point in the design cycle. Wireframes aim to help represent what goes where in a design, without the design team having to spend too much time on the details.
The wireframe depicts the page layout or arrangement of the website’s content, including interface elements and navigational systems, and how they work together.
A mockup is a scale or full-size model of a design or device, used for teaching, demonstration, design evaluation, promotion, and other purposes.
1. Moqups
2. Conceptly
3. Mocking bird
4. Lucid chart
5. Gliffy
6. Flinto
7. Mockflow
8. Just in mind
Moqups
Moqups is a streamlined web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes.
Website: www.moqups.com
Pricing Model: Paid
Conceptly
Conceptly is a Web and Mobile mockups tool. Convert wireframes and designs into interactive Apps. Validate ideas faster.
Website: www.concept.ly
Pricing Model: Free
Mocking bird
Mockingbird helps you you create and share clickable wireframes. Use it to make mockups of your website or application
Website: www.gomockingbird.com
Pricing Model: Paid
Lucid chart
Lucidchart is your solution for visual communication and cross-platform collaboration. Create professional flowcharts.
Website: www.lucidchart.com
Pricing Model: Free
Gliffy
Gliffy online diagram software, you can easily create professional quality flowcharts, diagrams, wireframes, UML diagrams, floor plans and technical drawings. Gliffy’s online diagram editor makes it easy to create great looking drawings,
Website: www.gliffy.com
Pricing Model: Free
Flinto
Design your own animated transitions in Flinto’s breakthrough Transition Designer. No timelines, no programming, just put stuff where you want it to go. Design your own transitions like these in the Transition Designer.
Website: www.flinto.com
Pricing Model: Free
Mockflow
MockFlow WireframePro is the leading tool for designing User Interface blueprints for Websites and Apps. It includes ready-made UI components for iOS, Android, Web, and Bootstrap
Website: www.mockflow.com
Pricing Model: Free
Just in mind
Justinmind Prototyping tool is an authoring tool for web and mobile app prototypes and high-fidelity website wireframes. Easily create web and mobile app wireframes with Justinmind UI prototyping tool.
Website: www.justinmind.com
Pricing Model: Free