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

調査した結果を共有します。

主な参照元

• FrontPage 幅指定: 110 (Chrome表示時: 103px)
• テーマ劇場→ボーナス使徒一覧 幅指定: 100 (Chrome表示時: 93px)

現在の画像サイズ、縦横比

• 最大: スピッキー.jpg: 376x391
• 最小: キュウイ.jpg: 195x199

多くの画像が1:1よりやや縦長。
たまに正確に1:1の画像も存在します。

• ディアナ.jpg: 199x199
• エピカ.jpg: 252x252 (Namuwikiと同サイズ)
• ローネ.jpg: 384x384 (私が作成)

レイアウト

• ☆の大小: スピッキー.jpg ローネ.jpg
• アイコンのずれ: キュウイ.jpg

添付先、ファイル名、(圧縮形式)

現在は整理してくださる方のご尽力あって「FrontPage/使徒名.jpg」で統一されています。
(以前はかなり混沌としていました。)

Namuwiki

使徒の透過画像はNamuwikiのトリッカルリバイブ/キャラクターから各使徒ページへ飛びゲーム内情報のセクションから取得しています。
縦横サイズは 252x252 で統一されているようで、圧縮形式はWebPです。

ゲーム内使徒一覧

ゲーム内では下に名前や戦闘力などの情報を表示エリアがあり横長です。
左上のフォローアイコン、右上の新着マークが表示され、他のアイコン類は中央に寄っています。
また役割アイコンが現在のサムネイルと異なり左側にあります。

(新着マークがやや気になりますが、これをそのまま切り取って使っても良い気はします。)

私の案です。

• サイズ(縦横比): 240x240 or 252x252 (1:1)
• 添付先: 画像 (あるいはその下位ページ)
• ファイル名(圧縮形式): 使徒名_サムネイル.webp or サムネイル_使徒名.webp (WebP Quality:70～80前後?)

レイアウト(2案)

A: B:

A案は今のアイコン配置を継承し、対してB案はゲーム内のものを意識して役割アイコンを左にしてみたものです。
両方とも以下の変更をしています。

• 性格をゲーム内と同じ縁付きアイコンに変更
• 各種属性アイコンを視認性のため今より拡大
• 初期☆表示は大きいものを継承

サイズ(縦横比)

使徒素材サイズが252x252なので、特に微妙に縦長にする必要が無ければそれに近い1:1で良いと思います。

240x240が近い8の倍数であり約数も多くデザイン上の都合は良いと考えています。
しかし、素材より小さいことで作業者のする配置にブレが生じるならば同じサイズの252x252の方が良いとも思います。

ファイル名

ファイル名については統一できればそこまで強い考えは持っていません。
仮に「サムネイル」としましたが、もっと良い語の案があれば変えたいです。

圧縮形式

同じページ内に多数表示するものなので、WebPがいいかなと思います。