Every week we collect some of the best web and digital design resources that will be useful for designers. Check out any of the links below and leave any comments about your favourites in the replies.

But first, some breaking news from the AP Style Book that everyone should make note of:

FREEBIES

Samsung Galaxy S7 PSD Mockup

samsung galaxy s7

A photorealistic Samsung Galaxy S7 mockup with platinum case including smart objects to easily replace the screen. Free PSD released by Daniel Bolyhos. Download.

 

Soria: Font Inspired by Art Nouveau

soria font

Soria is a font designed and released by By Dani, a graphic designer from Spain. Soria is heavily inspired by Art Nouveau and Didot typeface at the same time: this mix produces a modern and actual font ideal for both headings and small text. Download.

 

New Providence: Landing Page with iPhone Mockups

new providence

New Providence is a landing page template ideal for showcasing mobile apps. It includes some beautiful iPhone mockups. Free PSD designed and released by Denis Shepovalov. Download.

 

Avital: UI Kit for Mobile Apps

avital UI kit

Avital is a free UI kit containing tons of useful elements and components to create mobile apps. It also includes 21 ready-made screens for iOS to make your design flow simple. A free resource for Sketch and Photoshop created and released by Yaroslav Zaytsev. Download.

INSIGHT

Mobile Navigation: Tab Bar and Pictorial Icons

Facebook bottom nav bar

Designers know that design is more than just good looks. In this post, Adobe aims to help you better understand the principles of good navigation for mobile apps, then show you how it’s done using two popular patterns.

Keep reading Mobile Navigation: Tab Bar and Pictorial Icons

 

Designing for the Web: Are There Colors You Should Avoid?

neon colours

The web is a rainbow of color options. Color is a great tool for grabbing the attention of users, providing visual interest and impact and creating contrast for readability. But can you go wrong with color? In a word … yes!

Keep reading Designing for the Web: Are There Colors You Should Avoid?

 

Thesaurus of Colour Helps You to Name that Yellow

yellow thesaurus

Whether you describe colors using their CMYK numbers or with their Crayola names, our color naming systems leave a gap in our ability to talk about color. Southern California based illustrator, Ingrid Sundberg, has filled this void with her Color Thesaurus.

Keep reading Thesaurus of Colour Helps You to Name that Yellow

 

 

How to Create an Icon System Using SVG Symbols

SVG icons

When it comes to implementing an icon system for your web projects, SVG is a great choice! There are few different ways to create an icon system using SVG, though. In this article, we’ll take a look at one of them: SVG symbols. This technique is based on the use of two elements: and .

Keep reading How to Create an Icon System Using SVG Symbols

 

INSPIRATION

How The 2016 Olympic Logo and Font were Created

rio olympic font

The Olympics is a place where dreams come true — including for designers, who create everything from the logos to the tickets, the mascots to medals for every Games.

See How the 2016 Olympic Logo and Font were Created

 

Google Rolling out Material Design Web-wide

Chrome MD

Since 2014, Google has been redesigning its apps and services according to its own Material Design principles. Yesterday it announced on its design blog that an upcoming release of its Chrome browser (version 49.2) will adopt Material Design as its default rendering.

Keep reading Google Rolling out Material Design Web-wide

 

Google Is Finally Redesigning Its Biggest Cash Cow: AdWords

adwords redesign

For all its importance, AdWords hasn’t seen a facelift in eight years. That changes today, as Google unrolls a new design to select AdWords customers, as part of a carefully paced, year-long makeover of the platform to conclude in 2017

Keep reading Google Is Finally Redesigning Its Biggest Cash Cow: AdWords