商用でも完全無料!Webサイトやスマホアプリをプレゼンで魅せるためのベクター素材 -Vector Mockups Library
Post on:2019年2月4日
Webサイトやスマホアプリのプレゼンテーション用に便利な無料のベクター素材を紹介します。iPhone, Androidをはじめ、スマホ・タブレット・デスクトップ・ブラウザなど、さまざまなデバイスが揃っています。

素材はMITライセンスで、個人でも商用でもクライアントのプロジェクトでも無料で利用できます。クレジットの記載は必要ありません。
Vector Mockups Libraryには、以下のデバイスが揃っています。
- iPad
-
- iPad Pro 12.9
- iPad Pro 11
- iPad Pro 12.9
- iPad Pro 10.5
- iPad 9.7
- iPhone
-
- iPhone X
- iPhone 8
- iPhone 5S
- Mac
-
- iMac
- Macbook Pro
- Watch
-
- Watch Series 4
- Watch Series 3
- Android
-
- Pixel 3 XL
- Pixel 2 XL
- Galaxy S9
- Browser
-
- Chrome
- Safari
それぞれごとに4つのスタイルも用意されているので、便利です。

左から、Line, Transparent, Clay Light, Clay Dark
素材のフォーマットは、下記の通り。
- Sketch用のシンボル
- Figma用のコンポーネント
- Photoshop用のスマートオブジェクト

素材のフォーマット
ダウンロードした素材をPhotoshopで開いてみました。

モックアップ素材をPhotoshopで開いてみた
各デバイス・ブラウザのモックアップ素材、プレゼンなど見栄えする用の素材が入っています。

見栄えする用の素材をPhotoshopで開いてみた
ダウンロードは、下記ページから。

「Get It」をクリックすると、Gumroadに移動するので、希望価格に「0」を入力すると、無料でダウンロードできます(要Gumroadに登録: 無料)。
sponsors