Topic Archives

Wireframe Design

Get resources, guides, and tips for effective wireframe design, helping you lay the groundwork for successful digital projects. Ideal for designers aiming to improve their planning and prototyping stages.

View all UI Design collections

5 Printable Templates for Sketching Responsive Layouts

5 Printable Templates for Sketching Responsive Layouts

UI Design / UX Design

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

UI 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.

50+ Free Wireframe Templates for Mobile, Web & UX Design

50+ Free Wireframe Templates for Mobile, Web & UX Design

UI Design

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

25 Beautifully Designed Sitemaps & User Flow Maps for Inspiration

25 Beautifully Designed Sitemaps & User Flow Maps for Inspiration

Inspiration / Web Design

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)

UI Design

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

UI Design

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.

Should You Wireframe a UI or Not?

Should You Wireframe a UI or Not?

UI Design

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”….

20 Inspiring Examples of Web and Mobile Wireframe Sketches

20 Inspiring Examples of Web and Mobile Wireframe Sketches

UI Design / UX Design / Web Design

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…

Wireframes… Who Needs Them?

Wireframes… Who Needs Them?

UI Design

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)

UI Design

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?

UI Design / UX Design

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

UI Design / UX Design
12