【遊戲新聞觀察】遊戲出海|如何將中文遊戲引入西方市場
.
這篇蠻明顯是工商文，但我認為以內容來看可以說是很有誠意。
.
文章分享了如果中文遊戲想要出海到歐美地區的話，在翻譯上應該注意哪些地方，共有五點挑戰：
.
挑戰 1：漢語語法需要考慮語境
挑戰 2：漢字含義的多樣性
挑戰 3：用戶界面問題
挑戰 4：厚重的文化底蘊
挑戰 5：文化差異
.
同時分享可以採取以下措施來應對上述挑戰：
.
1⃣使用英語創建一個“西化”的主文本。
2⃣為譯員提供充足的語境。 額外的語境信息有助於避免令人尷尬的錯誤和誤導性翻譯。
3⃣使遊戲界面具有可擴展性，這樣本地化的長字符串就不會被截斷。
4⃣只使用具備遊戲行業專業知識的譯員。
5⃣對於需要大量背景知識的遊戲：要嘛為西方玩家簡化系統，要嘛在遊戲中添加基礎知識介紹，讓玩家有參考資料來填補文化空白。
.
裡面我自己最有感的是挑戰三，
短短幾個字的中文，
翻成英文後卻變得很長，
如果遊戲介面沒預留好空間的話，
肯定會跑版，
屆時就得考慮找取代字或是把字體縮小，
無論是哪種方式，
對於歐美玩家遊戲體驗上可能都會帶來扣分。
.
舉個例子，
像商城內就會有許多限購商品，例如限購一次好了，
👉中文：限購1次
👉英文：limited purchase for 1 time
.
整個長度就差非常多，
這時候就需要做優化，
以《劍與遠征》來看，就是寫成limit : 1
圖片來不及補，只能放部落格：https://bit.ly/2UaZoOd
.
文章內有大量的舉例與圖片，我覺得被工商的非常值得，也推薦給各位被工商一下(誤)。
.
原文連結：https://www.youxituoluo.com/527692.html
html跑版 在 Re: [問題] 縮放瀏覽器版型跑掉- 看板Web_Design - 批踢踢實業坊 的推薦與評價
※ 引述《tas72732002 (蔥頭)》之銘言：
想說順便解說一下一些觀念，所以回一篇比較快一點
: 請問一下各位大大, 我在進行瀏覽器的縮放的時候, 原本正常的版型, 就會發生異常
: 正常版型 : ------- -------
: |s1 ||s2 |
: | || |
: ---------------
: ----------------
: |s3 |
: ----------------
: 縮小瀏覽器後的版型 :
: -------
: |s1 |
: | |
: -------
: -------
: |s2 |
: | |
: -------
: ----------------
: |s3 |
: ----------------
: 我的html :
: <div class="stream-body-content">
: <div>
: <!-- 左上 -->
: <div class="s1"></div>
: <!-- 右上 -->
: <div class="s2"></div>
: </div>
: <!-- 下上 -->
: <div class="s3"></div>
: </div>
: 我的css :
: .stream-body-content { width:90%; background-color:black;padding: 1em; }
: .s1 { width:70%; }
: .s2 { border-style:groove;width:29%;height:420px;margin-bottom:1em;
: float:left; }
: .s3 { width:99%;height:260px;border:groove;margin-bottom:1em;
: float:left;}
: 要如何才可以避免我瀏覽器縮放的時候, div不會跑掉呢?
首先是釐清這狀況為何會發生：
S1+S2可顯示的區為寬度70%+29%=99%，你有預留1%寬度可供給S2的邊框使用
但視窗縮小之後，S2發生放不進右邊區域的問題，就在於「預留的1%不夠放下邊框」
S2的border-style:groove不會被計算進width的29%之中，
因為預設的容器模型寬度中：「邊框的寬度要另外計算」
border-style:groove預設會產生3px的寬度，在S2的中左右邊框佔了6px
一旦你的顯示stream-body-content可用寬度<600px，就會發生這個問題（裝不下）
因為： 「邊框的6px」 > 「預留空間1% X 可用寬599px」
=================
以下提供幾個解法：
1.直接解決邊框寬度的方式：
a.設定border:none; 把所有邊框都拿掉（如果邊框不重要的話）
b.縮小S1和S2百分比，增加預留的空間（不建議此解）
c.把width改用px固定寬度設定（如果不需顧及自動縮放）
2.我會採用的作法 inblock：（CSS3 不支援IE8以下）
2-1. 將所有容器模型設定為 box-sizing: border-box; (CSS3專用屬性 文後解釋)
2-2. 把float:left改用 display:inline-block; (避免父容器失去高度)
2-3. 修正inline-block的bug: 將DIV寫在同一行
https://jsfiddle.net/iamstanley/bvo8Lbqd/
3.2.我會採用的作法 float：（CSS3 不支援IE8以下）
2-1. 所有容器模型設定為 box-sizing: border-box; (CSS3專用屬性 文後解釋)
2-2. S1也設定float:left，stream-body-content的容器新增一個clear_fix的class
2-3. 使用:after產生元素將S2 S3後的float清除，避免父容器失去高度
https://jsfiddle.net/iamstanley/o06t17w4/11/
為了方便辨識，我加了底色和內容，在參考看看吧。
=====================
主要是三個重點：
1.box-sizing： 容器模型的寬度標準，會影響容器寬度的計算方式
在這個例子中將所有容器（*）都改用box-sizing: border-box
代表容器的寬度設定會包含了padding以及border的數值
預設的設定為content-box，padding和border都需另外計算
請參閱：https://zh-tw.learnlayout.com/box-sizing.html
2.inline-block：容器模型的表現方式，修正inline-block自動產生的4px空白
https://www.w3cplus.com/css/fighting-the-space-between-inline-block-elements
3.float：浮動元素造成父元素失去高度，一些作法會在HTML中加入新的DIV來清除
我比較推薦用CSS的:after偽元素來做，避免HTML插入太多無謂DIV
這方面相關資訊會比較多，就請自行搜尋了
以上，希望能看得懂
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 125.230.90.6
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1451199900.A.AFD.html
※ 編輯: sjlxup6 (125.230.90.6), 12/27/2015 15:09:30
※ 編輯: sjlxup6 (125.230.90.6), 12/27/2015 15:15:52
... <看更多>