CharlieYou may already be familiar with designer Steve Schoger, he’s constantly releasing free resources for creatives. He’s also well known for dishing out helpful design tips on Twitter, here are some of his best ones below – make sure to give him a follow if you find them helpful.
(edit: Steve has now released his official RefactoringUI book which contains everything he knows about designing UI for the web. Head here to purchase or find out more).
Want some exclusive content? Join the UltraLinx mailing list here.
🔥 Pure grey text always looks "off" on a colored background. A quick fix is to saturate your text with a bit of the background hue. pic.twitter.com/eKxW4jSSs8
— Steve Schoger (@steveschoger) June 12, 2017
🔥 Too many borders can make a design look really busy. Here's a few ideas that are a bit more subtle: pic.twitter.com/JEIrjAS5YL
— Steve Schoger (@steveschoger) August 16, 2017
If I am using icons that have more weight than the text, I typically make the icons slightly lighter than the text for inactive states 👌🏼 pic.twitter.com/nlqB3Q2uNg
— Steve Schoger (@steveschoger) June 8, 2017
🔥 Using a generic icon like an arrow or a checkmark instead of the standard bullet is a great way to add visual interest to unordered lists. pic.twitter.com/hE5BEKEpqh
— Steve Schoger (@steveschoger) June 7, 2017
🔥 Adding a hint of color (4 to 6px) to the top of your hero is a simple trick to bring more liveliness to your design. pic.twitter.com/cdwzjRh5NN
— Steve Schoger (@steveschoger) June 6, 2017
🔥 Overlapping elements on a page is a great way to create depth and encourage users to scroll pic.twitter.com/kD9gGUDH5y
— Steve Schoger (@steveschoger) July 31, 2017
🔥 This two-column form layout is great for organizing long forms and filling wider screens without using awkward long form fields. pic.twitter.com/KbErS8hJHM
— Steve Schoger (@steveschoger) September 7, 2017
🔥 Font size isn't always the best way to emphasize or de-emphasize text, try using color and font weight instead: pic.twitter.com/KCtZNrtfkd
— Steve Schoger (@steveschoger) September 19, 2017
🔥 Instead of blowing up small, in-app icons for your landing page, try putting a shape behind them and giving them a background color. pic.twitter.com/BGknNtBzZ2
— Steve Schoger (@steveschoger) November 16, 2017
🔥 Using the same line-height for all text is a very subtle but common mistake. 1.5 may work great for body copy, but as text gets larger, your line-height should get tighter. pic.twitter.com/v6GQczpoM8
— Steve Schoger (@steveschoger) February 27, 2018
🔥 Designing nice tables can be tough, but here's a few ideas that can make a big difference: pic.twitter.com/Q1qcF1hIG6
— Steve Schoger (@steveschoger) September 27, 2017
