Every week we collect some of the best web and digital design resources that will be useful for designers. This week, we’re kicking off 2015 with a super-sized edition that features PSD templates for mock-ups, fonts, icons, and a plethora of articles and collections to inspire designs for the year to come.

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

 

ICONS

As flat design continues to dominate web and mobile trends, icons are becoming increasingly important. Here we’ve collected a large selection of great icons to complement any web or mobile design.

Click any of the images below to access the icons:

 

100 Stroke Icons

100 stroke icons

 

 

Dashel – 45 Free Icons

dashel icons

 

30 Flat Circular Vector Icons

circular icons

 

60 Business Icons

icons

 

8 Shopping Line Icons

shopping icons

 

12 Outline House Icons

house icons

 

Glassy Icon Set

glossy icon

 

MOCKUPS

As mobile continues to dominate trends this year, mock-ups for the most popular devices will come in handy. Click on any of the images below to download PSDs for these smartphone mockups.

 

8 Nexus 6 PSDs

nexus 6

 

 

Lumia 1520 PSDs

lumia 1520

 

5 iPhone 6 Plus PSDs

iPhone 6 Plus PSD

 

 

FONTS

Gidole Sans

gidole sans

 

Cabana

Cabana

 

Abbie Script

Apple script

 

 

Fonesia

Fonesia

 

 

Alif

alif

 

 

Panton

panton

 

Article: The A to Z of Typography

A - Z of typography

 

Article: Testing & Planning Typography Choices for the Web

Designing a font library for a new website is no picnic in Central Park. The process can feel like a chore when you have so much to choose from and no clear direction. But when you have the ability to test out font choices the whole process becomes much smoother and simpler.

CSS Font Stack

 

 

UX BEST PRACTICES

Icons in Web Design: Tips, Resources, and Examples

This guide includes helpful tips, freebies, and tutorials for web designers who want to implement natural-looking icons into their layouts.

Read the full article.

 

15 Landing Pages with Outstanding UX

In the last few years, there’s been a real shift in design trends that focuses on gorgeously designed landing pages. Whether it’s for an iPhone app, a web app, a service or a physical product, the bar for landing page design has been raised year on year.

Read the full article.

 

17 Usability Testing Myths and Misconceptions

Usability testing has been around so long that it’s the most well-known and most frequently practiced user research method. So I find it amazing that there are still so many misconceptions about usability testing. –

Read the full article.

 

Increasing User Engagement with Rewarding Interactions

Rewards fuel our motivation. They let us know we’re doing something right and enable us to continue on our quest to learn something new or achieve a goal. A variable schedule of rewards, those received unexpectedly, are even more effective at this because naturally, humans crave predictability.

Read the full article.

 

Making and Breaking UX Best Practices

Imagine a website with a beautiful, enticing, full-screen image, where a transparent button leads to pages of well constructed, adaptive content. The navigation functions perfectly across devices, switching from a horizontal to a mobile menu at just the right times.

Read the full article.

 

 

INSPIRATION

How Your Favorite Apps Will Look On The Apple Watch

apple watch mockups

The digital agency Huge envisions how Uber, Instagram, Foursquare, and other major apps might work on the Apple Watch. The hotly anticipated Apple Watch is expected to go on sale this year.

Read the full article.

 

Has flat design gone too far?

flat design

These days, it seems, you can’t turn anywhere on the web without hearing about or directly encountering flat design in some way, shape or form. What started out as a mere design trend just a couple of years ago is now clearly a mainstream design aesthetic that’s a force to be reckoned with.

Read the full article.

 

How Button Color Contrast Guides Users to Action

positive actions contrast

Have you ever clicked a wrong button by accident? Users make wrong decisions on modal windows when they’re not guided in the right direction. Many modals prompt users to act without making the different actions clear.

Read the full article.

 

4 Simple Ways to Perfect the UX of Mobile eCommerce

improve ecommerce

Shopping on a mobile device can be a nightmare. It’s possible however, to create a smooth and delightful shopping experience. Mobile devices are small and have little screen real estate so it’s important to embrace this limitation instead of fighting it.

Read the full article.

 

Inspirational Examples of UI Style Guides

style guide

According to Wikipedia, a UI style guide is a ‘set of standards for the writing and design of documents’ and that it ‘ensures consistency and enforces best practice in usage.’ All very true.

Read the full article.

 

Examples of Full-Screen Background Images

full screen background

Using a big background image is a popular web design trend. If you’re considering the use of large background images in your next design project, check out these 20 beautiful sites for inspiration.

Read the full article.

 

15 Top Website Galleries for Your Design Inspiration

reebok gallery

We all need inspiration from time to time, and if you have hit a brick wall when trying to conjure up ideas for your next project, it is good to have an arsenal of places you can find a total bombardment of inspiring designs to jump-start your creative juices again.

See all of the galleries.

 

Online Magazine Website Layouts for Design Inspiration

the wrap magazine

Blogs and online magazines have their own unique style of web design. This post has lots of examples demonstrating this unique style along with similar trends.

Read the full article.