What Are Wireframes? And Why I Use Them As A Designer

Design

Today we’re talking all about one of my favorite things to do as a designer: wireframes! So today, I’ll answer questions like what are wireframes? And why I use them as a designer. I honestly didn’t start creating wireframes for my projects until roughly 2 – 3 years ago, but since, they’ve really changed the game for me. So let’s get started on all things wireframes!

Affiliate Disclaimer: Please note this post contains affiliate links. If you go through them to make a purchase, I will make a commission at no cost to you. Thanks for your support!

What is a wireframe?

One definition by Career Foundry is that, “a wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a clear overview of the page structure, layout, information architecture, functionality, and intended behaviors.” Another way to think of a wireframe is to think of it as a design outline. It’s building & putting together all the pieces (and getting all the approvals) before the development stage. 

Wireframes are typically used by UX designers to create the framework of the design before handing it off to be developed. There are two types of wireframes: low-fidelity and high-fidelity wireframes. Low fidelity are ones with a lot less detail and are typically a simple sketch on paper or outline. High-fidelity wireframes come with a lot more detail and can include the fonts, images, colors, etc. 

Tools to create wireframes

There are a few industry standard tools that designers use for wireframes. The most well known wireframe tools are Figma, Sketch & Adobe XD. They are all fairly similar in nature and allow you to not only design but also create prototypes. My favorite and the one I use is Adobe XD.  

If you want to get started, I definitely suggest playing with the free trials of each or starting out with Adobe XD because they do offer a free plan. 

Why I use them as a designer

As I mentioned above, I’ve only been creating wireframes for my projects for roughly 2-3 years. To be fair, I probably was doing them prior to that and just didn’t know that I was but still. Before, I would start building & designing (a website in my case) on whatever platform I was using. Now, I start by creating a low-fidelity wireframe to get some layout options out. Then when I decide on my favorite, I create a high-fidelity wireframe. This allows me to start with a blank slate and not worry about any platform restrictions. I can let my imagination go wild, try new things and it’s a lot easier to design while not worrying about the ‘development side’. 

Once the designs are done, developing actually becomes a lot faster. I know what is needed, I know font sizes, I have all the images, I have the colors and backgrounds and any design elements all ready to go for the build. It speeds up my process and makes it all go a lot smoother. So I use wireframes to make the design process more creative & fun and the development process much smoother & faster. 

I love creating wireframes now and use them all the time as a web designer. It helps a lot with my process and if I do end up working with a developer in the future, it simplifies that transfer process as well. So if you haven’t made some wireframes, try it out! So now you know: what are wireframes? and why I use them as a designer.

 

Don’t Forget To

Pin Your Favorite

Read The Latest

How To Make Circular Text Using Canva

How To Make Circular Text Using Canva

In todays video tutorial I'll be going over how to create circular text using Canva. Recently Canva made it available to start curving text so using that tools, you can start to make circular text on sayings, design accents or whatever you want. If you'd like to use...

Resource Highlight: Calendly

Resource Highlight: Calendly

Today we're highlighting Calendly, an online meeting scheudling tool. I've been using Calendly for almost 2 years and it's been one of my biggest time savers as a web designer & a service based business. Rather than emailing or messaging someone 100s of times to...

Does Your Website User Experience Pass The Mom Test?

Does Your Website User Experience Pass The Mom Test?

Does your website user experience pass the mom test? What is the mom test? Honestly, it's not even something formal but it's a test that I've come to do with almost all of my websites and I think it's crucial for an amazing experience for every user. So what is the...

CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS * CLICK HERE FOR FREE GOODS *

Pin It on Pinterest