adobe stock icon Download 10 Free Photos & Assets From Adobe Stock Download Now

Topic Archives

Wireframe Design

mobile-th

20 Free Mobile UI & Wireframe Kits for Sketch App

We have collected the best free mobile UIs and wireframe kits for Sketch.app that you can use as a starting point for your designs, or just as inspiration.

wireframe-template-thumb

50 Free Wireframe Templates for Mobile, Web and UX Design

In the initial stages of a project, when ideas aren’t quite fully formed, it’s good practice to wireframe the layout of your mobile app or web project by stripping away…

script-thumb

20 Free Elegant Script Fonts for Designers

These free script fonts are a great way to add character and elegance to your designs that will allow you to convey many different emotions.

wire-th

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…

sketch-thumb

Essential Sketchsheets for Designing Responsive Layouts

With the constant evolution and popularity of mobile devices, designing websites responsively is essential. Unlike designing for a static or fixed website, the fluidity and flexibility of a responsive site…

wire

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

wireframe-needs-thumb

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…

3d-ui

The Free 3D Web UI Kit (Photoshop PSD)

We have partnered with MediaLoot to offer you a fantastic free resource today: A Glossy 3D Web UI Kit. The kit is available in both .psd and .png versions and…

prototype-thumb

7 Wireframing & Prototyping Tools for Web and Mobile App Design

Let’s start by clearing up some common misconceptions. Some designers, and even their clients, have a tendency to use wireframe, mockup, and prototype, interchangeably. It’s true that all three represent…

wire

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…

omnigraffle-thumb

The Benefits of Using OmniGraffle in Web 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…

sketch-prototype-thumb

Why Sketch is More Powerful with a Prototyping Buddy