ฝึกฝนทักษะของคุณด้วยเกมออนไลน์แสนสนุกสำหรับนักออกแบบ

นักออกแบบที่ประสบความสำเร็จมักจะเพิ่มทักษะและเสริมทักษะเพื่อเสริมพื้นฐานที่ใช้ในเครื่องมือ โครงการ และสาขาวิชาต่างๆ อย่างไรก็ตาม การหาเวลาเพิ่มสำหรับการเรียนรู้ระหว่างสัปดาห์ทำงานนั้นไม่ใช่เรื่องง่าย โชคดีที่การเล่นเกมออนไลน์เป็นวิธีที่สนุกและให้ความรู้สำหรับนักออกแบบ UI/UX ในการฝึกฝนทักษะและหาทักษะใหม่ๆ ด้วยประสบการณ์การเล่นเกมออนไลน์แบบโต้ตอบและสมจริง (และมักจะฟรี) คุณสามารถฝึกฝนทักษะทางเทคนิค เช่น การจัดตำแหน่ง การพิมพ์ และทฤษฎีสี

นอกจากการเรียนรู้เทคนิคการออกแบบใหม่ๆ แล้ว ฉันยังพบว่าการเล่นเกมออนไลน์ทำให้ฉันมีอารมณ์ที่สดใส เพิ่มความคิดสร้างสรรค์ และช่วยให้ฉันใช้หลักการออกแบบหลักได้ดีขึ้น เมื่อใดก็ตามที่ฉันมีเวลาว่างหรือเผชิญกับปัญหาการออกแบบที่ดื้อรั้น ฉันจะเล่นเกมเหล่านี้และได้มุมมองใหม่ๆ

เพิ่มความรู้สึกของการจัดตำแหน่ง

การจัดแนวเป็นหลักการออกแบบพื้นฐานที่แนะนำองค์ประกอบภาพและสนับสนุนการใช้งานและการอ่านได้

มันอยู่ตรงกลาง ซึ่งเหมาะสำหรับการฝึกความรู้สึกของการจัดตำแหน่งและช่วยให้คุณจับข้อผิดพลาดในการเว้นวรรคได้อย่างรวดเร็ว วัตถุประสงค์คือเพื่อกำหนดว่าจุดอยู่กึ่งกลางภายในรูปร่างหรือไม่ เป็นแนวคิดที่เรียบง่าย แต่เกมนี้ท้าทายเพราะจุดต่างๆ มักถูกวางไว้ใกล้กับจุดศูนย์กลางอย่างเจ็บปวด เกมดังกล่าวสร้างการรับรู้เกี่ยวกับองค์ประกอบโดยบังคับให้คุณพิจารณาเรขาคณิตและค้นหาจุดอ้างอิงในรูปทรงที่ทับซ้อนกันและอยู่ติดกัน

ขยายความรู้การออกแบบแบบอักษรของคุณ

การทำความเข้าใจความแตกต่างของแบบอักษรสามารถช่วยนักออกแบบสร้างลำดับชั้นของภาพ ตรวจสอบให้แน่ใจว่าข้อความนั้นอ่านง่าย และสื่อสารความหมายของสำเนาได้ดียิ่งขึ้น

เกมที่ฉันยิง serif จะทดสอบว่าคุณสามารถจดจำแบบอักษร serif ได้เร็วแค่ไหน ในการเริ่มต้น คุณจะพบกับตัวอักษรสองตัว ซึ่งหนึ่งในนั้นเป็นแบบอักษร serif และจำเป็นต้อง "ยิง serif" โดยคลิกที่มันก่อนที่คุณจะหมดเวลา ในขณะที่คุณดำเนินการ คุณจะเห็นตัวอักษรจำนวนมากขึ้นพร้อมๆ กัน ทำให้ยากต่อการค้นหาและถ่ายสไตล์ Serif ต่างๆ

เกมนี้จะทำให้คุณตื่นตัว! ฉันเล่นทุกสัปดาห์ และฉันรู้สึกประหลาดใจเสมอกับความท้าทายหลังจากผ่านไปสองสามรอบ

