Hành trình bước vào thế giới Design chuyên nghiệp chưa bao giờ là dễ dàng đối với các bạn newbie. Việc phải nhồi nhét hàng tá lý thuyết khô khan về Typography, quy tắc phối màu hay việc ngồi hì hục tập bẻ cong những đường Pen Tool cứng nhắc rất dễ khiến bạn nản lòng.

Nhưng ai bảo học thiết kế là phải nhàm chán?

Bằng cách "game hóa" (Gamification) các bài tập kỹ thuật, 6 tựa game online miễn phí dưới đây sẽ biến quá trình luyện tập của bạn thành những màn giải đố đầy thú vị. Cùng Keyframe khám phá ngay kho vũ khí "chơi để chất" này nhé!

1. Luyện Pen Tool thần sầu với Bezier Game

Địa chỉ truy cập: bezier.method.ac

Mục đích rèn luyện: Giúp bạn thành thạo và kiểm soát hoàn toàn khả năng sử dụng công cụ vẽ Pen Tool.

Tại sao bạn nên chơi? Pen Tool được ví như "cây đũa phép" quyền lực nhất trong Adobe Illustrator và Photoshop nhưng lại là nỗi ác mộng của người mới vì các tiếp tuyến cứng đầu. Bezier Game sẽ đưa ra các thử thách từ dễ đến khó (vẽ hình tròn, chiếc ô tô, mỏ neo...) với giới hạn số điểm neo (nodes) nhất định. Game buộc bạn phải tư duy xem đặt điểm neo ở đâu tối ưu nhất để tạo ra đường cong mượt mà mà không làm nặng file vector.

2. Nâng tầm "Cảm màu" cùng Color Game

Địa chỉ truy cập: color.method.ac

Mục đích rèn luyện: Rèn luyện khả năng nhận biết sắc độ và tư duy phối màu trên Bánh xe màu sắc (Color Wheel).

Tại sao bạn nên chơi? Làm sao để biết một màu có bị quá chói, phối màu bổ túc hay tương đồng thế nào mới đúng chuẩn? Trong Color Game, thời gian sẽ trôi ngược và nhiệm vụ của bạn là phải nhanh mắt, nhanh tay click chọn đúng sắc độ tương ứng trên vòng tròn màu theo các quy tắc phối màu cốt lõi. Đây là bài tập tuyệt vời để đôi mắt của bạn trở nên nhạy bén hơn với các dải màu (Satuation, Hue, Value).

3. Cân chỉnh chữ hoàn hảo với Kerning Game

Địa chỉ truy cập: type.method.ac

Mục đích rèn luyện: Giúp bạn luyện mắt nhìn để "cân đong đo đếm" khoảng cách giữa các chữ cái (Kerning) hiệu quả hơn.

Tại sao bạn nên chơi? Một thiết kế chuyên nghiệp hay nghiệp dư đôi khi chỉ lệch nhau ở vài pixel khoảng cách chữ. Nếu để chữ quá dính hoặc quá xa, layout sẽ lập tức bị rời rạc hoặc ngột ngạt. Với game này, bạn sẽ tự tay dùng chuột dịch chuyển các chữ cái sao cho khoảng cách giữa chúng trông hài hòa nhất về mặt thị giác, sau đó hệ thống sẽ chấm điểm độ chính xác dựa trên thang điểm 100.

4. Làm chủ bố cục văn bản với Typography Game

Địa chỉ truy cập: betterwebtype.com/triangle

Mục đích rèn luyện: Giúp bạn thấu hiểu mối quan hệ mật thiết giữa các thông số Typography để đoạn văn bản đạt chuẩn dễ đọc (Readability).

Tại sao bạn nên chơi? Typography không chỉ là chọn font chữ đẹp. Một khối văn bản chuẩn chỉnh đòi hỏi sự cân bằng tuyệt đối giữa 3 đỉnh tam giác: Font size (Kích thước chữ), Line-height (Khoảng cách dòng) và Line width (Độ rộng của đoạn văn). Tựa game này sẽ đưa ra một đoạn văn đang bị lỗi bố cục, việc của bạn là kéo thanh trượt điều chỉnh các thông số để đưa văn bản về trạng thái hoàn hảo, chuẩn công nghiệp nhất.

Bạn có thể đọc thêm bài viết 4 lợi ích mà Typography mang lại cho thiết kế tại đây.

5. Luyện mắt "thước đo" cùng Alignment Game

Địa chỉ truy cập: supremo.co.uk/designers-eye/ (Tên gốc: It's Centred That)

Mục đích rèn luyện: Luyện khả năng căn chỉnh thẳng hàng (Alignment) và tìm tâm vật thể bằng mắt thường mà không cần dùng công cụ Align.

Tại sao bạn nên chơi? Game sẽ đưa ra các khối hình hình học kèm một chấm đen nhỏ ở giữa. Nhiệm vụ của bạn chỉ đơn giản là trả lời câu hỏi: Chấm đen đó có nằm chính xác ở tâm của khối hình hay không? Bằng cách chọn "Yes" hoặc "No", game sẽ giúp bạn rèn luyện một "đôi mắt thước đo" cực kỳ sắc bén, giúp bạn phát hiện ra những điểm lệch tâm dù là nhỏ nhất trong layout của mình.

6. "Vạch lá tìm sâu" UI/UX với UX/UI Game

Địa chỉ truy cập: cantunsee.space (Tên gốc: Can't Unsee)

Mục đích rèn luyện: Phát triển khả năng quan sát chi tiết micro-interaction, nhận biết các lỗi sai và bất hợp lý trong thiết kế giao diện (UI/UX).

Tại sao bạn nên chơi? Đúng như cái tên "Can't Unsee", một khi đã nhìn ra lỗi sai, bạn sẽ không thể "ngó lơ" nó được nữa. Game sẽ đặt 2 giao diện app cạnh nhau và đố bạn nhận biết xem bên nào đang có thiết kế chuẩn xác hơn (lệch độ bo góc button, sai độ tương phản màu chữ, sai khoảng cách padding...). Điều tuyệt vời là sau mỗi lượt chọn, game luôn kèm theo lời giải thích chi tiết tại sao đáp án đó lại đúng, giúp bạn tích lũy tư duy UX/UI thực tế cực kỳ nhanh.

LỜI KẾT

Kỹ năng thiết kế không tự nhiên mà có, nó là kết quả của một quá trình rèn luyện thị giác liên tục mỗi ngày. Thay vì lướt mạng xã hội vô định trong những giờ giải lao, hãy thử dành ra 10 - 15 phút để "phá đảo" các tựa game trên. Bạn sẽ bất ngờ vì tốc độ lên tay chuột và tư duy thẩm mỹ của mình đấy!

Đừng quên lưu lại bài viết này và chia sẻ cho "đồng môn" để cùng nhau đua top điểm số nhé! Chúc các bạn luôn giữ vững ngọn lửa đam mê trên hành trình chinh phục ngành Multimedia cùng Keyframe!