Wow – 100 editions already! Where does the time go!?

If you’re new to our Digital and Web Design Resources, every week we collect our favourite freebies, insight and inspiration that we think other designers would appreciate.

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

 

FREEBIES

Atami: A geometric and modern sans-serif font

atami-free-font-580x435

Atami is an experimental typeface with unique modular characteristics that make it suitable for logotypes and headings. It includes 2 free weights (Regular and Display) and 3 other premium ones. Designed and released by Andrew Herndon. Download.

Line Icon Set

flat design icons

Within the free Designer Line Icon Set there are 38 icon of some of the most popular editor tools, and the designers have kindly created the icons in AI, EPS, SVG, and transparent PNG (1024px) formats. Download.

 

20 Typewriter Fonts

typewriter font

Much like retro fonts, typewriter fonts are a popular choice to incorporate into vintage-style designs. Courier is probably the best known font of this type but there are many free fonts out there to choose from. Download.

 

“Material Kit”: A Bootstrap UI Kit Based on Material Design

material kit

The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you’re good to go. More importantly, looking at them will give you a picture of what you can built with this powerful kit. Download.

 

Icon Set with 100 Icons

UI icons

There are over 100 icons included in the free UI Interface Icon Set, all designed with user interface designers in mind, and they come in SVG and PNG formats, and also come in both outline and fill versions. You can freely to use these icons in both your personal and commercial projects. Download.

iOS 10 UI Kit for Download

iOS 10

iOS 10 UI Kit is an open-source, collaborative UI design template for iOS 10. It’s an ultimate kit to get screens, apps, icons, effects and much more from the new delightfully designed operating system by Apple. Once downloaded, you’re free to use all the Sketch files for UI design work. Download.

 

Platforma iOS and Web Wireframe Kits

wireframing

When you’re designing a digital product, whether a web application, or a mobile app, you need to bake in usability as early as possible. That’s where wireframing comes in. Wireframing allows you to envisage how your product will come together. Download.

 

Trump Ipsum: Make Placeholder Text Great Again!

trump ipsum

Trump Ipsum generates placeholder text for your next mock-up by taking actual Donald Trump quotes and replacing a few key words to make them about placeholder text. Trump your text.

 

Calendar-Inspired Backgrounds

backgrounds

Time goes by fast, so today we’d like to share a colorful freebie to remind ourselves to appreciate each and every month of the year. Download.

 

 

INSIGHT

Facebook has redesigned its Like, Share, Follow and Save buttons

Like Button upgrade

Of all Facebook’s good design choices, the ‘like’ button remains an example of a bygone design era. That’s all changing though: Facebook has updated to Like button.

Keep reading Facebook has redesigned its Like, Share, Follow and Save buttons

 

Why UX Designers Should Ditch the Sidebar

ditch sidebar

via Usability Geek

The UX industry needs to shape up. How many sidebars must we create before we collectively realize how badly we need to ditch them. In an industry where the exchange of information is so crucial, it comes as no surprise that the sidebar has flourished.

Keep reading Why UX Designers Should Ditch the Sidebar

 

 

Tips to Master Microcopy for Web Designers

Written content makes up the vast majority of all websites because it’s the easiest content to produce and consume. The style of writing is a big factor in a website’s usability, but it often gets overlooked with design aesthetics taking priority.

Keep reading Tips to Master Microcopy for Web Designers

 

FOR FUN

web design comic

Via Web Designer Depot

 

Design and UX Trends to Boost Conversions [INFOGRAPHIC]

infog