appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-スタースマッシュ 情報設計 情報設計-指の可動域を意識したレイアウト こんにちは、ちょこです！ 「スタースマッシュ」にて、カードイラストを拡大縮小する際にスライダーが採用されていました。 便利だったので紹介します！ 対象の画面はこちらですね。 挙動としてはこんな感じです。 このようにスライダーにあわせてイラストが拡大縮小します。スライダーがあることによって片手で操作できるため、大変便利です。 よくある拡大縮小の実装として、ピンチインアウトが採用されていますが、端末を支える手と、ピンチインアウトをする手とが必要となり、結局両手を使うことになります。 横持ちのゲームであれば、元々両手で操作しているため、あまり煩雑さを感じませんが、縦持ちの場合は片手で操作していること… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F12%2F01%2F235000" title="「スタースマッシュ」スライダーでイラストが拡縮できるので片手操作できて便利 - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20201201/20201201220628.png Hatena Blog https://hatena.blog 2020-12-01 23:50:00 rich https://appgameui.hatenablog.com/entry/2020/12/01/235000 1.0 100%