UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

3 ways to improve your visual design skills

Quick tips for visual design newbies

Jules Cheung
UX Collective
Published in
7 min readApr 10, 2017

I’ve noticed a trend after screening dozens of junior designer portfolios. Designers (mostly from bootcamps) were heavily focused on UX and evangelizing the Design Thinking mindset popularized by consultancies like IDEO. What lacked was the ability to breath life into designs, and portfolios fell flat in showcasing visual design fundamentals taught in art school.

As of April 2017, a quick search on Glassdoor reveals that companies are hiring more Product Designers capable of end-to-end design.

I started off my career as a graphic designer and through trial and error, learned the art of layout and composition. Reflecting upon my journey, I’ve come a long way since my first school project:

Even for Kanye…its a bit too powerful

Luckily visual design skills can be learned over time! Here’s one of my recent projects:

Layout and composition matters

Today I’ll share 3 tips to improve your visual design skills.

1 — Establish visual hierarchy

Visual hierarchy is organizing information by order of relative importance, and its established by arranging components (typography, lines, shapes, images, color, and space) on a layout. Designs with strong visual hierarchy and composition will communicate a message by seamlessly guiding your eyes. For example, let’s look at how Airbnb arranges components on their website:

Where do your eyes look first and in what order? If you’re not sure, try converting the page to black and white. Notice how your eyes are drawn to larger and darker (more saturated) components.

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Jules Cheung

Product Designer 🎨✍️ I write about design and random musings. whyjules.com

Responses (39)

Write a response

Good read, and I chuckled at you using Comic Sans MS in the explainer images haha

--

try to stay away from stock photography

Try to stay away from [shitty and fake-looking] stock photography.
My two cents.

--

Notice how your eyes are drawn to larger and darker (more saturated) components.

You’ve made me realize I’ve conditioned my brain/vision to disseminate a page based on “how do I use this to improve myself” instead of looking at it in base hierarchy. Question: How do you compensate for this “designer disillusionment?”

--