隨着全球化貿易的進一步加深，愈來愈多企業考慮面向海外市場發展，因此搭建多語言的UI設計已經成為必不可少的需求。
什麼是多語言設計?多語言設計是指在同一個UI設計中同時包含多種語言的設計。這種設計策略的目的是為了滿足不同國家和地區用戶的瀏覽需求，讓他們能夠更全面地理解和使用互聯網產品。
本文主要是講述多語言UI設計時可能會遇到的陷阱，以幫助各位避免一些基本的UI設計問題，從而將更多的精力放在思考具體的視覺呈現上。
▌ 多語言UI設計可能會遇到哪些陷阱?
陷阱一：文案長度不易預測
有時候看似留足空間的UI設計，卻很容易因為錯誤判斷文案翻譯後的長度，導致原來的設計預留空間不夠。
△ 以英文Email為例，日文翻譯該文案後長度約英文的2.5倍，西班牙文翻譯該文案後長度更是英文的3.5倍。
△ 如果直接翻譯短句，日文和西班牙文在佔位面積上更是遠超於英文。
在實際操作中，當我們將翻譯文案直接放到APP介面時，很容易出現本溢出、標題尾部出現省略號等問題;而最可怕的是，交互文案可能無法在其容器內以正確樣式完整顯示，即使不限制字符溢出，亦可能出現一行變兩行、字號壓縮變小、容器產生不符預期的形變等，繼而影響介面的整體視覺效果。
【解決方法】
如果不想出現上述問題，最簡答的解決思路就是限制文案字符數。但是，在UI設計中，文案的作用是幫助用戶理解信息，繼而引導他們採取下一步操作。過於「簡化」的文案信息很可能無法準確表達它的含義，讓用戶無法正確解讀，從而在使用產品時容易產生不符合預期的結果。
因此，出於對用戶體驗的考慮，同時也為了減少不必要的翻譯溝通，不妨嘗試以下這些UI設計方式：
❶ 在保證可讀性與層級的前提下盡可能減小字號，提高字符承載能力
到底多小的字號是最小且能保證可讀性?這其實沒有一個具體的「標準」，畢竟不同字體、不同字重等文字屬性都會影響相同字號下的可讀性。
△ 一般來說，我們可以針對相關的UI設計規範、目標用戶習慣以及文案在不同設備的展現來選擇合適的文字字號。如果UI文案選擇的是比較常規的字體，也可以參考以下的字號建議：
• 圖標與圖片等的說明文案最小使用11pt
• 短文案或極次要文案最小使用 13pt;
• 標題、正文、按鈕文案最小均使用 14pt，常規 16pt。
❷ 盡量增加文案佔位的寬度，尤其盡量避免文案並排放置
基於這個思路進行設計，即使單純使用英語等拉丁語系語言進行單語言設計，也能有效避免因為文案或單詞過長所帶來的展示問題。
△ 如果文案佔位寬度預留不足，有可能出現一行只能放一個單詞，甚至被單詞被強行分行的情況。
❸ 使用軟件翻譯頁面中的所有文案，試驗不同語言下的文案實際長度
可能有人認為使用軟件翻譯文案內容並不準確，但我們的目的不是「翻譯」，而是觀察翻譯後文案的大概長度。一般而言，當英語文案是正確時，人工翻譯與機器翻譯的文案長度是非常接近的，因此使用這種方法進行檢查後，可有效避免文案翻譯後因過長而需要重新設計的情況。
△ 使用軟件翻譯文案
陷阱二：字體實現效果不可控
部分公司會針對產品調性來選擇/購買合適的字體，但涉及多語言設計時，這些字體可能產生以下問題：
當字體比較獨特時，若遇到不支持的語言，可能會被系統字體代替，導致實際展示效果與設計時的預期效果不符。
△ 使用特殊字體時，部分文字可能被系統字體替代
【解決方法】
事實上，系統字體對大部分語言已經進行良好的適配，因此在進行多語言設計時，盡量「使用系統字體進行多語言的UI設計」是最簡單的方法。當然，在一些無需支持多語言的情況下，如品牌向的特定詞彙、阿拉伯數字、英文等，還是可以考慮使用非系統字體來提升設計的整體視覺效果。
【最後】
多語言UI設計場景雖然常見，但是很多設計師都習慣憑主觀直覺設計，間接影響產品的用戶體驗。香港網頁對多語言設計抽絲剝繭，總結出比較系統化的UI設計方法，為客戶創造符合目標市場的產品，藉此開拓更多商機!
香港網頁提供一站式數碼營商方案服務，包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務，全方位滿足客戶的業務需要，歡迎隨時聯絡我們，香港網頁是您開拓網路商機的最佳伙伴。
聯絡電話: 37499734 電郵地址: [email protected] 網址: www.hkweb.com.hk