Typewar เป็นผู้ฝึกสอนแบบอักษรอีกตัวหนึ่งซึ่งท้าทายความสามารถของคุณในการระบุแบบอักษรที่แตกต่างกัน ในแต่ละรอบ คุณจะเห็นสัญลักษณ์และต้องเลือกชื่อแบบอักษรที่ถูกต้องจากตัวเลือกต่างๆ คุณได้รับหรือเสียคะแนนจากการตอบคำถาม และจำนวนคะแนนที่ได้รับในตอนท้ายขึ้นอยู่กับจำนวนผู้เล่นคนอื่นๆ ที่ตอบคำถามเดียวกันอย่างถูกต้อง คำติชมทันที สถิติแบบเรียลไทม์ และการเปิดรับแบบอักษรที่ไม่ค่อยมีใครรู้จักจะกระตุ้นให้คุณเรียนรู้ต่อไป

ปรับปรุงดวงตาของคุณสำหรับการจัดช่องไฟ

วิธีหนึ่งในการปรับปรุงความสามารถในการอ่านข้อความดิจิทัลคือ การจัดช่องไฟอย่างมีประสิทธิภาพ หรือการเว้นวรรคระหว่างอักขระ Kerning มักจะอยู่ภายใต้เรดาร์ของนักออกแบบ เพราะมันถูกกำหนดไว้ล่วงหน้าในไฟล์ฟอนต์ของแบบอักษรแต่ละอัน แต่การรู้วิธีปรับการจัดช่องไฟเมื่อความสัมพันธ์ระหว่างอักขระดูไม่เป็นระเบียบจะเป็นประโยชน์ หรือหากคุณต้องการสร้างโลโก้หรือแบบอักษรตามความต้องการของลูกค้า

Kern Type ช่วยให้คุณปรับแต่งทักษะการจัดช่องไฟโดยทดสอบความสามารถในการเว้นวรรคตัวอักษรภายในคำได้อย่างถูกต้อง สำหรับทุกคำที่คุณใส่ใจ คุณจะได้รับคะแนนเต็ม 100 และตัวเลือกในการสลับระหว่างมุมมองสามแบบ: ระยะห่างของคุณ ระยะห่างที่เหมาะสมที่สุด และทั้งสองอย่างรวมกันเพื่อเปรียบเทียบ

ฉันกลับไปเล่นเกมนี้ต่อไปเพราะมันยากที่จะทำคะแนนให้ได้ 100 และมันเตือนฉันว่ายังมีที่ว่างให้ปรับปรุงอยู่เสมอ

อัปเกรดเกมสีของคุณ

ด้วยการอัปเกรดทักษะด้านสีของคุณ คุณจะสามารถตัดสินใจได้อย่างชาญฉลาดและมีความหมายมากขึ้นในโครงการออกแบบและสาขาวิชาต่างๆ Color เป็นเกมที่ท้าให้คุณระบุเฉดสีและความอิ่มตัวของสี เช่นเดียวกับการจับคู่สีที่เสริมกัน คล้ายคลึง ไตรแอดิก และเตตราดิก อินเทอร์เฟซแสดงวงล้อสีแบบโต้ตอบพร้อมสีที่ไฮไลต์อยู่ตรงกลาง คุณต้องกำหนดสี (หรือสี) ภายในวงล้อสีภายใน 10 วินาทีหรือน้อยกว่า ซึ่งเป็นงานที่ยากขึ้นเมื่อคุณพยายามจับคู่สีสำหรับชุดสีแบบไตรเอดิกและเตตราดิก

ปรับแต่งเทคนิคเวกเตอร์ของคุณ

เครื่องมือที่ใช้เวกเตอร์ เช่น Figma, Sketch และ Adobe Illustrator ช่วยให้นักออกแบบสามารถสร้างกราฟิกดิจิทัลที่ปรับขนาดได้โดยไม่สูญเสียคุณภาพ ซึ่งต่างจากภาพพิกเซลที่สูญเสียความละเอียดเมื่อขนาดเพิ่มขึ้น แต่การวาดและจัดการรูปร่างและเส้นโค้งของเวกเตอร์อาจเป็นกระบวนการที่ยุ่งยาก

