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.

FREEBIES

Sugarstyle Millenial – Handwritten Font

sugar style millennial

The pack includes alternates for lowercase characters to make it look like freshly hand written. Designed to work perfectly in multiple designs like wedding invitations, website logos, Instagram posts and many many more.

Link: Sugarstyle Millenial – Handwritten Font

 


 

Monly: A playful font in 4 styles

monly

Monly is a new free handwritten typeface designed by Gatis Vilaks featuring a playful feel. The font family comes in 2 different versions (Serif and Sans Serif) and 2 weights (Light and Bold), supports numbers, symbols and Cyrillic characters.

Link: Monly

 


 

UI 100: A set of SVG essential icons

100 UI icons

UI 100 is a set of 100 essential icons designed and released by Costa Galaktionov, designer from Saint Petersburg. The pack includes sliced SVG icons ready to be used on any kind of web based project (sites, mobile apps, dashboard pages, etc).

Link: UI 100

 


 

Line-Style User Avatar Icon Set (AI, EPS, SVG & PNG)

user avatars

These fantastic free line-style avatar icons can be used as the default user images or personas of a community-driven service or even utilized in the comment section of your site.

Link: Line-Style User Avatar Icon Set

 


 

Harmony: Sketch UI kit for map-based apps

harmony sketch ui kit

Harmony is a free UI kit designed by Dawid Młynarz, suitable for map-based or hiking apps. Freebie comes with 10 iOS screens built with Sketch and is featured by clean and modern design.

Link: Harmony: Sketch UI kit for map-based apps

 


 

LiquidPro UI kit for Sketch

liquid pro

LiquidPro is now available in Sketch format as well. As usual, the file includes tons of useful ready-made components for creating app prototypes in a few moves.

Link: LiquidPro UI kit for Sketch 

 


 

21 Best Free Shopify Templates For Awesome Online Shops

brooklyn shopify store

This roundup article will give you a list of the best free Shopify templates which you can use to build awesome eCommerce online stores.

Link: 21 Best Free Shopify Templates For Awesome Online Shops

 


 

Outline Mockups: 20 Resources for Wireframing and Prototyping

outline mockups

You can always count on outline mockups to quickly create a wireframe or prototype for a project. These can help you showcase your initial design idea to a client, in a professional manner, or simply help you organize your work and ideas.

Link: Outline Mockups: 20 Resources for Wireframing and Prototyping

 


 

INSIGHT

5 Tips and Tricks For An Effective eCommerce Site With 10 Brilliant Examples

ecommerce site

Today, people love the convenience of ordering online. It saves them time, money, and a trip to the local store. But if an eCommerce site is poorly built, or not clear about its pricing and policies, or doesn’t offer a personalized service to the customer, they leave.

Link: 5 Tips and Tricks For An Effective eCommerce Site With 10 Brilliant Examples

 


 

The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes

website wireframe

“Good design must necessarily, in my opinion, have an impact on people’s lives, no matter how seemingly small. Good design changes things.” Garr Reynolds Designing wireframes the right way the first time costs no more than doing it the wrong way.

Link: The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes

 


 

So You Have A New Gesture

new gesture

Gestures are an inescapable facet of mobile development. Once just an exciting feature of Apple’s new touch screen technology, gestures have now almost entirely replaced buttons. Swiping, tapping, dragging – this is how we interface with the virtual world in the modern age.

Link: So You Have A New Gesture 

 


 

INSPIRATION

Popular Web Animation Techniques for Designers

Functional and delightful, animation is one of the staples of modern web design. Details of interaction design is what makes a fundamental difference on modern websites.

Link: Popular Web Animation Techniques for Designers

 


 

Drag & Drop

Link: Drag & Drop

 


 

Activity and Rest Tracking

Link: Activity and Rest Tracking

 


 

Le Cafe Noir

Link: Le Cafe Noir

 


 

9 Logo Design Trends To Keep An Eye On In 2017

line-art-logo-designs-

Regardless if you are a marketer, content writer or a designer, your work is influenced both by the general principles governing the business communication and by the trends, which influence it year after year.

Link: 9 Logo Design Trends To Keep An Eye On In 2017