Topic Archives

Wireframe Tools

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…

20 Inspiring Examples of Sketching in Icon Design

20 Inspiring Examples of Sketching in Icon Design

We have a collection of some of the most creative and inspiring examples of icon sketching by designers from all across the world.

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.

20 Free Mobile UI & Wireframe Kits for Sketch App

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

In Web Design, Easier Doesn’t Always Mean Better

In Web Design, Easier Doesn’t Always Mean Better

You can find solutions that make web design easier and cost-effective. However, it takes careful scrutiny to determine if that truly is the case.

2020 Web Design Year in Review

2020 Web Design Year in Review

We look back at some of the most important and most interesting developments that impacted web designers this past year.

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?