เกมบูลีนจะสอนคุณเกี่ยวกับการดำเนินการบูลีนที่ใช้ในการสร้างและแก้ไขรูปร่าง 2D อย่างรวดเร็วในเครื่องมือออกแบบแบบเวกเตอร์ ในเกม คุณจะเห็นรูปร่างที่จะทำซ้ำ หลังจากนั้นไม่กี่วินาที รูปร่างจะเปลี่ยนเป็นโครงร่าง ทางด้านซ้ายของหน้าจอมีรูปทรงต่างๆ มากมายที่คุณสามารถลากเข้าไปในโครงร่างเพื่อสร้างรูปร่างสุดท้ายได้ ที่ด้านล่างของหน้าจอมีการดำเนินการบูลีนสี่รายการ ได้แก่ การรวม การลบ การตัดกัน และผลต่าง การคลิกปุ่มดำเนินการต่อจะทริกเกอร์แอนิเมชั่นทีละขั้นตอนที่แสดงวิธีการรวมรูปร่างโดยใช้การดำเนินการบูลีนที่เลือก เมื่อเลือกการดำเนินการที่ไม่ถูกต้อง ภาพเคลื่อนไหวนี้จะช่วยให้คุณเห็นภาพข้อผิดพลาดได้

Shape Type เป็นเกมเวกเตอร์อีกเกมหนึ่งที่น่าลอง ในนั้น ผู้เล่นจะได้รับจดหมายที่ต้องเปลี่ยนรูปร่างให้อยู่ในรูปแบบที่ถูกต้องโดยการลากจุดยึดต่างๆ และให้คะแนนความคล้ายคลึงกันเต็ม 100 เช่นเดียวกับ Kern Type คุณยังสามารถสลับไปมาระหว่างมุมมองสามมุมมองเพื่อเปรียบเทียบผลลัพธ์ของคุณกับ รูปร่างเดิม นอกจากการปรับแต่งความสามารถในการวาดเวกเตอร์แล้ว Shape Type ยังเป็นวิธีที่ยอดเยี่ยมในการดูองค์ประกอบทางกายวิภาคของแบบอักษรต่างๆ อย่างใกล้ชิด

เกมสุดท้ายที่จะช่วยให้คุณเพิ่มทักษะเวกเตอร์ของคุณคือ The Bezier Game ซึ่งช่วยให้คุณสร้างกราฟิกที่แม่นยำยิ่งขึ้นโดยใช้เครื่องมือปากกา บทช่วยสอนแนะนำจะอธิบายวิธีใช้การควบคุม เช่น alt และ shift เพื่อจัดตำแหน่งจุดยึดและจัดการจุดจับ Bezier เกมดังกล่าวจะสอนวิธีการวาดรูปทรงเรขาคณิตอย่างง่ายพร้อมกับรูปร่างที่ซับซ้อนมากขึ้น เช่น หัวใจและรถยนต์ โดยมีจุดยึดหรือโหนดน้อยที่สุด เพื่อให้สิ่งต่าง ๆ น่าสนใจ คุณจะได้รับโหนดจำนวนหนึ่งสำหรับแต่ละระดับ และเกมจะนับจำนวนโหนดที่คุณไม่ได้ใช้

ฉันชอบเกมนี้เพราะมันช่วยให้ฉันเห็นภาพความสัมพันธ์ระหว่างการวางจุดยึดกับมุมจับที่เบซิเยร์ นำไปสู่เส้นและเส้นโค้งที่นุ่มนวลขึ้น

แปรงขึ้นในการเข้ารหัสพื้นฐาน

ไม่ว่าจะเป็นการพัฒนาอาชีพหรือการทำงานร่วมกันกับนักพัฒนา การทำความเข้าใจพื้นฐานของ HTML และ CSS ทำให้นักออกแบบเป็นทรัพยากรที่สำคัญสำหรับทีมสหสาขาวิชาชีพ นอกจากนี้ ความรู้ด้านการเขียนโปรแกรมส่วนหน้ายังช่วยให้นักออกแบบควบคุมความคิดด้วยพารามิเตอร์ที่สมจริง

