7 web games giúp tăng khả năng về UI cho Frontend Dev

Chủ đề của ngày hôm nay mình giới thiệu nghe thiên về design quá đúng không nào? Không chỉ riêng designer mới cần đến khả năng UI/UX mà chính chúng ta những người làm Frontend Developer cũng cần đến khả năng này. Khi chúng ta là người trực tiếp làm giao diện, chúng ta phải hiểu bố cục giao diện nó như thế nào? Có phù hợp hay không? Hay đã đáp ứng được nhu cầu của dự án hay chưa? Mà tạo ra sản phẩm đến tay người dùng chất lượng nhất. Với vai trò Frontend nếu chúng ta có thể hiểu rõ được bản thiết kế và bố cục hợp lí, một khả năng UI tốt giúp chúng ta thực hiện sản phẩm tốt hơn. Hôm nay mình xin giới thiệu đến các bạn 7 web games có thể giúp các bạn nâng cao khả năng này. Nào hãy cùng mình tìm hiểu qua bài viết dưới đây nhé!

Can’t Unsee

Xem xét thực hiện bản design đối với một Frontend Developer cần rất nhiều sự tỉ mỉ và tập trung để cho ra sản phẩm so với bản design phải chân thật nhất. Chính vì vậy mà developer không thể bỏ qua web game này, Can’t Unsee giúp ta có thể luyện tập quan sát các chi tiết một cách tỉ mỉ.

Web game Can't Unsee

The Bézier Game

The Bézier game giúp bạn luyện khả năng kéo Pen Tool giúp bạn thực hiện các điểm một cách chính xác và nhanh hơn.

Web game The Bézier Game

Shape Type

Shape Type một website giúp bạn có khả năng sáng tạo, thiết kế kiểu dáng chữ và căn chỉnh chữ một cách chính xác hơn.

Web game Share Type

Kern Type

Luyện căn chỉnh chữ đã có web game Kern Type một web giúp chúng ta tập căn chỉnh khoảng cách chữ từ một kerning.

Web game Kern Type

Brand Seen

Màu chữ rất dễ đúng không nào, tuy nhiên màu như thế nào cho hợp lí và hợp ngữ cảnh thì bạn không nên bỏ qua Brand Seen giúp bạn tập luyện điều đó trên nền các logo thương hiệu nổi tiếng.

Link chi tiết: http://brandseenapp.com/

Web game Brand Seen

Pixactly

Pixels đã không còn xa lạ với một Frontend như chúng ta rồi đúng không nào, chúng ta vẫn thường sử dụng chúng cho các dự án của mình. Vậy bạn đã am hiểu nó đến mức nào rồi, hãy tập luyện với Pixactly để biết thêm nhé.

Web game Pixactly

Kolor

Cuối cùng là một trò chơi đơn giản rất nhiều so với những game ở trên đó là Kolor, việc của bạn là đoán màu sắc random ngẫu nhiên. Dễ thật những hãy tăng dần và thử cấp độ tăng dần để luyện tập nhìn màu với cường độ sát nhau.

Web game Kolor

Mỗi web games mang đến những cách luyện tập khác nhau thật thú vị đúng không nào, giúp chúng ta luyện thêm về khả năng UI và cũng như tăng khả năng thao tác với các công cụ UI. Hy vọng với bài viết này sẽ đem đến nhiều điều hữu ích cho các bạn trải nghiệm.

XEM THÊM:

Học CSS thông qua tương tác trò chơi dành cho Front-end Developer (Phần 1):

https://cfdcircle.vn/hoc-css-thong-qua-tuong-tac-tro-choi-danh-cho-front-end-developer-phan-1-67 

Các extension VSCode nên cài đặt cho Front-end Developer:

https://cfdcircle.vn/cac-vscode-extension-nen-tai-cho-front-end-developer-65