トリッカル・もちもちほっぺ大作戦

テンプレート掲示板 / 51

56 コメント
views
51
名前なし 2026/02/13 (金) 17:57:18 799ef@5a3b0

使徒テンプレートの愛用遺物スキルにつきまして、ごちゃごちゃしていて整理したかったのですが特にいいレイアウトが思いつかず、とりあえずカードランクの表記とLv.3の説明文をコメントアウトして、愛用遺物スキルのみの表記にするのをシオンのページで試しております。
特に問題なければ、来週にでも他の愛用スキルも同様の対応しようと思うのですが、いい感じのレイアウトがあればそれで置き換えていただけると大変うれしいです。

通報 ...
  • 52
    名前なし 2026/02/13 (金) 21:35:57 修正 d3b99@9e197 >> 51

    https://wikiwiki.jp/thetrickal/テンプレート/テスト2#skillsTest
    試しにテンプレート/テスト2のページで遺物カード専用のボックスを作ってみました。
    遺物スキルはアクティブ強化とパッシブ強化の2つの役割があるので、完全に独立して表記してしまったほうが良いのではないかと思いました。

    また、現行のレイアウトの改善点になるのですが、水平線の主張が少し強いことが挙げられると思います。
    現状だと低学年スキル、高学年スキル、パッシブスキルでは非常にきれいに見えてとても良いと思うのですが、
    普通攻撃では

    基本
    説明文
    ──────────
    数値量
    強化
    説明文
    ──────────
    数値量

    となっています。
    「基本」と「強化」の区切りより水平線のほうが目立って見え、一見3つのセクションに見える場合があります。
    ここに遺物スキルも加えると4つに分かれて…というのも今回少し見づらかった原因ではないかと思います。

    対策として、
    1.「基本」と「強化」などの間に現在より主張の強い区切り表現を使う
    2.水平線は強い区切りなので、「基本」と「強化」などの最も分けたい場所に使う
    などすると少し見やすくなると思います。

    それらを含めテンプレート/テスト2のページで色々試してみました。
    ゲーム画面の再現からは少し逸脱しているのですが…

    54
    名前なし 2026/02/14 (土) 10:38:35 修正 799ef@caae7 >> 52

    ありがとうございます!
    個人的に数値量に水平線なし版が見やすかったので、それを元にテスト3を用意してみました。

    水平線なし版を反映させると共に以下の対応を行いました。
    1)他の見出し部分のフォントサイズも大きく変更
    2)見出し部分で余白をnbspで取っていた部分をすべてemspに変更(不死者のタグなどに合わせる)
    3)宴会場の会話の部分にareaeditを埋め込み、lazy_accordion内のareaeditは複数動作がおかしいなようなので、埋めてくれる方が多い会話の部分のみの対応

    相変わらずモバイルで見たときにテキストの回り込みができてたりできてなかったりが気になりますが(これは元々なのでWIKIWIKIの問題かと)、見やすくなっていると思います。
    ご意見ご感想をお寄せいただけますと幸いです。

    55
    名前なし 2026/02/15 (日) 17:47:33 d3b99@9e197 >> 52

    1、2、3どれも良いと思います!!

    私もテスト2でまた色々作ってみたので、良さそうなものあったら試してみてください。
    要素が多いのでレイアウト難しいですね…。
    https://wikiwiki.jp/thetrickal/テンプレート/テスト2

  • 56

    特に反対意見がありませんでしたので、ひとまずテンプレートにここまでの更新内容を反映させました。既存ページにつきましても反映させていきます。よろしくお願いします。