Tools and Templates to Create Detailed Wireframes

  • Hundreds of wireframe objects grouped together in logical libraries
  • Wireframe templates of common scenarios to get started fast
  • Real-time collaboration to work together with clients and peers

wireframe Templates

Wireframes & UI Mockups Explained

Wireframes are fundamental line drawings that show the deployment of elements on a web page. Using wireframes is the best practice to begin a web site project, as it allows your client to focus on the layout.

But if you want to get the design out to your clients, the best workaround is to build Mockups. These are used by designers mainly to get feedback from their clients about designs and design ideas early in the design process.

Wireframe Symbols Explained

All the elements of a web page should be represented in your website wireframe. Visit the Wireframe Objects page to understand how and when to use the wireframe objects and see some of the usage examples.

A catalogue of all the Wireframe objects available in Creately's library is explained here.

Tutorials, Blog Posts and Case Studies about wireframes

Creately, Just Smarter and Easier.

It’s been less than a month since our release, and we’re back with yet another exciting upgrade to Creately! The team has been hard at work putting together some great ideas to make Creately even easier to use, so we...

Simple Project Planning with Wireframes

With a new product concept (in this case, Creately plugin for FogBugz), the usual temptation is to dig into development right away. Coding should only be considered after the plugin's behaviour was identified. And this was attempted at via detailed diagrams.

Templates should be just one word - Awesome

Now you can pick from over 75 templates where every single one is optimized so that you can customize it just the way you want. What makes a great template are a few simple things. For one, it should be a simple design, minus the bells and whistles, which makes it easy to work with.

A case for annotating wireframes

Clarity is the main goal of any wireframe or UI mockup. What you need to understand at this point in time is that when structuring a wireframe you need to ensure that you focus on the client requirements; ensure that the design is clear and uncomplicated and you concentrate on annotating the design.

Wireframing : The Perfect Choice

Choosing to work with wireframes is one of the first steps one should take before designing a website. For the layman, the topic of wireframes may relate to just web designers and software developers. However, the fact of the matter is that wireframes are actually used by a variety of disciplines.

The Different Phases of Website Designing

Considering the practicality of creating a website is important, but it is even important to consider answering some basic questions before that. For example - What are we aiming to achieve through...