Design tips and resources

Jeroen • May 24, 2019

This is a, completely incomplete, list of articles and other resources I found worth reading because they are full of practical tips that I could apply immediately.

Redesigning your product and website for dark mode

Implementing dark mode is easy, but designing for it is less so. Here are some things you should consider when designing a dark mode version of your product or website to ensure you maintain accessibility and readability, and a consistent feel for your brand between Light and Dark.

Read article

How to create a good design as a developer

In this post, I will describe the design guidelines I use for the most important aspects of a layout: grid, fonts, margins and colors. Then I will apply them to an app that was recently developed by my colleague.

Read article

7 Practical Tips for Cheating at Design

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not.

Read article

Free photos and illustrations

Unsplash and unDraw are two great sites for free photos and illustrations in high quality. unDraw even makes it easy to change the colours of the illustration. You can find a few of those illustrations on my site! If you are looking for an illustration to use as a background, make sure you also check out the free Hero Patterns.

Smashing Magazine articles on the science behind good design

Smashing Magazine published a series of articles including one on visual percention and design principles. After reading these articles you'll have a deeper understanding of how people interact with your design, and how you could improve the usability.

Design System in Figma

In this course, we’ll learn how to create this design system from scratch, using reusable styles, texts, colors, icons and components that can be shared across your team.

Read article

Steve Schoger on typography

Steve Schoger has published some very interesting articles, such as 6 tips that will improve your UI typography and 12 Google fonts you can't go wrong with. Also, if you are planning to use Google Fonts, check out FontPair to see an overview of Google Fonts that go well together.