ライブラリ · 95 モデル · 各リリースで更新

透明PNGでダウンロード可能なデバイスモックアップ

スマートフォン、タブレット、コンピュータ、スマートウォッチ、正面から見た空の画面、透明な背景。キャプチャをフレームの後ろにドラッグ:切り抜きなし、透かしなし。無料、個人および商用利用可。

スマートフォンのモックアップ

73 モデル · Apple, Samsung, Google, Xiaomi

iPhone モックアップ34 モデル

Samsung Galaxy モックアップ16 モデル

Google Pixel モックアップ8 モデル

Xiaomi モックアップ7 モデル

Motorola モックアップ2 モデル

他のブランドのモックアップ6 モデル

これらのモックアップを使用する方法

ツールに関係なく3つのステップ。

  1. 01 デバイスを選択 各カードには、viewport CSS、画面解像度、ファイルサイズが記載されています。
  2. 02 透明PNGをダウンロード アカウントや透かしなし。高解像度版は$9.90の一括払いで利用可能です。
  3. 03 キャプチャをフレームの後ろにドラッグ 画面が空なので、Figma、Photoshop、Canva、Keynoteで切り抜きやマスクを作成する必要はありません。

画面を埋めるために

ワンクリックでモバイルスクリーンショットを生成

Mobile FIRSTシミュレーターでサイトを開き、デバイスを選択し、適切な比率で透明な背景のPNGキャプチャをエクスポートします。それは対応するモックアップに直接挿入されます。

Chrome用にインストール

4.93/5 5,100件のレビュー · 1,600,000人のユーザー · 無料

Mobile FIRSTからエクスポートされたスクリーンショット、その寸法とWebPおよびPNGのダウンロード

デバイスモックアップとは何ですか?

デバイスモックアップは、電話、タブレット、コンピュータのフレームの画像で、空の画面にキャプチャを挿入して、サイトやアプリケーションを使用状況のコンテキストで表示します。販売ページ、ポートフォリオ、クライアントプレゼンテーションでは、iPhoneやGalaxyに配置された同じキャプチャがすぐにモバイルインターフェースとして認識されます。

このライブラリのすべてのファイルは透明な背景のPNGです:デバイスの周囲と画面領域は空で、切り抜きが不要です。Figma、Sketch、Photoshop、Canva、Keynote、PowerPointの下層にキャプチャを配置すると、フレームがきれいに重なります。カラフルな背景、グラデーション、写真にも対応。Webへの直接統合用にWebPバージョンも提供されています。

ライブラリには、iPhone、Samsung Galaxy、Google Pixel、Xiaomi、iPad、Galaxy Tab、MacBook、スマートウォッチ、インタラクティブキオスクのモックアップが含まれ、古いモデルから最新リリースまでカバーしています。折りたたみスマートフォンは、折りたたんだ状態と展開した状態の両方を収録しています。フレームもキャプチャの比率も別物だからです。各カードには、適切な比率でキャプチャを準備するために知っておくべき2つの値であるデバイスのviewport CSSと画面解像度が記載されています。

よくある質問

モックアップは無料ですか?

はい。各モックアップは、アカウント作成や透かしなしで、透明なPNGまたはWebPで無料でダウンロードできます。高解像度版は$9.90の一括払いで提供されています。

モックアップファイルには何が含まれていますか?

正面から見たデバイスのフレーム、空の画面、透明な背景。何も切り抜くことなく、キャプチャをフレームの後ろに配置します。

商業プロジェクトで使用できますか?

はい、個人および商用利用が許可されており、帰属は不要です。ファイル単体の再販のみが除外されます。記載されているブランドとモデルはそれぞれの所有者に帰属します。

モックアップの画面をどのように埋めますか?

Mobile FIRST拡張機能を使用して:シミュレーターでサイトを開き、デバイスを選択し、すでに適切な比率の透明な背景のPNGキャプチャをエクスポートします。

新しいモデルは追加されますか?

はい、新しいデバイスがリリースされるたびにライブラリが拡充されます。

これらの95デバイスでサイトをテストし、画像だけでなく

モックアップはフレームを示します。拡張機能は、デバイスの正確なviewport CSSでサイトを内部に表示します。