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

Arabella: Modern Calligraphy Font

Arabella font

Arabella is a free handwriting font suitable for many different purposes (e.g. headings, signatures, logos, posters, badges, etc). Designed by MySunday Type Foundry. Download.

 

Clean iOS UI Kit

PSD iOS UI kit

A small and clean iOS UI kit including 10 sample app screens. Free PSD created and released by Sandeep Kasundra. Download.

 

30 UI Kit Elements

UI elements

An interesting set of 30 elements composing a small but useful UI kit. Free PSD created and released by Patryk Wąsik. Download.

 

Mockup Device Collection by Facebook

facebook mockup devices

The designer team at Facebook has released a collection of mockup devices including Apple, Android and Windows smartphones. The freebie is released in Sketch and PNG formats. Tablets, Watches and TV mockups coming soon. Download.

 

Decanter: All Caps Display Serif Font

decanter

Decanter is an elegant and modern uppercase serif font released for free by Sexton Design Co.. It is best suitable for headlines and graphic design. Download.

 

iPad Pro PSD Mockups

iPad Pro mockup

A photorealistic iPad Pro mockup held by hands. It has been created with Photoshop smart objects, so you can easily replace the background gradient and the screen inside the iPad. Free PSD released by Tran Mau Tri Tam. Download.

 

INSIGHT

7 Ways to Design a Killer ‘First Screen’ for Your Website

first screen design

The information you include on this “first screen” is the key to website success. The design can entice and keep users clicking, or force them to navigate away from the page. What needs to be on the screen before users start scrolling?

Keep reading 7 Ways to Design a Killer ‘First Screen’ for Your Website

 

Mobile Web vs. Native Apps or Why You Want Both

mobile web vs mobile app

While the mobile opportunity has been clear for some time, how to best tackle it remains a subject of debate. In particular, when building software for mobile should we invest in Web-based solutions or a native apps? Yes…

Keep reading Mobile Web vs. Native Apps or Why You Want Both

 

9 Tips for Better Typographic Hierarchy

text hierarchy

Every project requires a system and hierarchy for text elements. Just think about all the small pieces of text that are used throughout a design – headlines, body copy, navigation elements, legal information, captions and so on.

Keep reading 9 Tips for Better Typographic Hierarchy

 

INSPIRATION

Shopify’s 5 Killer Web Design Trends to Watch in 2016

web design trends

As we start a new year, one thing’s becoming crystal clear: The design and development world is being rocked by new design trends that promise exciting things for designers, their clients, and site visitors. Designers should take note of them because nothing says up-to-date and in-the-know to your future clients like being able to deliver hot designs that don’t just look good, but also provide great utility and, in turn, optimized conversions for clients.

Keep reading 5 Killer Web Design Trends to Watch in 2016

 

Adobe’s 7 UX Design Trends to Watch Out For in 2016

UX design took center stage in 2015. Innovations like wearable technology and virtual reality drove designers into new realms, opening up doors that were previously not possible and in many cases not even imaginable.

Keep reading 7 UX Design Trends to Watch Out For in 2016

 

Applying Application Design to Websites

app design

Generally speaking, application design and web design are very different things. The key difference is that typically applications are designed to do something, while websites merely show something.

Keep reading Applying Application Design to Websites