Color

Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.

A cheatsheet of the fonts and colors used by Facebook, Twitter, Instagram, Pinterest, Messenger, Snapchat, Whatsapp and YouTube, with links to official brand assets.

Giannis introduces us to Microsoft's new design language — Fluent Design System — and explains how to implement its design concepts into Windows UWP apps.

Aja Frost lists the bold and beautiful sources of design inspiration that you probably don't know about. You'll definitely want to bookmark these secrets!

Nadya extracts 15 color schemes from well-known Disney heroes and villains and beautifully illustrates how they affect the way we view these characters.

Suzanne explains the user psychology behind nostalgia and how we can utilize nostalgia marketing in web design for higher conversions.

Duotones, Muted Black & White, Targeted Blur Effect, and more. Gabrielle has four fresh Photoshop styles to spice up to your repetoire.

Read SVG Tip: Create a Bold Vector Halftone Graphic in Under 2 Minutes and learn Design & UX with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Preston Pierce shows us how to carefully optimise contrast levels and choose colors that boost usability, accessibility and conversions.

Roman Rudnik shows us how to boost app store downloads by A/B testing multiple icon designs in this step-by-step walkthrough.

While crafting type can sometimes feel stiff and overly mathematical, workerbee wants  to help you find the joy in creating more playful typography.

Today I have three more innovative ideas from psychology involving human reactions to color, change and attention spans that take things to another level.

Pantone 448C – a dark olive-brown – is used on Australian cigarette packaging because it is visually unappealing. But context changes how we see color.

Design isn't something you only do at your desk. Gabrielle has 9 apps to help designers get things done on their iPhone.

You gotta know the current trends before you can swim the other way. Gabrielle has five logo trends that are making waves in 2016.

SVG patterns are a great low-bandwidth tool for designers but setting them up can be hard. Alex shows how Boxy SVG makes things much easier.

How many gigantic-background-photo sites do we really need? Illustration is a sure-fire way to give your designs a 100% authentic, bespoke finish. 

Tired of using the same old Photoshop filter effects to your images. Liz has a magic big of creative photo hacks to spice up your look.

Humans are very good at processing images but that doesn't mean we always choose the right image for our websites. Gabrielle has some useful pointers.

How do you quantify 'joy'? Theo tries as he explains his admiration for the Slack – and the people who create it.

Animation is as important to our modern UIs as buttons and menus. Daniel shows us how to prototype complex animations with Atomic.io

Cards, one-pagers, minimalism.. Jerry Cao has talked to designers and put together the definitive list of important web design trends of 2015.

Getting a 'single view' of all the design elements on a website is often impossible. That's why a web style guide can be super-important for designers.

The world is not flat! Or doesn't have to be. Kelsey gets your imagination bubbling with some design employing beautifully loose watercolor tones.

Has the flat design revolution left you feeling a little... flat? Sometimes a teaspoon of gritty, printy goodness can give a clinical design a lift.

Interaction design is an interesting blend of science and art. Daniel shows you how to prototype top-notch interactions combining Sketch & Atomic.io

A blank page can be a cruel taskmaster. Sometimes randomness is a good way to route around your normal design habits into new ideas.

While designers seem to like it, Google's new logo has been compared to Comic Sans in some quarters. Why are we seeing such a wide discrepancy in opinion?

Often it's the flaws in a technology – the brush strokes, the audio hiss – that we celebrate most. Khoi Vin celebrates the halftone in his latest design.

Read Boom! The Sound of a Perfect Idea Landing and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.