UIデザインの魅力を引き出す無料UIモックアップがダウンロードできるサイト10選
最近のUXUIデザイナーは、一段とサービスデザインやUIをデザインを作る機会が増えたことにより、クライアントにサービスの魅力やアプリの説明をする為の資料を作成する機会も増えてきているのではないでしょうか? デザイナーにとって魅力を伝えたり、説明をする為の資料は非常に重要でもあり時間(コスト)のかかる作業です。 そこで、少しでも時間(コスト)を減らす為に、キービジュアルとして利用できる素材をダウンロードできるサイトをご紹介します。
(※ご利用の際は、リンク先の利用規約を読んでからご利用ください。)
作成データを自動でモックアップに当て込み画像をダウンロードできるサイト
FRAME
FRAMEでは、好みのモックを選択し作成画像をアップロードするだけでモックアップに当て込んでくれるサービスです。 割合はapple系のモックアップが多いですが、全体的に選べるフレームの数は少なめです。
Placeit
「Placeit」は、PNG、JPGの他にMP4への自動当て込みが可能です。 素材の数も多くかなり使い勝手が良いモックアップサイトです。
mockDrop
mockDropは、使用シーンなどを想定したモックアップが数多く揃っています。 大枠としては、Smartphone、Laptop、Desktop、Watch、Tablet、TVがあり、サムネイル一覧で表示されるため、ザッピングしやすいです。
PSD形式のフリー素材を配布してくれるサイト
instantShift
110+ Free Android Based Smartphones Mockup PSD Designs | InstantShift
instantShiftは、各種メーカーのSmartPhoneのモックアップがあります。 特に素材が充実しているメーカーは、「Samsung」「Nexus」といったAndroid系が数多く揃っています。
MOCKUPWORLD
MOCKUPWORLDでは、筐体だけではなくブランディングなどにも役立つ素材が高品質で数多く揃っています。 デバイス筐体系のモックアップでは、おしゃれな素材が多くサービスイメージと背景がマッチすればかなり魅力的なビジュアル素材を作成できるかもしれません。
mockupdeals
mockupdealsは、利用したい形式またはシーンから素材を絞り込むことができます。 品質と素材の数は多いですが、無料で使用できるのが一部なので検索するのに時間がかかるかもしれません。
TESLA THEMES
http://teslathemes.com/blog/freebie-19-high-quality-device-mockups-psd/
TESLA THEMESはwebテンプレートを販売しているサイトです。 サイト内のBLOG項目に高品質のデバイスモックアップを見つけただけなので、数は少ないですが高品質です。
UIPIXELS
UIPIXELSはトルコのWebデザイナーのEmrah Demiragによって作成された無料のデザインリソースコレクションです。 デバイスモックアップからUIキット、sketchデータまで幅広い素材が揃っています。
GRAPHIC BURGER
GRAPHIC BURGERは高品質のデザインリソースがあるサイトです。 モックアップの幅も広く素材の数も多いのでオススメですが、無料と有料の素材が混在しているので利用するときは注意が必要です。
premiumpixels
premiumpixelsはイギリスのWebデザイナーOrman Clarkによって作成された、無料のデザインリソースコレクションです。 無料リソースの他に、ワードプレスのテーマなども公開しています。(ワードプレスは有料)
まとめ
日本ではまだ無料のリソースコレクションなどは数が少ないですが、海外では結構あるようなので是非時間がある時は自分のために検索をしてみるのもいいかもしれませんね。
最後に、利用する際は、リンク先の利用規約などをよく読んでから利用しましょう。