Contrast and Meaning Without fundamentals, you will flounder when faced with complex design challenges or constraints By Andy Rutledge
Figma Tips and Tricks I started this document a while ago for the design team I’m on at Asurion, but I thought it would be helpful for others on the interwebs as well By Tom Johnson
Creating Excellent UX Flow Charts Illustrate complex processes by including use cases, actions, and life cycles By Dan Brown
Design for Security Applying design thinking to security practices can create a better, more secure experience for your users By Serena Chen
10 Small Design Mistakes We Still Make We should be told at least once a month about these small principles until we live and breathe good design By Eugen EĹźanu
The Ultimate Guide to a Flat Icon Set Creating monochrome icons for user interfaces By Slava Shestopalov
Figma year in review: 2018 It’s November, which means Figma is 2-ish years old. We wanted to take a moment to reflect on where we’ve come and where we’re headed By Figma
Optical Effects in User Interfaces How to make optically balanced icons, correct shapes alignment, and perfect corner rounding. An illustrated guide By Slava Shestopalov
Learning the Basics of Adobe XD in One Hour Understanding eXperience Design to carry out your own design projects By Telmo Subirá RodrĂguez
The Tried and True Laws of UX With Infographic Just as there are cause and effect relationships, there are laws of UX By Miklos Philips
The Letter “A” — The Architecture Behind This article is for people who have already gone through some basic introduction in the world of typefaces and design. What you will need to be able to relate to this article is knowing the anatomy of type. By Dobromir Kostadinov
How and When to Use Gamification in Your UX Although the games of today bear little resemblance to their ancient predecessors, human beings have played games for millennia By Sofia Quintero
The Ultimate UX Guide to Color Design A bookmark-able guide detailing the fundamentals of color theory and practice for designers By Justin Baker
Fundamentals Course on After Effect The course will help you overcome AE-related barriers and fears which are standing between you and the wonderful world of animation and motion design By Motion Design School
Rhythm in Web Typography Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy By matej latin
Sketch App Course Learn how to design user interfaces in Sketch - one of the best tools for UI/UX Designers By Greg Rog
Designing for Colour Blindness 8% of the male population are colour blind. Find out how we design websites and bespoke software with colour blindness in mind. By Si digital
10 Principles for Smooth Web Animations The complete guide to getting 60fps animations with CSS By Anand Sharma
About Design Critique How I see critique as a beneficial culture and my experiment with it By Budi Tanrim
Good to Great UI Animation Tips Practical suggestions to improve your UI micro-interactions By Pablo Stanley
Designing Interface Animation Each animation in an interface tells a micro story, and as a user encounters more and more animations throughout your site or product, these micro stories add up to reveal the personality and story of the brand or product behind them. By Val Head
How to Use Animations in Mobile Applications As everything integrated into an interface, app animations must be a functional element rather than decor By Tubik Studio
Digital Psychology A free library of psychological principles and examples for inspiration to enhance the customer experience and connect with your users By Daniel Stefanovic
What You Should Know About Skeleton Screens Skeleton screens in different shapes and sizes are seemingly found everywhere across the web and apps — anywhere humans are forced to wait. But do they actually work? By Bill Chung
Intro to Icons Learn the fundamentals of icon design in one hour. Learn the three traits all icon sets need, learn to use basic shapes for complex icons, learn how to manipulate SVG code, and more. By Matt D. Smith
Design System Course in Figma Learn what you need to know with step-by-step lessons for creating a design system from visual to code By Design+Code
Sketch
Figma
Adobe XD
Invision Studio
Framer X
Motion Design
Interface Design
UX Design
Prototype
Color Design
Icon Design
Illustration
Typography
Adobe After Effects
Adobe Illustrator
Adobe Photoshop
