Mockuptopガイド一覧

SNS 向けに製品モックアップのサイズを決める

どのプラットフォームも切り抜き、しかもフィード、プレビュー、拡大表示で切り方が違います。確実なのは正確なサイズ表を暗記することではなく、よくある切り抜きすべてに耐えるセーフエリアの中で設計し、そのうえで同じ構図からいくつかの比率を書き出すことです。

3つの比率でほぼ賄える

1080 × 1080の正方形はほぼどのフィードでも機能し、1つだけ書き出すなら最も安全です。1200 × 630の横長はリンクのプレビューと X や LinkedIn のカードを賄います。1080 × 1350または1080 × 1920の縦は Instagram のフィードとストーリーズを賄います。デバイスを中央に置き余白を広く取った構図を一度作り、同じファイルを拡大縮小するのではなく、フレーミングを調整してこの3比率で書き出してください。

見えていない切り抜きに向けて設計する

フィードのプレビューは横長の画像を正方形寄りに切ることが多く、リンクカードは上下を切ります。デバイスとテキストは中央の領域、おおよそ縦横それぞれ中央80パーセントに収め、外側の帯は捨ててよいものとして扱ってください。自分の書き出しでは完璧なのにフィードで半分になっているテキストは、SNS で最も多い失敗です。

動きは静止画に勝つ、ただし短く

モックアップが回る、あるいはカメラが寄る2〜4秒の無音ループは、自動再生されるフィードで静止画に安定して勝ちます。ループ点が見えないほど短くし、静止画と同じ比率で書き出し、必ず良いポスター画像を付けてください。多くの面はまず静止画を表示し、動画をまったく再生しない面もあるからです。

よくある質問

SNS で最も安全な1サイズは?

1080 × 1080です。ほぼどこでも許容できる見え方になり、ひどく切られることもまれです。

SNS 用はストア用と合わせるべき?

配色とデバイスの扱いは同じに、構図は変えてください。SNS では大きく表示されるので、より多くの情報量に耐えます。

Product Hunt 用に専用のモックアップは必要?

ギャラリーは1270 × 760前後の横長を好みます。同じ構図の横向き書き出しで十分です。

ブラウザだけで作れます。 スクリーンショットを3Dデバイスに載せ、カメラを動かし、静止画や動画として書き出す。インストールもアカウントも不要です。

3Dエディタを開く 写真エディタを開く
言語: EN TR DE ES FR IT PT AR RU JA KO