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

編集相談 / 327

327
名前なし 2026/06/30 (火) 22:27:13 修正

遺物・スペルカードのフォーマットを変更したいと思っています。
https://wikiwiki.jp/thetrickal/下書き#q875741c

・表に出る部分はシンプルに。(ここのごちゃつきが変更したいと思った主な理由)
・ランク毎・ハンダ付け毎の効果値をテーブルにして折り畳みの中に格納。
・ランク毎の記録テキストも折り畳みの中に格納。スペルカードの登場使徒もこちらへ。
・アイコンはグローバル版にしかないものは★数などの影響を受けず、切り抜きが簡単な図鑑からの切り抜きに変更。
 本国版からあるものは背景とアイコンの合成に変更。
表記やデザインのアイデアなど、お力をお貸しいただければ幸いです。

通報 ...
  • 329
    名前なし 2026/06/30 (火) 23:03:04 f352b@4c5d3 >> 327

    スマホで見た時にカード画像の横が大きくあくのが気になったので、レイアウトをいじって基本情報が回り込むようにしてみました。→バターのイエローカード_alt3
    とはいえテキストが長くなると見づらくなりそうですし、PCで見た時のすわりはalt2の方がいい気がしますね…

    あととても些細ですが、愛用遺物の表とスペルの登場使徒で高学年スキルアイコンにリンクが貼ってあるかに違いがあるのが気になりました。

    331
    名前なし 2026/07/02 (木) 11:03:09 >> 329

    alt3の回り込み方が好みでしたので適用すべく色々試してみたところ、スマホ環境でアイコンの大きさがちぐはぐになる問題がとりあえず解消できましたのでこちらにしてみようと思います。
    ありがとうございます。

    一旦このフォーマットで差し替えを開始しようと思います。

  • 334
    名前なし 2026/07/03 (金) 16:06:28 46102@53215 >> 327

    うーん、以前のフォーマットのほうがスッキリして見やすいと思います
    上昇する値を表にして格納する必要もないと

    335
    名前なし 2026/07/03 (金) 23:37:41 f352b@4c5d3 >> 334

    重要度の低い部分を削って畳んでいるので、一見しての情報量は元のフォーマットと比べ確実に下がっているはずです。
    デザインとしての良さについては改善する余地があるということかもしれませんが、具体的にどうするかまでは思いつきませんね…

    338
    名前なし 2026/07/04 (土) 11:33:37 46102@49563 >> 334

    画像が小さく少しちゃっちく見えますね
    その横がコストなので空白が多くバランスが悪いです
    新フォーマットはnamuwikiを参考にしているようなので、同じように画像1
    画像2
    画像を大きく画像横の情報を多めにしたほうが見栄えがいいと思います

    339
    名前なし 2026/07/04 (土) 14:08:41 f352b@4c5d3 >> 334

    画像1 alt3の初版はこんな感じで作っていたので想定外なレイアウトになっている気がします。


    関係ないですが、そのダークモードらしきものはどうやって設定しています?
    Wikiwikiの公式には無いと思っていて、デザイン上対応不要だと認識していたのですが、何かしら機能として存在しているなら色々対応を変えないといけない気がします。

  • 340
    名前なし 2026/07/04 (土) 14:50:39 f352b@4c5d3 >> 327

    元のalt3を画像だけのヨミ遺物の方に適用してスマホで見ると確かに崩れてしまっていたので、responsive_layoutベースでやってみました。カード下書きalt4
    ただこれの場合左右パディングが大きすぎる気がするので、何かしら削る手段があるとよいのですが…
    画像1

    341
    名前なし 2026/07/04 (土) 22:18:36 修正 >> 340

    取り急ぎこちらを適用しました。
    元のalt3はアイコンサイズや文章量に影響されてアイコンサイズがちぐはぐになってしまっていたので、その対策(>> 331)を施した結果、スマホで見たときにアイコンサイズが小さく感じられる方がいたようです。パディングはとりあえずやむなしと思います。
    他に具体的なデザイン例を作れる方いらっしゃいましたら何卒よろしくお願いします。

  • 343
    名前なし 2026/07/06 (月) 17:00:20 ad2c7@163db >> 327

    下書きページのalt5の項目にnamuwiki風のデザインをおこしました
    自由に改変してください
    ご参考までに

  • 344
    名前なし 2026/07/06 (月) 23:38:58 d4100@35caf >> 327

    フレーバーテキストはfoldで括るより外に出して欲しいな
    愛用の☆2や3を隠すのは分かるけど☆1は公開情報だしパッと見で見えないと淋しい