Save Game – mini design system

Trong bài viết trước, tôi đã chia sẻ giao diện đầu tiên của Save Game.

Lần này, tôi muốn chia sẻ thêm một phần khác của dự án, đó là mini design system được sử dụng trong quá trình thiết kế.

Bên cạnh những màn hình mà người dùng nhìn thấy, đây là nơi tập hợp các quy tắc về màu sắc, typography, spacing, component và semantic token để giúp toàn bộ giao diện giữ được sự nhất quán.

Hiện tại hệ thống này vẫn khá nhỏ vì Save Game vẫn đang ở giai đoạn đầu.

Tuy nhiên, đây sẽ là nền tảng để dự án tiếp tục phát triển và mở rộng trong những giai đoạn tiếp theo.

Mini Design System:

https://todesign-tb.github.io/SaveGame/index.html

Save Game vẫn còn rất nhiều việc phía trước.

Nhưng tôi muốn tiếp tục ghi lại từng phần của hành trình này, không chỉ những gì xuất hiện trên màn hình, mà cả những thứ đứng phía sau để tạo nên nó.

Mỗi cột mốc đều khá nhỏ. Nhưng khi nhìn lại, chính những điều nhỏ đó sẽ kể nên toàn bộ câu chuyện của một sản phẩm.