Do you want to improve your web design skills? If you’re looking out at all of the ultra-talented web designers, it’s important to remember that no matter how talented they are today, all of them were in your shoes at one point. And they didn’t become masters overnight – they put in hard work and practice to get to where they are.
In this post, I’ll lay out some of those practices in the form of 7 simple tips to improve your design skills. For this topic, I’m not especially interested in specific tips like “pair these two fonts together.” Instead, these are higher level concepts that you can use to build the foundation and habits you’ll need to improve your design skills across the board.
Let’s dig in…
1. Build a Sandbox Where You Can Practice Design Fearlessly
There are no shortcuts to improving your design skills. You can follow all the tips in all the blog posts, but if you want to become a better designer, you’re still going to need to practice.
Practicing on production sites is a big no-no. So you need to create a safe space where you can try out new design principles without breaking anything. And the best way to create that space is…
As a writer for Elegant Themes, I need to play around with Divi quite a bit. And in trying new ideas, I break things. A lot. But because I’m running everything on my localhost, it doesn’t matter if I make mistakes. 20 seconds of work and everything is reset back to zero.
So, build your sandbox. It’s where you get to practice and try new design concepts without fear. No one else will see it and it’s impossible to break anything.
2. Get Inspiration From the World Around You
I know, I know. This heading seems a bit trite at first glance, doesn’t it? I mean, of course you’re going to draw inspiration from the world around you. That’s how art works! Remember, “good artists borrow, great artists steal.”
But I actually think this concept does deserve a full section in this post. Why? Because there’s a difference between viewing design as a fan and viewing design as a critic. Looking as a fan is fine. But viewing things as a critic will actually help you improve your skills.
So what’s the difference? The difference is “because.”
Fans say things like, “I like that design.”
Critics say things like, “I like that design because of the mood its color palette communicates.”
“I like that design because of how it combines the parallax effect with the full-width image.”
Viewing designs as a critic helps you learn which specific elements make you tick. Once you figure out the actual techniques and effects that make you a fan, you can start incorporating them into your own design work.
Personally, this is the technique that most helped me level up my writing. I actively sought out bloggers I enjoyed and tore apart their work to find the specific elements that made me like their writing so much. Then, instead of trying to mimic my favorite authors’ styles, I just incorporated the specific elements I loved while maintaining my own voice.
3. Give and Receive Design Feedback
Exchanging feedback with other designers involves two parts:
- Getting feedback on your own work
- Giving feedback on the work of others
The first part is self-explanatory. Getting feedback on your work helps you find areas where you can improve. Nothing mindblowing there, right?
It’s the second part which is most interesting. Giving feedback to other designers can actually help you improve your own skills.
See, there’s something called the Protégé Effect. Essentially, it’s the idea that teaching others a skill is actually a great way to learn that skill yourself. So when you’re giving feedback and teaching other designers, you’re actually improving your own design skills at the same time. Neat, right?
To give and receive feedback, you can join one of the many web design forums out there, subscribe to a Reddit subreddit like design_critiques, or join a Facebook design group like HH Design or Design+Code.
Or, if you don’t want to critique specific designers’ work, you could start a blog where you critique faceless websites or teach others about web design.
4. Don’t Forget About Theory
While real world learning is great, there’s still something to be said for book learning. There’s a reason why the best educational programs usually combine the two.
So while you’re out there practicing design in your sandbox and giving helpful critiques, don’t forget to learn from the masters. Learn about grid theory, color theory, typography. Get the basics down.
Or, if you want to start from the beginning, you can jump off with a classic like The Non-Designer’s Design Book.
There are also plenty of great blogs out there you can learn from. First off, we post plenty of web design articles on this blog. But there are tons of other quality resources out there. Some popular web design blogs are:
And if you want even more resources, we put together a huge list of 55+ web design blogs.
5. Pay Attention to Trends
I remember back when parallax scrolling wasn’t a thing. Now, it’s everywhere.
What I’m getting at is that web design is heavily driven by trends. So if you want to improve your design skills, you need to stay on top of those trends.
We, and most other web design blogs with a pulse, put out a yearly forecast of web design trends.
But you don’t need a weatherman to see which way the wind blows. That is, if you’re already viewing web design through the eyes of a critic (not a fan!), then you should be able to see these trends happening right in front of you.
You don’t need to blindly adopt a technique just because it’s trendy, but you should at least pay attention.
6. Participate in Design Competitions
Another neat way to practice and improve your skills is design competitions.
Design competitions are great because they force you to get out of your comfort zone. With a design competition, you don’t get to choose the style or topic. You just have to run with what you’re given.
While this is certainly more difficult than sticking to the areas you already know, it will force you to learn new skills and adapt. And those challenges will make you a better, more versatile, web designer.
And as an added bonus, if you manage to win a competition, you’ll be rewarded with some cold hard cash. Not a bad incentive to practice, right?
There are plenty of design competitions out there, but here are a few good ones to start you off:
7. Be Consistent and Develop Good Habits
Lastly, and perhaps most importantly, you need to be consistent in your efforts to improve your web design skills. And the key to consistency is building habits and setting realistic goals.
Instead of promising yourself that you’ll spend 4 hours every day learning web design, commit to something realistic.Even something simple like “I will try one new design concept every day” can start a chain reaction.
In Charles Duhigg’s book, The Power of Habit, he discusses a concept called “keystone habits.”
Keystone habits are simple habits that correlate with other beneficial habits. The example he gives is how the habit of regular exercise correlates with better eating habits. So even if a person only mentally committed to exercising once per day, the ripple effect of that habit is that that person also starts eating better.
How does this apply to improving your web design skills? Because by committing to something small like trying one new design technique every day (your keystone habit), you might well find yourself spending more time reading about web design or critiquing other people’s work. Without even thinking about it.
And even if you don’t, you’ll still be improving your web design skills at least a little bit each and every day.
As I said, there are no shortcuts to improving your design skills. Be consistent and develop a critical eye. Create a sandbox where you can try something new every day. Sure, you’ll create something ugly or broken sometimes. But as with any skill, making mistakes is a big part of how you improve.
Also, be an active learner. Read web design blogs and books. Learn from more experienced designers. Then, turn around and apply that knowledge to critiquing others’ work or teaching someone around you. Harness the Protégé effect to enhance your own understanding of web design.
But now I want to hear from you all. I know there are plenty of experienced web designers who read this blog. So if someone asked you how to improve their web design skills, what piece of advice would you give them?
Article thumbnail image by Myvector / shutterstock.com