ดีไซน์ซิสเต็มที่พอใส่ภาษาเกาหลีแล้วดูแปลก เราจึงสร้างใหม่โดยให้ภาษาเกาหลีมาก่อน
(github.com/DaleStudy)ขณะที่สร้างบริการภาษาเกาหลี ดีไซน์ซิสเต็ม (MUI, shadcn ฯลฯ) ส่วนใหญ่ยึดตามอักษรละตินเป็นหลัก จึงทำให้เมื่อใส่ภาษาเกาหลีลงไป UI จะออกมาในแบบที่ "ใช้ได้ก็จริง แต่ดูแปลก" ภาษาเกาหลีมีโครงสร้างตัวอักษรแบบกรอบสี่เหลี่ยม การตัดบรรทัดตามหน่วยคำ และมี baseline ที่แตกต่างออกไป ต่อให้เปลี่ยนฟอนต์เป็น Pretendard อย่างเดียว ก็ยังต้องคอยปรับ line-height และความสูงของแต่ละคอมโพเนนต์ใหม่ เพราะมีพื้นที่ว่างบนล่างที่ควบคุมไม่ได้
ดังนั้นเราจึงออกแบบใหม่ทั้งหมดตั้งแต่ต้น โดยให้ภาษาเกาหลีเป็นลำดับความสำคัญแรก
- ปรับชดเชยระยะว่างสำหรับภาษาเกาหลี: ใช้ Pretendard เป็นค่าเริ่มต้น + กำหนด line-height, ความสูง และมิติต่าง ๆ ตามเกณฑ์ของภาษาเกาหลี
- ฟอร์มแบบเกาหลี: ตัดบรรทัดตามหน่วยคำ และวาง label ไว้เหนือช่องกรอก
- ทำให้ดีไซน์ = โค้ด API ตรงกัน: ต่างจากเดิมที่ใช้ Figma ของบุคคลที่สามจนต้องมีการ "แปล" ทีมผู้สร้างเป็นผู้กำหนดชื่อใน Figma และโค้ดให้ตรงกันโดยตรง → import ได้ทันที ลดต้นทุน handoff ลงมาก
- การเข้าถึง: คำนึงถึงคีย์บอร์ด, screen reader และคอนทราสต์ตั้งแต่แรก
1 ความคิดเห็น
เดิมทีก็ปวดหัวกับประโยคที่ฟังดูแปลก ๆ อยู่แล้ว
ขอบคุณครับ