Color — SitePoint

Learnability in Web Design: 5 Best Practices

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

Fonts and Colors Used by Facebook, Twitter, Instagram, Google and More

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

Introducing Microsoft’s Fluent Design System

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

10 Unexpected Sources of Design Inspiration

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!

15 Color Schemes From Disney Heroes and Villains

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

How to Master Nostalgia Marketing in Web Design

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

4 Photoshop Styles to Lift Your Photos Above the Crowd

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

SVG Tip: Create a Bold Vector Halftone Graphic in Under 2 Minutes

How to Boost Usability with Intelligent Color Choices

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

How to Boost App Downloads by A/B Testing Icons

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

How to Create More Fun, Playful Typography

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

3 Clever Psychology Rules for Making Better UX Decisions

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

Are Colors Born Bad or Do We Make Them That Way?

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

9 Free iPhone Apps for Productive Designers

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

5 Hot Logo Design Trends of 2016

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

Mastering SVG Patterns Without Breaking Your Brain (or Budget)

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.

Design 2016: The Year of Illustration?

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. 

6 Photography Hacks for Taking Photos with Your Smartphone

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.

Why Your Images Might Be Ruining Your Site

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.

What Makes Slack So Addictive?

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

How to Handle Complex Animations with Ease in Atomic.io

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

The 10 Big Web Design Trends of 2015

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

How to Create a Web Style Guide You’ll Be Proud Of

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.

Web Trends 2015: Brush up on the Watercolor Design Trend

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

How to Liven up Your Flat Design with Dirty Dots

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.

Create Elegant (but Easy) Interactions Using Sketch & Atomic.io

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

Getting Random with David Bowie and Fractals

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

Does the New Google Logo Really Look Like Comic Sans?

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?

Why Do We Love Scratchy Records, Halftone Dots & Other Flaws?

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.

Boom! The Sound of a Perfect Idea Landing