Are you sure the spacing on that text is even? Is that colour really complimenting the others? 这颗钮扣这里合适还是那里合适? These are questions that even experienced UI/UX designers regularly ask themselves. Questioning your designs helps you develop as a designer, but you still want to know you got the skills to pay the bills at the end of the day. While a mini-game alone can’t truly measure your skill as a designer, 这可能有助于阐明有待改善的领域, 给自己信心, or even just act as a fun way to see how you stack up to your colleagues. 你能打几个?

1. 不能Unsee

UI/UX设计师技能游戏1 -不能忽视

“不能unsee” is one of the more popular games on this list, with it more than likely showing up on your social feed in the past. The game tests UX knowledge by presenting two similar designs 和 asking the player to select which one would give a better user experience. The mechanics of this game are quite simple; all you have to do is pick one, the challenge comes with deciding which choice to make.

从教程开始, the initial decisions are pretty straightforward, but the choices become increasingly difficult after you move through the first three stages. Once a user learns if their decision was optimal, they also see the differences between the two 和 can compare the pair again to fully grasp the better design choice. 正如游戏名称所暗示的那样, once you make the wrong decision 和 have the opportunity to compare your selection with the correct one, you truly ‘can’t unsee’ the better design decision. 

每一个正确的答案都可以累积分数, 以及完成它所需要的时间, 影响你的最终排名. Your resulting rank 和 score can then be shared directly through Twitter 和 Facebook to compete with friends 和 co-workers.

2. Color

UI/UX设计师技能游戏2 -颜色

“颜色” is a matching game made for the  Method of Action site by Mark MacKay, 在玛丽亚·穆尼拉的帮助下, 公司的产品经理 应用草图. The game is a great way to test your eye as well as your general colour theory. It begins with you initially trying to match a given hue to your colour wheel within an allotted time. 在经过第一阶段之后, your wheel encompasses the full-colour spectrum, 和 you are tasked with matching the saturation level of a colour. 

Matching the correct colour gets progressively more challenging as the four additional stages cover complementary, 类似的, 三色和四色关系. 在你完成所有六个关卡之后, you are given a score out of ten that you can use to compete with your colleagues or even share on Twitter. 

We’d also like to highlight two great inclusions: the game’s colour blind assist mode 和 its associated tools to help a user properly calibrate their monitor.  These additions make it one of the more accessible games on the list 和 allow even more users the opportunity to play 和 test themselves. 

 

3. 贝塞尔曲线的游戏

UI/UX Designer Skill Game 3 - 贝塞尔曲线的游戏

在这个游戏列表中, 贝塞尔曲线的游戏” is easily the most challenging 和 could almost be defined as more of a tool test than a game. The primary focus is testing a designer’s ability with the pen tool, a popular 和 powerful tool found in the majority of design software. At first, you are shown the basics of using the tool 和 given three shapes to outline. 然后, after completing the initial three stages that reacquaint you with the tool, 真正的考验开始了. 

Each level consists of various outlined shapes such as a car or a plane, 和 your task is to trace it using the pen tool. 虽然这听起来很简单, you are only given a select number of nodes to connect your outline, 或者你在关卡中失败. 一旦你完成关卡, there is an overview detailing how many nodes you used, 你还剩多少, 和 the ideal amount of nodes that could be used to complete the level. 

Beginner 和 novice designers may struggle slightly tracing the outline within the given nodes, but the true challenge comes with keeping your used nodes to the minimum level amount. 贝塞尔曲线的游戏” is a great mini-game to go to in your downtime if you’re trying to learn the pen tool or feel rusty 和 want to keep your skills sharp.

 

4. Kerntype

UI/UX设计师技能游戏4 - Kerntype

Kerning refers to the spacing between a pair of letters. In “Kern类型”, players can work on their eye for letter spacing within their designs. Ensuring appropriate spacing between letters is a fairly straightforward concept to underst和, but much harder to master when h和ling it manually. 

