Spilling the secret, you need to get better at visual UI design.
This article is the written interpretation of my YouTube video:
I want to share my secret that helped me tremendously improve my visual design skills, and it can also help you.
The secret is copy work.
Copy work is exactly what it sounds. You take a piece of design, and you copy it.
It’s a technique that is well-known in the writing community.
For example, if I’d like to write like Hemingway and to establish a similar voice he had, I’d do the following:
With this practice, I’d establish a new habit. A habit of writing.
Also, I’d practice a writing voice, a voice that is similar to Hemingway’s.
The idea behind copy work is that the process of rewriting an existing book can improve our writing skills.
This concept can be applied to visual UI design as well. But in our case, we’d recreate a web or app design element by element, pixel by pixel.
What I’d recommend you to do is — this is something that I’ve done in the past as well:
By copying, you examine the website. You can see how large the header is, how large the font in the header is, the size of the hero image, where the call to action button is placed, the use of white space and line-height, etc.
You design by copying and matching the design as much as you can. It doesn’t need to be perfect, though (I’d only focus on 90–95 percent match). Soon enough, you’ll understand balance, layout, and other graphic design principles better.
Then slowly, you can establish a visual language, a visual voice for yourself.
I’d recommend you do this exercise for about an hour every day, especially when you start in the field and don’t have a formal graphic or third-level design education.
If we’d like to get better at something, we need to put the work in. So, if we’d like to get better at visual UI design, we need to devote time to design exercises—practice, practice, practice. You will see how better your visual design skills are only in a month.
By the way, I hope it goes without saying, but I’m going to tell it anyway: whenever you do copy work, you can’t claim the design as your own. Copy work is for your practice, and you shouldn’t put your practice copy work in your portfolio.
Good luck with your practice!