Excite Designer's Blog

【iPhoneアプリ】Super Shuffle Player

e0292726_1635584.jpg


自分のiPhone/iPodに入っている曲はもちろん、自作のプレイリストもこのアプリ内で再生が可能!再生までの動作を極限までに少なくした音楽プレイヤーです。

しかも、一画面で、再生~停止~プレイリストの切替えまで簡単に操作できてしまいます!

Super Shuffle Playerアプリ(無料)のDLはこちらからどうぞ。





Super Shuffle Playerの使い方

(1)上下にスクロールで、リストの中身が分かります。

e0292726_115239.jpg

Super Shuffle Playerはプレイ画面でリストの中身が確認ができます。
曲の順番を変えたい時は、右上のシャッフルアイコンをタップ!
曲がシャッフルされて順番が入れ替わります

また、リストの中にすぐ聴きたい曲があればタップで再生ができます。



(2)タップで再生/停止します。

e0292726_11525110.jpg

曲を選んでタップすると曲が再生されます。再びタップすると停止します。



(3)左右のスワイプで、リストを変更します。

e0292726_11532494.jpg

左右にスワイプするだけでリストが変わります!

リストを追加・削除したい時はタブバー中央の設定アイコンをタップしてください。



(4)タップひとつでプレイリストを追加できます。

e0292726_1154181.jpg

追加したいリストをタップして選択します。外したいリストをタップすると選択が解除されます。

右上の『Edit』ボタンをタップするとリストの削除ができます。ドラッグ&ドロップでリストの順番も変更できます。
『Create New Playlist』をタップすると新しいリストを作ることができますよ!



(5)♪アイコンをタップするとリストを編集できます。

e0292726_11545681.jpg

アルバム、アーティスト、ジャンル、曲ごとに追加/削除ができます。



UIでこだわったところ

(1)リスト変更のとき、少しのアニメーション効果で楽しさアップ!

e0292726_1155292.jpg

スワイプするとき、3D効果でリストをくるくる回す感じが楽しめます。



(2)再生中の曲名の文字色が変わる!

e0292726_11555849.jpg

ジャケット画像のRGB数値を計算して曲名の文字色を変えています。
見た目に変化があるとちょっとうれしいですよね。

ただ、ジャケット画像の色が全体的に薄い場合は曲名の色も薄くなって読みづらくなるケースもあります。
ですのでそれも考えて計算式に反映しました。



(3)タブバーは半透明に

e0292726_1156295.jpg

1)一画面で出来るだけ多くの曲を見せたい。
2)動作を少なくするため、タブバーは常に見せる。

上記の条件を前提としてUIを設計する時、一番悩んだのは画面が狭く感じることでした。
タブバーを半透明にして下のリストを見せ、少しでも画面が広く感じるようにしました。



(4)選択したリストと曲は一目で分かるように!

e0292726_11564958.jpg

Super Shuffle Playerはミュージックプレイヤーアプリですので、リストと曲を追加/削除する動作が多いです。
なので選択した項目は黒、反対の場合は薄いグレーを使用して、選択されている項目が一目で分かるようしました。



最後に

通勤中・仕事中・リラックスタイム・ジョギング時など、毎日音楽を聴く方にお勧めです!簡単手軽なSuper Shuffle Playerと一緒に、音楽ライフをシャッフルして楽しみましょう♪



by spdesigner | 2012-12-28 12:40 | アプリ紹介 | Comments(0)


Exciteのデザイナーのブログです。


by spdesigner

プロフィールを見る

検索

カテゴリ

design
アプリ紹介
検証
Tips
ブックマーク
iOS

外部リンク