VISTA
ARTICLE

画面モックとは?
モック制作・モック作成という呼び方の違い

公開:2026年8月28日A-I Works VISTA 編集部
結論

「画面モック」「モック制作」「モック作成」は、どれも「モックアップ」の略として実務で使われる言い方です。指しているものは文脈で変わります。依頼や見積もりの前に「動くのか、動かないのか」を先に確認しておくと、認識のずれが起きにくくなります。

この記事でわかること
  • 「画面モック」が指しているもの
  • 「モック制作」「モック作成」との使い分け
  • 呼び方より先に確認すべきこと
  • 相談のときに伝えると早いこと

「画面モック」とは何を指す言葉か

画面モックは「モックアップ」の略で、実務では「画面モック」「モック制作」「モック作成」のように使われます。もともとは、配色・書体・画像まで作り込んだ、見た目の完成見本を指す言葉です。

ただし略した言い方で呼ぶとき、指しているものは文脈で変わります。静止画のデザイン案を指すこともあれば、クリックできる試作を指すこともあります。用語そのものの整理はモックアップとは?にまとめています。

「モック制作」「モック作成」との違いはあるか

この3つの言い方に、決まった使い分けはありません。差が出るのは言葉ではなく、その言葉で何を頼まれていると受け取ったかです。

静止画の完成見本を想定して見積もった相手と、操作できる試作を期待していた依頼者がいると、初稿を見た時点で認識のずれが表面化します。呼び方をそろえるより、指すものをそろえるほうが確実です。

先に確認するのは「動くのか、動かないのか」

モックアップは見た目、プロトタイプは動き、と分けて覚えると迷いません。相談の前に、次のどこまでが必要かを決めておくと話が早く進みます。

  • 動かない:見た目の合意まで。静止画の完成見本
  • 遷移だけ動く:画面と画面をリンクで繋いだクリッカブルプロトタイプ。入力や計算は動かない
  • 要の操作まで動く:画面遷移・タブ・入力・ボタンなど、見せたい操作が実際に動く

作り込みの度合いは、社内の検討ならローファイ、社外への提案ならハイファイが目安です。ワイヤーフレーム・モックアップ・プロトタイプの違いもあわせてどうぞ。

相談のときに伝えると早いこと

次の3つがあると、構成の提案まで一気に進みます。

  • 目的(提案・社内承認・受注前合意のどれか)
  • 見せたい相手
  • 要の操作(どこまで動けばよいか)

費用と納期は、画面数・操作量・スマホ対応・ブランド調整の範囲によって変動します。詳しくは料金・納期をご覧ください。

VISTAでできること

VISTAが制作するのは、見た目の完成度と操作を両立した「インタラクティブモック」です。静止画・ラフ・提案書・参考URLのいずれかがあれば始められます。1ページ・スポットで10万円〜(税別)、最短3日です。

よくあるご質問

Q「画面モック」と「モックアップ」は違うものですか?

「モックアップ」の略として使われる言い方で、別のものを指す決まりはありません。ただし指しているものは文脈で変わるため、静止画なのか、クリックできる試作なのかを先に確認してください。

Q見積もりの前に確認しておくことは?

静止画までか、遷移だけ動くか、要の操作まで動くか。どれを指しているかを先に決めておくと、初稿の時点で認識がずれにくくなります。

Q社内で呼び方がばらばらでも相談できますか?

問題ありません。3つの言い方に決まった使い分けはないので、揃えるべきは言葉ではなく、指しているものです。

呼び方が決まっていなくても。

やりたいことを言葉で伝えていただければ、
構成から一緒に整理します。

無料相談・お問い合わせ