Facebook 【UI】Music Player
Logo

【UI】Music Player

クレジット
【UI】Music Player-1
シェア

【UI】Music Player

【UI】Music Player <作成フロー> 1、参考アプリUI画面をスクリーンショット 2、参考サービスのUI画面から要素を抽出 3、ワイヤーフレームの作成 4、コンポーネント カラーパターンの設計 5、UI画面の設計 <ユーザーイメージ> ・24歳OL ・音楽好き ・お洒落に気を遣う <工夫した点> ニュモーフィズムデザインに挑戦しました。 取り入れた理由は2つです。 1、洗礼された印象になるため、感度高いユーザーには好まれると思ったため 2、再生画面の要素はほとんどのアプリで共通しているため、ニューモーフィズムデザインを取り入れても操作に支障は出にくいと考えたため。 視認性を高めるためにアクティブ時(凹)とノンアクティブ時(凸)の塗り潰しの色を変えました。 ボタンの大きさと形状に合わせてシャドウの濃さと深さも変更しています。
クレジット
シェア
shoichi ishidaの他の作品
画像
作品を見る
【プロトタイプ】SNSプロフィール画面 
foriio

あなたのforiioを無料で作成

fori.io/
Logo
【UI】Music Player-1

【UI】Music Player

【UI】Music Player <作成フロー> 1、参考アプリUI画面をスクリーンショット 2、参考サービスのUI画面から要素を抽出 3、ワイヤーフレームの作成 4、コンポーネント カラーパターンの設計 5、UI画面の設計 <ユーザーイメージ> ・24歳OL ・音楽好き ・お洒落に気を遣う <工夫した点> ニュモーフィズムデザインに挑戦しました。 取り入れた理由は2つです。 1、洗礼された印象になるため、感度高いユーザーには好まれると思ったため 2、再生画面の要素はほとんどのアプリで共通しているため、ニューモーフィズムデザインを取り入れても操作に支障は出にくいと考えたため。 視認性を高めるためにアクティブ時(凹)とノンアクティブ時(凸)の塗り潰しの色を変えました。 ボタンの大きさと形状に合わせてシャドウの濃さと深さも変更しています。
クレジット
シェア
shoichi ishidaの他の作品
画像
作品を見る
【プロトタイプ】SNSプロフィール画面 
foriio

あなたのforiioを無料で作成

fori.io/