Flexbox Froggy แบ่งพื้นฐานของการเข้ารหัสทีละขั้นตอน มันสอน CSS flexbox ซึ่งเป็นโมเดลเค้าโครงเว็บ CSS3 ที่ทำให้การวางตำแหน่งองค์ประกอบ UI ง่ายขึ้นโดยเปิดใช้งานการควบคุมการจัดตำแหน่ง ระยะห่าง และการตัดองค์ประกอบบนหน้าเว็บด้วยโค้ดเพียงหนึ่งหรือสองบรรทัด

ในเกม คุณช่วยกบเจ้าเล่ห์และผองเพื่อนกระโดดข้ามหน้าจอด้วยการเขียนโค้ด CSS ในแต่ละระดับ บทช่วยสอนขนาดเล็กเหนือตัวแก้ไขโค้ดจะอธิบายคำสั่งต่างๆ ที่คุณสามารถใช้ได้ เมื่อคุณเขียนโค้ดทางด้านซ้ายของหน้าจอ การเปลี่ยนแปลงที่เกี่ยวข้องจะเกิดขึ้นทางด้านขวา หากกบไปถึงลิลลี่แพด แสดงว่ารหัสนั้นถูกต้อง

เพิ่มพูนความรู้ UI/UX ของคุณ

เกมออนไลน์ยังสามารถช่วยนักออกแบบปรับปรุงความรู้ UI/UX และสร้างประสบการณ์ที่ราบรื่นซึ่งเพิ่มอัตราการแปลงและ ROI

Can't Unsee เสริมความสามารถ UI/UX โดยรวมของคุณโดยการทดสอบความรู้ของคุณเกี่ยวกับแนวคิดการออกแบบ เช่น ลำดับชั้น คอนทราสต์ การจัดตำแหน่ง การพิมพ์ และการจัดรูปแบบองค์ประกอบ หน้าจอแสดงองค์ประกอบการออกแบบสองส่วน และขอให้คุณเลือกตัวเลือกที่เป็นมิตรต่อผู้ใช้มากขึ้น ส่วนประกอบอาจดูเหมือนกับตาที่ไม่ได้รับการฝึกฝน แต่นักออกแบบผู้เชี่ยวชาญควรจะสามารถแยกแยะได้โดยสังเกตความแตกต่างเล็กน้อยระหว่างองค์ประกอบ เช่น ข้อความที่ไม่ตรงแนวหรือช่องว่างภายในที่ไม่สม่ำเสมอ

ใช้ประโยชน์สูงสุดจากเกมออกแบบออนไลน์

ฉันมักจะประหลาดใจกับความรวดเร็วของอุตสาหกรรมการออกแบบ บางครั้ง ความกดดันในการก้าวให้ทันกับเครื่องมือและเทคนิคใหม่ๆ อาจทำให้รู้สึกท่วมท้นและขัดขวางความคิดสร้างสรรค์ของฉัน ฉันทำงานออกแบบได้ดีที่สุดเมื่อมีปัญหากับจิตวิญญาณแบบเด็กๆ นั่นเป็นเหตุผลที่ว่าทำไมฉันถึงสนุกกับเกมเหล่านี้มาก: เกมเหล่านี้ทำให้ฉันได้เรียนรู้และฝึกฝนโดยที่ยังคงสัมผัสได้ถึงการเล่นและความประหลาดใจ

ไม่ว่าคุณจะต้องการเพิ่มทักษะ เพิ่มทักษะ หรือเรียนรู้เทคนิค UI/UX ใหม่ เกมออกแบบออนไลน์สามารถช่วยทดสอบและพัฒนาทักษะทางศิลปะและเทคนิคของคุณได้ ดังที่ปาโบล ปีกัสโซเคยกล่าวไว้ว่า "ฉันมักจะทำในสิ่งที่ฉันไม่สามารถทำได้ เพื่อที่ฉันจะได้เรียนรู้วิธีการทำ"