スクリーンショット入力
既存のインターフェースを使用
提示したいWebページまたはアプリケーション画面を提供します。スクリーンショットは、ノートパソコン画面のコンテンツの元になります。
ノートパソコンのモックアップ
あなたのインターフェースに、プレゼンテーション用のシーン設定を与えましょう。スクリーンショットとノートパソコンの参考画像を追加し、シーンと画面の収まりを説明してください。Virseは、ポートフォリオ、製品ピッチ、デザインレビュー向けの静的なノートパソコンのモックアップを作成します。
ノートPCモックアップとは何ですか？
ノートパソコンのモックアップは、ノートパソコンの画面内に既存のウェブサイトやアプリのスクリーンショットを表示するものです。Virse は、あなたのスクリーンショット、デバイスのリファレンス、シーンに関するメモを使用して、ポートフォリオ、ピッチ、デザインレビュー用の静止画像を作成します。
ノートパソコン画面のプレゼンテーションにVirseを使う理由
説明したいインターフェースから始め、それにデバイスとシーン設定を与えます。
フィットとトリミング
画面の収まりを説明
スクリーンショット全体を表示する必要があるのか、またはどの領域が最も重要なのかを明記します。プレゼンテーションで重要なインターフェース内容が失われないよう、トリミング結果を確認してください。
デバイスの参考画像
プレゼンテーションのシーン設定に合わせる
ノートパソコンの参考画像を追加し、デスクやその他の表示環境を説明します。画面に最も注目を集めたい場合は、シンプルなシーンを使用してください。
ノートパソコンのモックアップの作成方法
スクリーンショットを準備
必要なWebサイトまたはアプリケーションの表示をキャプチャします。提示したい正確なインターフェースの状態を使用してください。
ノートパソコンとシーンの概要を追加
ノートPCの参考画像を用意し、周囲の環境を説明します。切り抜きの希望を含め、スクリーンショットをどのように収めるべきかを説明してください。
画面プレビューを生成
提供されたスクリーンショットをノートPCのディスプレイ内に配置した静止画像を作成します。
インターフェースの詳細を確認
テキスト、アイコン、画面比率、表示されているコンテンツを元のスクリーンショットと比較します。画像を使用する前に、デバイスの見た目を確認してください。
ノートパソコンのモックアップを使うのは誰ですか？
すでにスクリーンショットとして存在するインターフェースを提示するチーム向けです。
Webデザイナー
クライアントレビューやケーススタディで、完成したWebページをノートパソコン上に提示します。
プロダクトデザイナー
特定のダッシュボードやアプリの状態を、デバイスのあるシーン設定で見せます。
ソフトウェアマーケティングチーム
レビュー済みのスクリーンショットプレゼンテーションを使って、ピッチで製品を説明します。
Webサイトテンプレート販売者
既存のデスクトップテンプレートの見た目を製品画像で提示します。
ノートPCモックアップの使用例
よくある質問
既存のWebサイトのスクリーンショットを使用できますか？
はい。表示したいページビューのスクリーンショットを追加してください。このワークフローでは、提供された画像を画面コンテンツとして使用します。
アプリやダッシュボードのスクリーンショットを使用できますか？
はい。完成したインターフェース画像とノートPCの参考画像を提供してください。生成された結果では、小さなテキスト、グラフ、アイコンを注意深く確認してください。
スクリーンショットはノートPC画面にどのように収まりますか？
画像全体を表示したいのか、特定の領域を強調したいのかを説明してください。適切な比率のスクリーンショットを使用し、不要な切り抜きがないか結果を確認してください。
スクリーンショットの代わりにWebサイトのURLを貼り付けることはできますか？
表示したいページのスクリーンショットを提供してください。このワークフローでは、Webサイトまたはアプリの既存の画像を画面コンテンツとして使用します。
結果はインタラクティブなWebサイトまたはプロトタイプになりますか？
いいえ。これは静的なプレゼンテーション画像です。Webサイト、アプリケーション、インタラクションはモックアップとは別のままです。
ノートPC画面の動画を作成できますか？
いいえ。出力は静止画像です。プレゼンテーションに動きや録画された操作が必要な場合は、適切な動画ワークフローを使用してください。
インターフェースをノートパソコンの画面に配置
スクリーンショットとデバイスの参照画像を追加します。次のピッチやポートフォリオ更新用に、ノートパソコンのプレゼンテーション画像を作成しましょう。