网页设计和开发游戏来测试你的技能

2022-10-15 分类：网站建设

有很多方法可以学习网页设计和开发。有些人喜欢视频课程，而有些人则喜欢阅读书籍和网页，并自己运用知识。

另一种学习方式是通过在线游戏！这些将测试您的设计技巧，在您错误时纠正您，并教您基本概念。如果您喜欢通过实践学习，嘉兴网站开发建议请务必尝试这些游戏！

Can’t Unsee

这个游戏将引导您完成各种简单的设计选择，提示您选择一个看起来正确的选项，并解释为什么一个是错的，一个是正确的。您可以单击按钮直接比较图像，以便于理解差异。这将测试你的眼睛微妙的设计。最后，看看你如何对抗其他球员！

Kern Type

字距是字母之间的间距，也是印刷师和设计师学习的重要技能。这个字距调整小游戏将让你拖动字母，然后将它们与专业设计师的解决方案进行比较。

Shape Type

形状类型，另一个用于印刷师，测试您在设计中准确和精美地塑造字母的能力。您可以轻松地将您的工作与设计师的工作进行比较，并使用平滑的过渡动画来显示您可能出错的位置。

The Bezier Game

如果制作矢量图形，字体或CSS动画，则可能遇到了Bezier曲线。Bezier游戏将帮助您使用此工具，通过各种形状，线条和圆圈来填充曲线。最后，您应该更好地了解Bezier曲线的工作原理。

Color

准备好了解你的色彩识别技巧？这会测试您区分色调，饱和度，互补色，类似色，三色和四色的能力。

Pixactly

你本能地测量像素有多好？Pixactly通过提示您绘制指定高度的框来帮助您测量长度和宽度（以像素为单位）。嘉兴网站开发认为使用HTML和CSS的任何人都会喜欢这个工具。

Hex Invaders

你知道你的十六进制代码吗？使用所有在线十六进制生成器工具，许多人忽略了学习他们的十六进制代码，但它仍然是一个很好的技能。Hex Invaders通过让您拍摄与屏幕上显示的颜色代码相对应的外星人来教您十六进制颜色代码。

Flexbox Froggy

是时候刷一些CSS了。使用justify-content属性，您需要引导青蛙到他们的睡莲，同时实时了解CSS。有了二十四个级别，您将完全理解这个CSS代码。

Flexbox Defense

还有flexboxes的问题？ Flexbox Defense是一款塔防游戏，您必须使用CSS定位塔。玩Flexbox Froggy之后，通过这个更难的游戏来增强你的技能。

Grid Garden

这是一个轻松的游戏，它将教你如何使用CSS Grid，特别是grid-column-start属性。在这个非正统的园艺游戏中种植自己的胡萝卜园，水草，杀死杂草，学习新的CSS技巧和窍门。

Flukeout

准备好了解CSS选择器？使用代码窗口选择正确的对象，并学习如何在各种情况和独特的展示位置中选择它们。这个对于刚接触CSS的人来说非常棒。

在线游戏学习设计

无论您是一位新手的设计师/开发人员，还是只是了解您所学到的知识，在线教育游戏都是巩固您技能的好方法。为您的学习过程带来一点乐趣总是好的。让我们知道您最喜欢哪个游戏！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容