Apple Watchアプリをデザインするなら持っておきたい無料素材まとめ

アイデア出しが捗るペーパープロトタイピング素材

Fb310dceda47dd732949be84cd7e45d1

A4サイズとレターサイズの2種のPDF素材で、12ページで構成されています。
38mmモデル42mmモデル両方に対し、「無地」「ドット方眼」「方眼」の画面イメージが用意されており、横スクロールや遷移を想定したキットになっています。

Source
※ページ下部「Download for free!」と書かれたURLからダウンロードできます。


必要サイズの自動生成&書き出しが可能なWatch向けアイコンのテンプレートPSD素材

Apple Watch Icon Template screenshot1

メインとなるアイコンを制作することで、複数のサイズ違いに対応したアイコンを生成してくれるテンプレート素材です。
さらに、書き出し用のアクション素材もセットになっているので、@2x.pngファイルなども自動で書き出してくれます。

Source
※「DOWNLOAD FREE:」と書かれたURLをクリック。遷移した先のページの「DOWNLOAD FILE」ボタンからダウンロードできます。


5色展開!SPORTSをモチーフにしたフラットデザイン版のPSDモックアップ素材

Apple watch mockup

3タイプあるApple Watchのうち、最廉価モデルの「SPORTS」をベースに作られたPSDモックアップ素材です。
「青」「黒」「白」「赤」「黄緑」の5色展開にも対応した素材です。
アプリのプレゼン資料など、完成イメージを伝えたい場合に使える素材です。
Source
※ページ下部の「Download」ボタンからダウンロードできます。

写真素材のモックアップが欲しいという方は、無料ではないけれど品質が高いモックアップがこちらです。
http://graphicriver.net/item/watch-mockups/10544378


CSSで再現されたApple Watchモックアップ素材

スクリーンショット 2015 03 11 1 31 54
アプリのイメージをWebで共有する場合などに便利なCSSモックアップ素材です。
Photoshopを使えない人や、使えない環境の人でも手軽に利用できるのがありがたい素材です。
Source
※「サイズ」「カラー」を選択し、「Generate CSS」ボタンをクリックすると必要なCSSが出力されます。CSSファイルとしてダウンロードも可能です。


参考になるのはやっぱり公式!Watch向け公式アプリのアイコン素材

スクリーンショット 2015 03 11 1 39 21
Apple Watchに搭載されとされている公式アプリのアイコンセットです。
.sketchファイルでの配布のため、ファイルを開けない人も多いかもしれませんが、公式アプリの分析はかなり参考にできそうです。

Source


おまけ:どうしても今すぐApple Watchが欲しい!!という人のためのペーパークラフト版Apple Watch

A4サイズ、レターサイズのPDFファイルとして公開されているペーパークラフトのApple Watchです。
遠目にぼんやり見ると、本物かと思ってしまいそうな完成度です。
あくまで”ネタ”アイテムではあるものの、UXを検討する場合にロールプレイングを行うなど、真面目な使い道もあるかもしれません。
Source
※必要に応じて「A4 size/Letter size」をクリックするとダウンロードできます。

Apple Watchはあまりにも未知数なアイテムのため、「本当に購入するの?」「既存のアプリを対応させるの?」など検討事項が多くあります。
そんなユーザーの”様子見”の感じが伝わってしまったのか、iPhoneやMacに比べるとデザイン素材の数が圧倒的に少なく感じます。。ただ、Watchが普及するにつれて、デザイン素材も増えてくると思うので、当サイト「ultimAGAZINE」では積極的に紹介していきたいと思います。

Watchアプリの制作を考えている人は、ぜひ参考にしてみてくsださい!

Commentsこの記事についたコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です