原神wiki

議論/TOPページリニューアルのお知らせ / 48

286 コメント
views
7 フォロー
48
名無しの旅人 2024/03/26 (火) 06:35:18 e76e4@80b31

灰色部分は明るくした方が見やすいと思ったのですがどうでしょうか。具体的には、#aaa→#d4d4d4、#888→#aaa、#666→#808080程度です。また、国アイコンや元素アイコンもコントラストが強く圧迫感があると思います(特に細かい国アイコンが顕著)。以前の議論でこの辺りのカラーパレットが画一化された記憶があるので、変えていいのかはわかりませんが……

通報 ...
  • 51
    名無しの旅人 2024/03/26 (火) 12:24:04 3f010@3a2c5 >> 48

    一般に文字と背景のコントラストは高い方が読みやすいとされているので、投稿主のおっしゃるような#888#aaa#666#808080のように全体を薄くする変更は見出しの白文字を読みにくくしてしまいますね。

    私見ですが、投稿主の感じる圧迫感というのは2種類あると思います。

    1. 薄色の面積に対して濃色が使われている面積が多い
    2. 明るい灰色×明るい黄色、明るい灰色×明るい緑色etc.という組み合わせが、コントラスト比不足なのに明度が高い(まぶしく感じやすい)状態を引き起こしている

    1の対策は元々の情報密度が高いページなので難しい面もありますが、見出し横の#aaaを#dddにすることでやや改善されると思います。(編集ボタンが目立ってしまう問題はありますが。)2の対策はアイコンの色を暗くして落ち着いた色にすることですね。白背景では問題なかった色が灰色背景でコントラスト比不足になるのは当然のことなので、逐一対応するしかない部分です。感じ方に個人差もあり、この程度だと全然まぶしく感じない人も多いと思います。
    全体として、背景にグレー(#f7f7f7)を使ってパーツ分けをしていく以上、完全な白よりある程度圧迫感が出るのは当然で、その点は対応にも限界があります。

    83
    名無しの旅人 2024/03/26 (火) 20:50:47 b4643@64675 >> 51

    コントラストは高いほうが良いから木の逆が正しいよ
    これから氷の国が実装されてコントラストが低いと色の違いも薄くなって更に見にくい
    テレ東の野球中継とかも見る人の事を考えていないUIにしているけど
    色盲の人もいるからね
    こういう嫌がらせする奴は許せないわ

  • 69
    制作者 2024/03/26 (火) 15:45:44 0f7f9@ec15e >> 48

    国アイコンは見出し色(現在使用している明るい色)と文字色(濃い色)の2種類があります。試しに水土日のもののみ文字色のアイコンに変更してみました。比較してみてください。

  • 74
    制作者 2024/03/26 (火) 18:35:01 修正 0f7f9@ec15e >> 48

    「イベント」と「定期更新」を別バージョンに変更しました。

    • どちらも[期間限定]、[七聖召喚]、[紀行]などのタグは#666に変更(53で#777が出てますが#666も#777も私の環境ではほぼ同色に見えたため#666に合わせました)。
    • 「イベント」のほうは#aaaを本文の背景と同じ#f7f7f7に、「定期更新」は背景を削除しています。

    既存のものと新しく作成した2つの別バージョンのどれがいいですかね。

    87
    名無しの旅人 2024/03/26 (火) 21:24:14 4626b@1b6dd >> 74

    単純な好みですが、初案の#aaaのグレーの見出しも良いと思っていましたが「イベント」のバージョンは初案と比較して画面が明るい印象になり、内容のcssboxとの一体感もあり一番良いのではと思いました。

    91
    制作者 2024/03/27 (水) 00:36:27 0f7f9@ec15e >> 74

    国アイコンもモジュールのCSSも全体で変更してみました。反対が出れば元に戻しますが、しばらく様子を見てみたいと思います。

    94
    木主 2024/03/27 (水) 07:05:01 修正 647ce@80b31 >> 74

    調整ありがとうございます。個人的にはせめて#666は明度を上げてくれた方がと思いますが、他の方が問題ないのであれば構いません(一応考えを述べると、高いコントラストが背景・文字背景・文字と連続することで圧迫感が強く、コントラストが高ければ高いほど見やすいとは限らないと思います)。
    見出し部分のデザイン変更については、視線が散らばらずより見やすくなったと感じました。
    国アイコンはチカチカしないのでこちらの方が見やすいですが、色が暗く汚くなった点でどういう意見が出るかですね。見出し色・文字色の縛りにとらわれないのであれば、折衷案的に彩度は据え置きで明度をやや上げればより良くなると思いますが……

    95

    ありがとうございます。#888→#666でコントラスト不足は良くなって読みやすくなったと思います。
    国アイコンは文字色のものは装飾的に使うには色が濁ってるので、前の見出し色のものの方がきれいに見えると思います。

    98
    制作者 2024/03/27 (水) 09:14:50 0f7f9@ec15e >> 74

    #666と#777の中間ぐらいの#707070に変更しました。コントラストの確保しつつ圧迫感の緩和を図れるぎりぎりの色だと思うのですがどうでしょうか。

    105
    名無しの旅人 2024/03/28 (木) 10:59:39 4626b@12039 >> 74

    グレーの色合いは良いと思います。個人的に気になる部分は、木主さんも仰っている国アイコン(と元素アイコン)の

    色が暗く汚くなった点でどういう意見が出るか

    です。基準色の見出し色はメニューバーにも使用されているため、ページの統一感を重視する方は見出し色の方を支持するかもと思いました。
    今から「アイコン色(見出し色or文字色)」の投票を設置するのは好ましくないでしょうか?

    106
    名無しの旅人 2024/03/28 (木) 11:07:51 a3a55@9c885 >> 74

    個人的には見やすく目に優しいと思いますし、濁っている、汚いとは思いません。とくに国アイコンは着色部の密度が高く、最近のスマホのような高彩度端末で見ると見出し色だと眩しく感じます(特に璃月と稲妻)。
    一方で元素アイコンについては密度も低いですしメニューとの整合性のためにも見出し色にしたほうが良いと思います。
    ただ投票中にコロコロ変えると投票自体の信憑性を下げますし、ご覧の通り意見も割れていますのでこういう影響が大きい変更は一旦据え置きにして、現行案のまま投票を終わらせて採用してから改めて問うたほうが良いと思います。

    110

    アイコン色は画像の差し替えで手軽に出来るものですし、まずは現行案でレイアウトの方針を定めたのちに細かな部分は投票なり話し合いなりで改良していけば良いですね。
    >> 105の投票の設置については急ぐものではないため一旦取り下げます。