"Games for designers" that summarizes the service that lets you learn web design while playing with games

In order to do excellent web design, it is important not only to skill to master various tools but also to improve the sensitivity to color and shape. The ability which is required for such web design is summarized at once in service which can be enhanced through the game "Games for designers"is.

Creative games for creative designers
http://graphism.fr/games/

In Games for designers, thumbnails of various services that can learn web design are displayed.


as a trial,"The Bezier GameClick ".


The Bezier Game is a service for skill improvement of line drawing, learning how to use pen tool with game sense. Click "play now!".


Then I will jump to the site of The Bezier Game. Click "Get Started" to start playing.


As you walk through the tutorials according to the guide, you will learn how to use Bezier curves to draw with Pen tool.


For details on how to use The Bezier Game, please see the following article.

"Bezier Game" which will be able to manipulate freely by training Bezier curve with game feeling - GIGAZINE


continue"RGB CHALLENGEClick ".


RGB CHALLENGE,RGB color modelA service for learning.


It is a quiz system site that selects the color of the displayed RGB numerical value.


Once you answer correctly you can proceed to the next question ...


The game ends when it is incorrect. While repeating the game, it becomes possible to understand what kind of colors can be expressed roughly with RGB color code.


Otherwise arrange delicate intervals between letters to improve the designKerningLearn about "Kern Type"


Adjust the position of the displayed characters to find beautiful intervals.


It displays the image and the score as to how much the arrangement is shifted from the ideal state, so it is possible to polish the sense of kerning.


This is to change the delicate shape of letters and arrange the designShape"


It is okay to make the letter given more beautifully by making full use of Bezier curve.


I will tell you the gap from the ideal score, so you can feel that your arms are coming up.


Game that hits the color of famous brand logoBrandseen"


By choosing the color of the logo I usually get used to, I can check the sensitivity to my eyes color.


In addition, not only web services but also applications are introduced in Games for designers. For example, "DOTSIs a game that connects the same colors. Click "play now!" ......


You can jump to the Android / iOS application download page.


"Type: RiderIs a game that manages ": (colon)" to adventure the world of various fonts. I am immersed in a beautiful "font world".


"CodeCombat"Is an RPG that lets you enter JavaScript code to attack and get items, you can learn JavaScript.


"Code: deck"Is a card with the program code drawn. You can purchase it for $ 10 (about 1200 yen).


"Color"Is a game that searches for the same color as the displayed color from a ring-shaped color sample, it is possible to check the sensitivity to color.


"The Color!"Is a game that selects a panel with different brightness that is displayed only in one panel in a large number of panels. You can train the sensitivity to lightness.


"Color Run"Is a game where you choose the brighter of the images with different brightness aligned on the left and right. Since there is a time limit, it is required to make a momentary judgment.


"Color SheepIs a game to repel by changing the color of the sheep to the same color as the wolf approaching. RGB technology to blend the three primary colors to create colors.


"Hex Invaders"Hexadecimal number to be displayed A game that attacks the invader by selecting the color of the color code.


"Pixactly"Is a game that draws a rectangle specified by horizontal × vertical pixels. You can grasp the feeling of pixel size.


"ColorNot"Is a game that allows you to decide the color displayed in text and the color of that letter in a short time. I can check the sense of balance between the right brain and the left brain.


"Kill Comic SansIs a game that aims at the characters displayed on the screen and shoots them out with a gun.


"Helvetica vs. Arial font fightIsHelveticaWhenArialA game that makes you battle two types of font characters. It is unknown whether the sensitivity to fonts will be refined.


"Shoot the serifOf the characters that appear,SerifA game that shoots a font with a gun.


"Ragtime"Is a game that enhances the readability of sentences by breaking newlines and stuffing.


"Online Color ChallengeIs a game that sorts palettes of randomly arranged colors with the correct gradation.


You can find out how to check color sensation using Online Color Challenge by following article.

"Online Color Challenge" that you can test your color sensation - GIGAZINE