Advertisement

 

2014年3月にGoogleが発表したスマートウォッチ向けプラットフォーム、Android Wear夏頃の発売を予定しており、すこしずつPhotoshopで扱えるインターフェースデザインなどの素材があつまり出してきています。洗練されたスタイルを押し出したMoto 360は、円形デザインということも話題になっているようです。

 

 

海外デザインブログNoupeで、Moto 360のコンセプトデザインや無料PSDモックアップ、さらにAfterEffect用ファイルなどをまとめたエントリー「Create for the Next Big This: Free Android Wear UI PSD Mockups」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

Moto 360インターフェースのコンセプトデザイン

 

Moto 360 / UI Concept

本物かと見間違うほど作りこまれた作品で、警告アラートや 天気予報、音楽アプリ、GPSマップまで再現。トレンドを意識したぼかし背景とミニマルスタイルが印象的です。

ui-Concept-by-anand-mourouguessin

 

 

 

Spotify Android Wear App

アメリカを中心に人気の音楽アプリSpotifyのAndroid Wear用コンセプトデザインで、デザイン性と機能性を兼ねそなえた作品に仕上がっています。

spotify-android-wear-app

 

 

 

Application Concept for Android Wear

実際の動きを想定したGIFアニメーション動画は、より具体的なインターフェースデザインの動きを確認できます。

application-concept-for-android-wear

 

 

そしてこちらが公開されているGIFアニメーション動画。

 

 

 

無料ダウンロードできる、モックアップ用PSDデザイン素材まとめ

 

実際にインターフェースデザインを再現することができる、モックアップ素材を集めています。どれも無料ダウンロード可能となっていますが、利用に関するライセンスは個人のみとなっています、各自ご確認ください。

 

Android Wear Scene PSD Template

時計の文字盤部分をスマートオブジェクト機能を利用し、編集することができます。こちらは音楽アプリをイメージ。

android-wear-scene

 

 

 

Android Wear PSD Template

電話着信ディスプレイを再現したモックアップPSD。

android-wear

 

 

 

iWatch Free Template

黒の革ベルトにスタイリッシュなメタルな文字盤が印象的なテンプレート。

iwatch

 

 

 

Free Google Watch PSD

文字盤の光の反射まで再現された、高品質なPSDモックアップ。

google-watch

 

 

 

Moto 360 It’s Time

より立体的に再現され、メタリックな光沢感まで再現したテンプレート。こちらもスマートオブジェクト機能を利用。

moto-360

 

 

 

Free Moto 360 Mockup

他のテンプレート素材とは異なる、ごつめの文字盤デザインが印象的だったPSDファイル。

moto-360-mockup

 

 

 

Google Watch AEP Freebie

AfterEffectsを扱うひとは、こんな素敵GIFアニメーションを作成する無料ファイルも公開されています。

android_wear_-_clock_app_design_ramotion(2)

 

 

参照元リンク : Create For the Next Big Thing: Free Android Wear UI PSD Mockups – Noupe