UI/UX

【イラスト】デレステのイラストのトリミングについて

idolmaster-cinderella-starlight-stage-illust-trimming

デレステ(アイドルマスター シンデレラガールズ スターライトステージ)のUIのこと調べていたのですが、ふとイラストの入れ方も気になったので、ネットで幾つか画像を調べてトリミング方法を探ってみました。

基本は、各端末の解像度に合わせて、上下左右は調整してトリミングしている感じかなと(全然違ってたらすみません)

カードのトリミング

f:id:min0124:20171120002111p:plain

画像サイズ:1280x824 px

  • 緑枠:1136x640 px(iPhone5)

  • 水色枠:1024x768 px(iPad2)

  • 紫枠:1280x720 px(iPhone6 本来の解像度は1334x750 px)

  • 黄枠: 1098x824px(iPad4 本来の解像度は2048x1536 px)

  • 赤枠: 640x800 px(カード表示)

参考

高垣楓 | アイマス シンデレラガールズ カードギャラリー

まとめ記事の紹介

参考記事

参考書籍

gitの入門書です。

created by Rinker
¥2,484
(2019/06/20 10:57:12時点 Amazon調べ-詳細)

LifeHackに。

ABOUT ME
すいみん
東京在住。デザイナー寄りのテクニカルアーティスト。 ブログは技術検証の備忘録として書いています。