Topic Archives

Wireframe Design

50 Free Wireframe Templates for Mobile, Web & UX Design

50 Free Wireframe Templates for Mobile, Web & UX Design

A collection of UI templates and kits for wireframing websites and mobile applications in Photoshop, Illustrator, Figma, or Sketch.

5 Printable Templates for Sketching Responsive Layouts

5 Printable Templates for Sketching Responsive Layouts

As mobile devices evolve, designing websites responsively has become necessary. However, unlike static or fixed websites, the fluidity and flexibility of responsive sites can make it challenging to convey design…

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

The 10 Best Wireframing & Prototyping Tools for UI & UX Design

If you’re looking for the best tools for creating wireframes or prototypes on the market to add to your UI or UX design tool kit, you will find them here.

25 Beautifully Designed Sitemaps & User Flow Maps for Inspiration

25 Beautifully Designed Sitemaps & User Flow Maps for Inspiration

We share an inspirational and beautifully crafted collection of sitemaps and user flow maps that have truly considered design.

Free Web & Mobile Wireframe & Layout Kit (Illustrator AI)

Free Web & Mobile Wireframe & Layout Kit (Illustrator AI)

A free collection of templates, perfect for web and mobile mockups, planning out sitemaps, and quickly creating UX flow charts and maps.

15+ Free Mobile UI & Wireframe Kits for Sketch App

15+ Free Mobile UI & Wireframe Kits for Sketch App

Collection of the best free mobile UIs and wireframe kits for Sketch App that you can use as a starting point for your next design.

20 Inspiring Examples of Web and Mobile Wireframe Sketches

20 Inspiring Examples of Web and Mobile Wireframe Sketches

A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as…

To Wireframe or Not to Wireframe?

To Wireframe or Not to Wireframe?

There are many ways to improve your efficiency when working in any media based industry. One of the simplest and most effective ways I’ve found is to “draw your map”….

Wireframes… Who Needs Them?

Wireframes… Who Needs Them?

I do, and throughout this post I’ll try to explain why you do too. So what exactly are wireframes? Wireframes are visual representations of your websites structure, a blueprint to…

The Free Glossy 3D Web UI Kit (Photoshop PSD)

The Free Glossy 3D Web UI Kit (Photoshop PSD)

The free kit is available in both PSD & PNG and is choc-full of beautifully designed modern web elements covering almost all aspects of web design.

Wireframing, Prototyping, Mockuping – What’s the Difference?

Wireframing, Prototyping, Mockuping – What’s the Difference?

The terms wireframe, prototype and mockup are often used interchangeably, yet they are not the same. This blog post explains what sets them apart and how they are used. They…

The Benefits of Using OmniGraffle in Web Design

The Benefits of Using OmniGraffle in Web Design