As the player, you are given a word where the spacing between the letters is clearly off. Your task is to correctly move the letters left 和 right in an attempt to get optimal spacing across the whole word or as close to it as you can. You can use your mouse or arrows keys to move the letters, 一旦你提交了你的修改, you’re shown how close or far you were from the perfect spacing for that font. 

There is no final score in this game, only a score for each attempt. With there only being ten different words to alter, the lack of a final overall score transforms each font into its own level to overcome 和 perfect.

 

5. Betterwebtype

UI/UX Designer Skill Game 5 - The Perfect Paragraph

The following mini-game is perfect for those that regularly work with typography. ‘The equilateral triangle of a perfect paragraph’ is a game designed by 梅特拉丁 that introduces the user to his concept of the same name. Matej是一名产品设计师, 作者, 和 self-proclaimed typography geek who created the betterwebtype.com site to promote 和 provide various resources on online typography. 

There are several articles 和 mini-games on the site related to web typography, of which ‘The equilateral triangle of a perfect paragraph’ is easily the most popular. 游戏开始前, there is a description of Matej’s theory that introduces you to the concept 和 how the game relates to it. 总结, the theory suggests that in order to make a ‘perfect paragraph’ on the web, 线的高度, 线宽, 字体大小应该协调一致. The game gives you a much better visual of what that means when you start, as you begin to tweak one of the three variables to match the remaining two. Once you feel comfortable with how the paragraph looks, you submit your selection 和 are given a score out of ten depending on how close you were to the ‘perfect paragraph.’ 

在完成10个关卡后, you are given a score out of one hundred 和 a title depending on how close to a perfect score you got. 除了这个迷你游戏, the betterwebtype site has several alternative mini-games related to typography, as well as a ‘free mini course’ that sends you a new typography lesson every day for a week.

 

6. Pixact.ly

UI/UX设计师技能游戏6 - Pixactly

This game might be smaller than others on our list, but it still offers a challenge 和 test for a curious designer with less time commitment. Pixact.ly is a short game that tests how accurate you are at judging pixel space on a screen. 

You are given the width 和 height dimensions of a box in pixels 和 are tasked with drawing that box as accurately as possible to the pixel. The closer you get to the targeted size of that round, 你得到的点数越少, with the goal of the game being to get as few points as possible. At the end of five rounds, you can share your score through socials or choose to go again. 

Pixact.ly isn’t going to take up a lot of time or energy, yet it is a great way to test your eye 和 see how well you really know your pixels.

 

7. 布尔的游戏

UI/UX Designer Skill Game 7 - 布尔的游戏The last title to mention is another game from the Method of Action group called “布尔游戏.’ Boolean operations within design software allow UI/UX designers to combine shapes in various ways, 导致无数的可能性.  

The four boolean operations that a designer can use are Union, Subtract, Intersect 和 Difference. The first four sections of this game go through each of these operations, 每个部分有多个级别, teaching or reacquainting designers with the function 和 ideal use of each. 一旦初级教程阶段完成, the actual game begins as you need to use a mix of the four operations to end up with the desired shape for the level. 

While levels start easy with you only needing to use one or two of the operations, by the last ‘expert’ section you will need to utilize all operations in different ways in order to pass. This game is great for those still unfamiliar with Boolean operations as the beginning is a great visual way to learn the functions, with the later stages ensuring you have a firm grasp of all their uses. 

 

We hope the above titles can provide an easy 和 fun way to test your UX/UI designer skills, deliver a bit of entertainment in your downtime or add some light competition between you 和 your co-workers. If you feel that you’re ready for even greater challenges 和 are interested in becoming a UX/UI designer for video games, 试着阅读和执行欧博游戏的“如何设计游戏的UI按钮’. 

If you enjoy that process 和 are set on joining the industry, then definitely check out the article written by our CEO on ‘How to get a UX/UI design job in the games industry.’ Both of these articles will help prepare you 和 give you a better chance when applying for UX/UI designer roles. 敬请关注欧博游戏的最新消息 职业页面 for more information on joining 欧博游戏网址 和 potential job opportunities.