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

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.

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.

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…

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

OmniGraffle is the OmniGroup’s visual design tool for Apple’s OSX and iOS. It has a deep, extensive set of features that makes it a useful tool to solve most visual…

Tips for Wireframing a Usable Mobile App UI

Tips for Wireframing a Usable Mobile App UI

UI Design

A lot of time and energy is required to build mobile iOS/Android apps. Aside from the coding and UI design you need to plan functionality ahead of time. This way…

Adobe Fireworks Wireframing Resources & Tutorials

Adobe Fireworks Wireframing Resources & Tutorials

UI Design / Web Design

Adobe Fireworks is one of the most popular application choices amongst web designers for wireframing and prototyping. There are many reasons as for prototyping with Fireworks over any other graphic…

10 Useful Google Docs Templates for Web & Mobile App Designers

10 Useful Google Docs Templates for Web & Mobile App Designers

UI Design / Web Design

If I am honest, I don’t know how popular Google Docs is within the freelance community, but I have found that I have been using it a lot more recently….

Effective Video Examples of Paper Prototyping

Effective Video Examples of Paper Prototyping

UI Design

Paper prototyping is a commonly used low-cost usability method for testing and evaluating web designs and applications. This approach lets developers conduct tests before a single line of code has…

An Introduction to HTML Prototyping

An Introduction to HTML Prototyping

UI Design