10 Sites to Level Up Your UI Skills
Tags: ui, webdev, beginners
Published: 2023-06-07 12:31:02

UI, or User Interface, is anything that a user interacts with on your website, application, or any digital device. Want to take your UI skills to the next level? Try out the 10 sites below that will help get you there!


## 1. [uicoach](https://www.uicoach.io/)

[![uicoach](https://miro.medium.com/v2/resize:fit:1200/1*eu5Nv9pjsHVCFE0dFXrPpg.png)](https://www.uicoach.io/)

Improve your design skills by creating a site based on a challenge brief. Each challenge provides you with the project idea, colour theme and fonts to be used, but the UI is all you!

This site allows you to generate challenges, view others submissions and also allows you to explore colour palettes and font pairings that may come in useful for future projects.

___

## 2. [dailyui](https://www.dailyui.co/)

[![dailyui site image](https://www.dailyui.co/assets/images/image07.jpg?v=3f2b18eb)](https://www.dailyui.co/)

Daily UI is a series of daily UI design challenges.

Sign up for free and receive a unique challenge for 100 days. Challenges are sent Monday-Friday. Share your work on dribbble or twitter using their hashtag and randomly earn rewards along the way.
___

## 3. [Pixact.ly](https://pixact.ly/)

[![pixact.ly site image](https://miro.medium.com/v2/resize:fit:1400/1*Qt4nRQDUDkcgy3bj2ty8wQ.png)](https://pixact.ly/)

How confident are you with your pixels?

Find out in Pixact.ly by drawing a box to match the dimensions given. You'll then receive a score based on how close you were to the original.

___

## 4. [kerntype](https://type.method.ac/)

[![Kerntype site image](https://yesimadesigner.com/wp-content/uploads/2014/10/kerntype.png)](https://type.method.ac/)

Test your letter spacing with KernType. Once submitted, you'll be given a score and are given the option to see the solution.

This game has multiple levels and uses a number of different fonts. 

___

## 5. [Designercize](https://designercize.com/)

[![Designercize site image](https://webcoursesbangkok.com/wp-content/uploads/2022/06/Designercize.png)](https://designercize.com/)

Challenge your UI skills with whiteboard challenges used in interviews. Designercize allows you to select from 3 difficulty levels and adjust the timer. Can you create a user profile view for a price comparison site to help chefs in just 15 minutes?

___

## 6. [What The Hex](https://yizzle.com/whatthehex/)

[![What the Hex site image](https://digitalsynopsis.com/wp-content/uploads/2022/10/games-for-graphic-designers-what-the-hex.png)](https://yizzle.com/whatthehex/)

Test your hex colour skills with What the Hex and see if you can correctly guess the correct colour based on the hex code. Want to increase the difficulty? Choose from one of 10 difficulty levels.

___

## 7. [Typewar](https://typewar.com/)

[![Typewar site image](https://live.staticflickr.com/2505/3998010896_9bf70ee522_b.jpg)](https://typewar.com/)

Available online and as an app, Typewar tests your knowledge of Typefaces. Earn Badges as you progress through the levels.

If you want to up the ante, there are also 11 quests for you to defeat. 
 
___

## 8. [Can't Unsee](https://cantunsee.space/)

[![Can't Unsee Site Image](https://images.fastcompany.net/image/upload/w_596,c_limit,q_auto:best,f_auto/wp-cms/uploads/2019/02/i-1-90303723-test-your-ui-design-skills-with-this-addicting-game.jpg)](https://cantunsee.space/)

A game where you need to choose the correct design. This game tests all your UI skills such as padding, fonts, image aspects, icons, shapes and contrasts to name just a few! But be warned, it can get addictive!

___

## 9. [It's Centred That](https://www.supremo.co.uk/designers-eye/)

[![It's Centred That site image](https://assets.awwwards.com/awards/sites_of_the_day/2018/12/its-centered-that.jpg)](https://www.supremo.co.uk/designers-eye/)

See if you have the eyes of a designer by judging whether the dots are placed in the middle of the shapes.

There are 10 shapes to choose from, and you'll need to complete them all to win the game! If you win and fancy some more, why not give the Christmas challenge a try? 🎄

___

## 10. [Hex Invaders](http://www.hexinvaders.com/)

[![Hex Invaders site image](https://www.webfx.com/wp-content/uploads/2021/10/hex-invaders.jpg)](http://www.hexinvaders.com/)

Prevent the alien invasion with your superior knowledge of hex codes! Another fun game that puts your colour knowledge to the test.

___

Let me know which site is your favourite - or if you have a recommendation for an amazing UI site thats not here that you think should be!