3 पॉइंट द्वारा pedogunu 4 시간 전 | 1 टिप्पणियां | WhatsApp पर शेयर करें

कोरियाई सेवा बनाते समय design systems (MUI, shadcn आदि) Latin alphabet को आधार मानकर बने होते हैं, इसलिए उनमें Hangul डालने पर UI "चल तो जाता है, लेकिन अटपटा" हो जाता है। Hangul में चौकोर glyph संरचना, शब्द-इकाई आधारित line break, और अलग baseline होता है, और सिर्फ font को Pretendard में बदल देने से भी ऊपर-नीचे के padding पर control नहीं मिलता, इसलिए हर component में line-height और height को फिर से adjust करना पड़ता है.

इसीलिए हमने Korean को पहली प्राथमिकता मानकर इसे शुरू से फिर से design किया।

  • Hangul spacing adjustment: Pretendard default + line-height, height, और dimensions को Hangul के आधार पर
  • Korean-style form: शब्द-इकाई आधारित line break, label को input field के ऊपर रखना
  • design=code API alignment: पहले third-party Figma होने के कारण "translation" की जरूरत पड़ती थी, लेकिन अब बनाने वाली टीम ने खुद Figma और code के नाम match किए → जैसा है वैसा import, handoff cost में तेज़ कमी
  • accessibility: keyboard, screen reader, और contrast को शुरू से ध्यान में रखा

1 टिप्पणियां

 
jimmy2056 2 시간 전

पहले से ही अटपटे वाक्यों की वजह से सिरदर्द था
धन्यवाद।