SPICE OF DESIGN

デザインをこれから始める人やデザイナーの人のちょっとした思考のスパイスになる情報を掲載。

UIデザインの魅力を引き出す無料UIモックアップがダウンロードできるサイト10選

f:id:guri283:20170209145027p:plain

最近のUXUIデザイナーは、一段とサービスデザインやUIをデザインを作る機会が増えたことにより、クライアントにサービスの魅力やアプリの説明をする為の資料を作成する機会も増えてきているのではないでしょうか? デザイナーにとって魅力を伝えたり、説明をする為の資料は非常に重要でもあり時間(コスト)のかかる作業です。 そこで、少しでも時間(コスト)を減らす為に、キービジュアルとして利用できる素材をダウンロードできるサイトをご紹介します。

(※ご利用の際は、リンク先の利用規約を読んでからご利用ください。)


作成データを自動でモックアップに当て込み画像をダウンロードできるサイト

FRAME

f:id:guri283:20170206130037p:plain

http://frame.lab25.co.uk/

FRAMEでは、好みのモックを選択し作成画像をアップロードするだけでモックアップに当て込んでくれるサービスです。 割合はapple系のモックアップが多いですが、全体的に選べるフレームの数は少なめです。


Placeit

f:id:guri283:20170206131004p:plain

https://placeit.net/

「Placeit」は、PNG、JPGの他にMP4への自動当て込みが可能です。 素材の数も多くかなり使い勝手が良いモックアップサイトです。


mockDrop

f:id:guri283:20170206132152p:plain

http://mockdrop.io/

mockDropは、使用シーンなどを想定したモックアップが数多く揃っています。 大枠としては、Smartphone、Laptop、Desktop、Watch、Tablet、TVがあり、サムネイル一覧で表示されるため、ザッピングしやすいです。


PSD形式のフリー素材を配布してくれるサイト

instantShift

f:id:guri283:20170206133043p:plain

110+ Free Android Based Smartphones Mockup PSD Designs | InstantShift

instantShiftは、各種メーカーのSmartPhoneのモックアップがあります。 特に素材が充実しているメーカーは、「Samsung」「Nexus」といったAndroid系が数多く揃っています。


MOCKUPWORLD

f:id:guri283:20170206134458p:plain

https://www.mockupworld.co/

MOCKUPWORLDでは、筐体だけではなくブランディングなどにも役立つ素材が高品質で数多く揃っています。 デバイス筐体系のモックアップでは、おしゃれな素材が多くサービスイメージと背景がマッチすればかなり魅力的なビジュアル素材を作成できるかもしれません。


mockupdeals

f:id:guri283:20170206150401p:plain

https://www.mockupdeals.com/

mockupdealsは、利用したい形式またはシーンから素材を絞り込むことができます。 品質と素材の数は多いですが、無料で使用できるのが一部なので検索するのに時間がかかるかもしれません。


TESLA THEMES

f:id:guri283:20170206151139p:plain

http://teslathemes.com/blog/freebie-19-high-quality-device-mockups-psd/

TESLA THEMESはwebテンプレートを販売しているサイトです。 サイト内のBLOG項目に高品質のデバイモックアップを見つけただけなので、数は少ないですが高品質です。


UIPIXELS

f:id:guri283:20170206152027p:plain

http://www.uipixels.com/

UIPIXELSはトルコのWebデザイナーのEmrah Demiragによって作成された無料のデザインリソースコレクションです。 デバイモックアップからUIキット、sketchデータまで幅広い素材が揃っています。


GRAPHIC BURGER

f:id:guri283:20170206152801p:plain

http://graphicburger.com/

GRAPHIC BURGERは高品質のデザインリソースがあるサイトです。 モックアップの幅も広く素材の数も多いのでオススメですが、無料と有料の素材が混在しているので利用するときは注意が必要です。


premiumpixels

f:id:guri283:20170206153344p:plain

http://www.premiumpixels.com/

premiumpixelsはイギリスのWebデザイナーOrman Clarkによって作成された、無料のデザインリソースコレクションです。 無料リソースの他に、ワードプレスのテーマなども公開しています。(ワードプレスは有料)


まとめ

日本ではまだ無料のリソースコレクションなどは数が少ないですが、海外では結構あるようなので是非時間がある時は自分のために検索をしてみるのもいいかもしれませんね。

最後に、利用する際は、リンク先の利用規約などをよく読んでから利用しましょう。

広告を非表示にする