My first blog post

Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not.

Maybe the company you work for doesn’t have a full-time designer and you need to implement the UI for a new feature on your own. Or maybe you’re hacking on a side-project and you want it to look better than yet-another-Bootstrap-site.

It’s easy to throw your hands up and say, “I’ll never be able to make this look good, I’m not an artist!” but it turns out there are a ton of tricks you can use to level up your work that don’t require a background in graphic design. Here are seven simple ideas you can use to improve your designs today.

1. Use color and weight to create hierarchy instead of size

Image

A common mistake when styling UI text is relying too much on font size to control your hierarchy.

“Is this text important? Let’s make it bigger.”

“Is this text secondary? Let’s make it smaller.”

Instead of leaving all of the heavy lifting to font size alone, try using color or font weight to do the same job.

Taken from https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886

Updated at 12:27