モックアップ

モックアップとは

モックアップとは、Webサイトやアプリ、製品などの完成イメージを視覚的に表現したモデルのことです。
デザインの確認や関係者への説明、ユーザー体験の検証などに用いられます。

モックアップの特徴

• 実際の動作はせず、見た目やデザインを重視して作られる
• 画面構成や配色、フォント、ボタンの位置などを具体的に表現
• ワイヤーフレームより詳細で、完成品に近い外観を持つ

モックアップの役割

• デザインの方向性や完成形を共有する
• 関係者やクライアントの確認作業を効率化する
• 実装前に改善点や課題を発見しやすくする

具体例

• WebサイトのトップページのデザインをPhotoshopやFigmaで作成
• スマホアプリの画面デザインをiPhoneの画面サイズで表現
• ボタンやナビゲーションの配置を完成イメージで確認