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.

Free Mobile App Icons & UI Kit (AI & EPS)

Free Mobile App Icons & UI Kit (AI & EPS)

Free icons and various UI elements, such as buttons, sliders, and forms, designed to help you create a visually appealing mobile app or website.

Wireframing, Prototyping, Mockuping – What’s the Difference?

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…

The Benefits of Using OmniGraffle in Web Design

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…

The Free Minimal White Stripes UI Kit (PSD Photoshop)

The Free Minimal White Stripes UI Kit (PSD Photoshop)

A minimalistic free UI kit that comes in Photoshop PSD format and can be freely used in both your personal and commercial projects.

6 Subtle UI Changes in iOS 11

6 Subtle UI Changes in iOS 11

With the unveiling of iOS 11, Apple continues to iterate on the existing user interface and push the envelope in terms of what can be achieved within a mobile operating…

Prototyping Just Went to the Next Level With Framer

Prototyping Just Went to the Next Level With Framer

The latest version of Framer brings closure (well, that’s my opinion anyway) to the ‘should designers code’ argument. Never has there been a greater opportunity, as a visual designer, to…

Consistency Please! Style Guides in Sketch

Consistency Please! Style Guides in Sketch

Product design is a team sport. The best teams tend to have lots of moving parts: designers and developers and managers and researchers all working in concert on a single,…

Exploring the Latest Trends in Web Typography

Exploring the Latest Trends in Web Typography

In the early days of the web, typography tended to be an afterthought. Come to think it, how could it have been anything more? There were just a few standard…

Tips for Wireframing a Usable Mobile App UI

Tips for Wireframing a Usable Mobile App UI

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

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

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