Learnability in Web Design: 5 Best Practices
Design & UXMichiel Mulders,
Color — SitePoint
Featured
Advertise with usRecent
Learnability in Web Design: 5 Best Practices
Design & UX
By Michiel Mulders,
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
Design & UX
By Daniel Schwarz,
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
Design & UX
By Giannis Konstantinidis,
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
Design & UX
By Aja Frost,
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
Design & UX
By Nadya Khoja,
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
Design & UX
By Suzanne Scacca,
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
Design & UX
By Gabrielle Gosha,
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
Design & UX
By Alex Walker,
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.
How to Boost Usability with Intelligent Color Choices
Design & UX
By Preston Pierce,
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
Design & UX
By Roman Rudnik,
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
Design & UX
By workerbee,
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
Design & UX
By John Stevens,
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?
Design & UX
By Alex Walker,
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 & UX
By Gabrielle Gosha,
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
Design & UX
By Gabrielle Gosha,
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)
Design & UX
By Alex Walker,
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?
Design & UX
By Gabrielle Gosha,
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
Design & UX
By Liz Pekler,
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
Design & UX
By Gabrielle Gosha,
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?
Design & UX
By Theo Miller,
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
Design & UX
By Daniel Schwarz,
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
Design & UX
By Jerry Cao,
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
Design & UX
By Gabrielle Gosha,
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
Design & UX
By Kelsey Bryant,
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
Design & UX
By Alex Walker,
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
Design & UX
By Daniel Schwarz,
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
Design & UX
By Alex Walker,
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?
Design & UX
By Alex Walker,
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?
Design & UX
By Alex Walker,
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
Design & UX
By Alex Walker,
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.