Hangul eklenince tuhaflaşan tasarım sistemi, Korece öncelikli olacak şekilde yeniden kurduk
(github.com/DaleStudy)Korece bir servis geliştirirken tasarım sistemleri (MUI, shadcn vb.) Latin alfabesini temel aldığı için, içine Hangul koyunca ortaya "çalışıyor ama tuhaf" bir arayüz çıkıyor. Hangul; karemsi bir karakter yapısına, sözcük öbeği bazlı satır kırılımına ve farklı bir baseline'a sahip. Sadece fontu Pretendard ile değiştirmek de yetmiyor; kontrol edilemeyen üst-alt boşluklar yüzünden her bileşende satır aralığı ve yüksekliği yeniden ayarlamak gerekiyor.
Bu yüzden Koreceyi birinci öncelik yapıp sistemi en baştan yeniden tasarladık.
- Hangul boşluk düzeltmesi: Pretendard varsayılanı + satır aralığı, yükseklik ve ölçüler Koreceye göre
- Kore tarzı form: sözcük öbeği bazlı satır kırılımı, etiketlerin giriş alanının üstüne yerleştirilmesi
- Tasarım=kod API uyumu: Üçüncü taraf Figma'da "çeviri" gerektiren mevcut yapıların aksine, sistemi oluşturan ekip Figma ve koddaki adları doğrudan eşleştirdi → olduğu gibi import edilebiliyor, handoff maliyeti ciddi biçimde azalıyor
- Erişilebilirlik: klavye, ekran okuyucu ve kontrast en baştan itibaren düşünüldü
1 yorum
Zaten kulağa tuhaf gelen cümleler yüzünden başım dertteydi.
Teşekkürler.