モックアップ作成：ツールとアプリ

選び方のポイント

自分のスクリーンショットやデザインをアップロードし、実寸で結果を確認します。フレームに入れたときに文字がぼやけていないか、角や映り込みが自然に見えるかを見ましょう。同じシーンを複数のサイズで書き出し、どれが鮮明に保たれるかも確かめてください。

既成のモックアップテンプレートは、商用利用、クレジット表記、再販売の条件をライセンスページで確認し、無料の書き出しに透かしや解像度の制限があるかを公式ページで確かめましょう。Photoshopなど別のデスクトップソフトが必要なテンプレートもあれば、ブラウザーで使えるものもあります。

アプリストアのスクリーンショットにモックアップを使えますか？ストアはスクリーンショットのサイズと内容の規定を定めています。端末フレーム、文字、背景がどこまで認められるかは、ストアの最新のガイドラインで確認してください。

モックアップとUIのプロトタイプは同じですか？違います。モックアップは完成したデザインをリアルな場面で見せるもので、プロトタイプは画面間をクリックで移動する流れを試すためのものです。流れを検証したい場合は、UIデザイン・プロトタイプのツールを見てください。