Every week we collect some of the best web and digital design resources that will be useful for designers. This week features freebies including fonts, icons and PSDs, as well as how-to guides for wireframing.

Check out any of the links below and leave any comments about your favourites in the replies.

 

FONT: Bough

bough font

Each letter has an alternate glyph, which you can combine to get an elegant vintage look.

Download font.

 

ICONS: Nucleo

nucleo icons

A test pack of 50 icons from Nucleo library. Icons are provided in 2 versions (glyph & outline) and 6 formats (.png, .sketch, .ai, .pdf, .svg, .csh).

Download icons.

 

PSD: Invoices App Concept

invoice app concept

A very simple invoices app concept for your inspiration. Free PSD designed and released by Monika Majkowska.

Download PSD.

 

PSD: 20 Magazine Mockups

magazine PSDs

Are you looking for some realistic mock ups for your printed products? Here we put together awesome free magazine mockups that will definitely come in handy.

Download PSDs.

 

PSD: 50 Line Icons

icon set

This free PSD includes other 50 icons to complete the collection.

Download PSD.

 

 

HOW TO – WIREFRAMES

Using OmniGraffle for Web Design

omnigraffle

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

Read full article.

 

Wireframe Patterns: Design at a Pro Level with Ease

wireframe patterns

Wireframing toolkits are a dime a dozen. But none match the superiority of Wireframe Patterns. Most toolkits contain individual UI elements that you have to put together one-by-one to form a complete pattern. Wireframe Patterns allows you to drag and drop entire patterns onto your canvas.

Read the full article.

 

[sam id=”2″ codes=”true”]

 

INSPIRATION

How To Utilize Negative Space in Web Design

good magazine

There are many fundamental principles of art & design which are crucial for every web designer to understand. One such principle is negative space, also known as white space. The use of white space can be difficult to explain but it’s much more obvious via example.

Read full article.

 

Energized Home Pages With Fancy Animations

animated website

The home page plays a significant role and takes up the central position in any project. First and foremost, it is responsible for producing the first impression, and as we all know, this factor is extremely vital if you want to succeed in your industry and the fiercely competitive web.

Check them all out.