タブレットモックアップ
アプリやサイトを、横向きか縦向きのタブレット枠の中に表示できます。
- ブラウザ内で動作
- アップロード不要
- アカウント不要
ブラウザツールを読み込んでいます…
タブレットモックアップでできること
タブレットの枠は、スマートフォンには幅が広すぎるものの、デバイスらしく見せたいダッシュボード、読書アプリ、レスポンシブなウェブサイトに向いています。画面は 4:3 の形なので、横長のスクリーンショットが自然に収まります。「向き」が「自動」なら、横長のスクリーンショットは横向き、縦長のものは縦向きになります。どちらかに固定することもできます。
枠のベゼルは均一で、上のベゼルの中央に小さなフロントカメラがあり、既定ではサンドのグラデーションの上に置かれます。「デバイスの色」(ブラック、シルバー、ナチュラル、ブルー)と「画面の背景色」は「その他のオプション」にあります。モバイルのレイアウトには、より縦長の画面とカメラ部分があるスマートフォンモックアップを使ってください。
例
選ぶもの
組み込みのサンプル(「例を使う」)、横向きの 1440 × 1080 px
ダウンロード
example-billing-settings-tablet-mockup.png 1814 × 1454 px:サンドの背景に黒いタブレット
画面は 1440 × 1080、ベゼルは短い辺の 4%(43 px)、余白は画面の幅の 10%(144 px)です。
タブレットモックアップの使い方
- 「ファイルを選択」をクリックするか、スクリーンショットを貼り付けます。
- 「向き」「スクリーンショットの合わせ方」「背景」を選びます。
- 「その他のオプション」で「デバイスの色」「画面の背景色」「余白」「影」を変え、「.png をダウンロード」をクリックします。
知っておきたいこと
- 画面は常に 4:3 です。16:10 や 16:9 のスクリーンショットは、画面の背景色の帯が見える(「全体」)か、端が切れる(「塗りつぶし」)かのどちらかになります。
- タブレットは平面的に正面から描かれます。斜めや遠近感のある表示はありません。
- 画面のサイズは長い辺が 1024〜2400 px の範囲に収められるため、ごく小さなスクリーンショットは拡大され、非常に大きなものは縮小されます。
タブレットモックアップについてよくある質問
タブレットのモックアップに最も合うスクリーンショットのサイズは?
横向きなら 1440 × 1080、2048 × 1536、2732 × 2048 など、4:3 に近いものです。キャプチャする前にブラウザのウィンドウを 4:3 の形にしてください。合うサイズは 4:3 解像度計算ツールで一覧できます。
横向きと縦向きを切り替えるには?
「向き」を「横向き」か「縦向き」にします。「自動」ではスクリーンショットに応じて選ばれ、幅より高さが大きければ縦向き、それ以外は横向きになります。
タブレットの中でスクリーンショットの周りに白い余白が出るのはなぜですか?
スクリーンショットの形が 4:3 の画面と合わず、「全体」か「自動」で全体を表示しているためです。「画面の背景色」をアプリの背景に合わせるか、「塗りつぶし」を選んで画面を覆い、端を切り抜いてください。