効果表修正検討つづき
フォントをserif(明朝体)に変更し横幅は圧縮されました。またnobrで自動折り返しを抑制してるのでスマホでも折り返されなくなりました。
続いて以下の修正を検討してます。意見があればどうぞ。
英語列を右寄せ
右寄せは決めかねてます。やってみるのも面白いかなと思ってます。やってみたいという意見があれば実施します。
右寄せにすると項目と数値が近接して視野の収まりは良くなると思います。
一方で行頭が不揃いになるので縦に目を走らせたとき視線の定まりの悪さはあると思います。
ただゲーム内の書式も中寄なので、そんなに違和感はないかなと思います。
書式行を全置換するだけなので、変更も戻しも簡単にできます。|LEFT:BGCOLOR(#fec):|CENTER:|LEFT:BGCOLOR(#fec):|c |LEFT:BGCOLOR(#F5F5F5):|CENTER:|LEFT:BGCOLOR(#F5F5F5):|c |LEFT:BGCOLOR(#def):|CENTER:|LEFT:BGCOLOR(#def):|c
英語列の"To ~"表記を取る
一部の効果表記は書き出しが"To ~"になってます。この"To ~"は取ってしまってもいいのではないかと思ってるのですが、決めかねてます。
例えば、To Energy、To Attack Rating、To ~スキルなど。
これを削れれば、表記がシンプルになり、他のパラメータと統一感がとれ、文字列の幅も圧縮できます。
一方でこれに何かの見分けや英語的な表現の意味があって、取ってしまうと支障がでる可能性を危惧してます。
"To ~"付は主に効果対象が自分のものに付帯してるように見えますが、Faster Cast RateやResistには付きません。英語の語感的に使い分けてるように思えますがよくわかりません。日本語にすると"~へ"ですが、そこまで細かくは翻訳してないようです。
"To ~スキル"の名称が横幅を取られるため、取ってしまおうかなと何となく考えてます。
変更時は以下で置換します。戻す場合は少し手間で"To ~"が付いてた項目名を個別に置換することになります。|To (最後半角スペース)
スキル (~Only)の折り返し
例えばArm of King Leoricのようなページ。
スキルの表記が長く横幅を取られます。(~Only)の部分の折り返しが改善策としてあるのですが、表が縦に長くなるので今のところ折り返しは実施しない考えです。
前述の右寄せや"To ~"削除をすると少し改善すると思ってます。
フォントのserif(明朝体)がとても見にくく感じます。変更を希望します。
どこがどのようにですか。英語、数値、日本語。
PC、スマホ閲覧環境も書いてください。見え方が異なります。
フォント、legacy-ui-gothicが次候補です。
PC環境ですがserifは文字が潰れてるような表示になり、かなり見づらいです。legacy-ui-gothicは見やすくて良いと思います
当方PC環境ですが英語数値日本語すべて見にくく感じますが、特に日本語は見づらいです。
引き続き見えの意見は確認しますが、明日legacy-ui-gothicに変更する予定です。
フォントを変更した目的は主に横幅を圧縮するためです。また英語と数値が横長で読みにくい。
私はserifの場合が英語が読みやすく良いです。数値は普通。日本語は少し見づらいが、まあ読める。
参考にserifの字の大きさを一段階上げた13pxの表を追加しましたが、横に伸びて縦幅も長くなったわりには変わり映えしない感じがします。serifの13pxだったらsans-serif-tightのほうがマシです。
ともあれlegacy-ui-gothicのほうが幅の優位性があるので、次の候補はこれにします。
serif→legacy-ui-gothicに置換完了
対応ありがとうございます。PC、スマホ両方で確認しましたが見やすくて良いと思います!
legacy-ui-gothic見やすくて良いですね、ありがとうございます。