3 điểm bởi pedogunu 4 giờ trước | 1 bình luận | Chia sẻ qua WhatsApp

Khi xây dựng dịch vụ tiếng Hàn, các hệ thống thiết kế (MUI, shadcn, v.v.) lại dựa trên bảng chữ cái Latin, nên khi đưa tiếng Hàn vào thì UI rơi vào tình trạng "dùng thì vẫn được nhưng trông rất gượng". Tiếng Hàn có cấu trúc khối vuông, xuống dòng theo đơn vị từ, và baseline khác; ngay cả khi chỉ đổi font sang Pretendard, do khoảng đệm trên dưới không thể kiểm soát hoàn toàn nên vẫn phải hiệu chỉnh lại line-height và chiều cao cho từng component.

Vì vậy, chúng tôi đã thiết kế lại từ đầu với tiếng Hàn là ưu tiên số 1.

  • Hiệu chỉnh khoảng đệm cho tiếng Hàn: mặc định là Pretendard + line-height, chiều cao và kích thước theo chuẩn tiếng Hàn
  • Form kiểu Hàn: xuống dòng theo đơn vị từ, đặt nhãn phía trên ô nhập
  • Đồng nhất API giữa thiết kế và mã: khác với trước đây phải "dịch" vì Figma của bên thứ ba, đội ngũ trực tiếp tạo ra đã đồng bộ tên giữa Figma và mã → có thể import nguyên trạng, chi phí handoff giảm mạnh
  • Khả năng truy cập: tính đến bàn phím, screen reader và độ tương phản ngay từ đầu

1 bình luận

 
jimmy2056 2 giờ trước

Đằng nào cũng đã đau đầu vì những câu chữ vốn đã gượng gạo rồi
Cảm ơn bạn.