Category Archives

UI Design

The role of a UI designer is to create the aesthetic appearance of everything that the end-user interacts with (the UI or user interface), from designing the pages of a website to the screens of a mobile application.

Here you will find web and mobile UI kits, wireframe templates and apps, responsive web design packages, free icons, mockup templates, printable sketch sheets, UI tutorials, free fonts, and much more. Essentially, all the tools and resources to help you get started on your next web or mobile project quicker and easier.

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…

Sketch.app & Craft: A Match Made in Real Data Heaven

Sketch.app & Craft: A Match Made in Real Data Heaven

UI Design

Sketch has just made a new best friend, and it’s called Craft. In the past I’ve been a great advocate of a couple of Sketch plugins that have saved me…

Designing an iOS App in Sketch: Part 3

Designing an iOS App in Sketch: Part 3

UI Design

In this 3 part tutorial (I wanted to break it into more digestible chunks) well be creating screens for a fictional, ‘Pay It Forward*’ iOS App called ‘Piece’. Just in…

Designing an iOS App in Sketch: Part 2

Designing an iOS App in Sketch: Part 2

UI Design

In this 3 part tutorial (I wanted to break it into more digestible chunks) well be creating screens for a fictional, ‘Pay It Forward*’ iOS App called ‘Piece’. If you…

Designing an iOS App in Sketch

Designing an iOS App in Sketch

UI Design

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we…

Worried About Typography? Check Out This Simple Five-Step Guide!

Worried About Typography? Check Out This Simple Five-Step Guide!

UI Design

Whenever I browse a website or read a book, the first thing I notice is the font. If the font or typography is not proper, I’m hardly motivated enough to…

Prototyping with Marvel and Sketch: Part 1 of 2

Prototyping with Marvel and Sketch: Part 1 of 2

UI Design

It’s a match made in digital heaven! And I’ll show you how to get both Sketch and Marvel working together in sweet harmony! In this 2 part guide, we’ll be…

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…

A Case for Adobe Fireworks against Photoshop and Illustrator

A Case for Adobe Fireworks against Photoshop and Illustrator

UI Design

I’ve been a full-on Fireworks user now since the first release way back when it was owned by Macromedia. What Fireworks offered then is still as true today. A true…

Subtle UI – User Interface Improvements That Aren’t as Obvious

Subtle UI – User Interface Improvements That Aren’t as Obvious

UI Design

Sometimes the best user interface elements are the ones we barely notice. They’re so subtle, so masterfully crafted, that we don’t even recognize how much thought, care and attention has…

Freestyle & Square Free Social Media Icon Sets (56 Icons, PNG Format)

Freestyle & Square Free Social Media Icon Sets (56 Icons, PNG Format)

Icon Sets / UI Design

Whether a blogger or designer looking to add some personality to your social media presence, these icon sets are perfect for you.

30 Beautiful & Inspirational Examples of Icon Design

30 Beautiful & Inspirational Examples of Icon Design

Icon Sets / Inspiration / UI Design / Web Design

Stemming back into the days of Windows 2000/XP we have seen icons become more prevalent in our digital nature. Not only have we seen an explosion in software but also…

How to Choose the Right UI Patterns for Your Web Design

How to Choose the Right UI Patterns for Your Web Design

UI Design / UX Design

There are thousands of established patterns, with more and more being created everyday – but not all of them will work for you. In order to narrow down which patterns…

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

The Typographic Details Behind 10 Type-Driven Websites

The Typographic Details Behind 10 Type-Driven Websites

UI Design

What exactly makes someone say a website has “nice typography”? It’s more than a matter of just using nice fonts. Good typography is all about perfecting the small details. In…

Free OSX Yosemite Replacement Dock Icons (ICNS, PNG, and PSD Formats)

Free OSX Yosemite Replacement Dock Icons (ICNS, PNG, and PSD Formats)

Icon Sets / UI Design

A free set of flat replacement dock icons based on the most popular Mac applications, designed in the style of Yosemite. ICNS, PNG, and PSD formats.

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…

Exploring Current Web Design Trends

Exploring Current Web Design Trends

UI Design
Previous Page15161718Next Page