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.

30 Free Material Design UI Kits, Templates & Icon Sets

30 Free Material Design UI Kits, Templates & Icon Sets

UI Design

We share with you a fantastic collection of free UI kits, templates, and icon sets that truly embrace the Material Design visual language.

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…

5 Fantastic Sketch App Tools Every Designer Should Use

5 Fantastic Sketch App Tools Every Designer Should Use

UI Design

By pushing itself as the all-in-one graphics editor for all designers, Photoshop has become simply too bloated, and too confusing for specialized UI design work. These days, most startups and…

Stripes & Co Line-Styled Free Icon Set (65 Icons in AI & EPS Formats)

Stripes & Co Line-Styled Free Icon Set (65 Icons in AI & EPS Formats)

Icon Sets / UI Design

This icon set includes 65 icons, available in both AI and EPS formats. Best of all, these icons are free to use in both your personal and commercial projects.

The Principles of Typography: Back to Basics

The Principles of Typography: Back to Basics

UI Design

Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its potential and withstand the test of time. Typography enhances…

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 Web Design Process Periodic Table [Infographic]

The Web Design Process Periodic Table [Infographic]

UI Design / Web Design

How many times have you had to placate your clients because they want to see their website live, and they want it NOW? Unfortunately too many of us have had…

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.

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

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

Adobe Illustrator / UI Design

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?

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…

The Free Minimal White Stripes UI Kit (PSD Photoshop)

The Free Minimal White Stripes UI Kit (PSD Photoshop)

UI Design

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

UI Design

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…

How to Prototype an iOS App with Sketch and Flinto (Part 2)

How to Prototype an iOS App with Sketch and Flinto (Part 2)

UI Design

Welcome back! You should now have six screens of design awesomeness that you created in the first part of this tutorial. Good job! Let’s now put the prototyping tool, Flinto…

How to Prototype an iOS App with Sketch and Flinto

How to Prototype an iOS App with Sketch and Flinto

UI Design

Sketch has a plethora of companion applications to share the top table with, and there is, especially, no shortage of Prototyping applications out there to wine and dine our favourite…

Prototyping Just Went to the Next Level With Framer

Prototyping Just Went to the Next Level With Framer

UI Design

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

UI Design

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

UI Design
Previous Page1415161718Next Page