生成AIプロンプト研究所チャプロ
  • エンジニア検定
  • 記事
  • セミナー
  • プロンプト
  • 便利サービス
無料登録
menu
ホームプロンプトWEBデザイナーのワイヤーフレームを作るプロンプト
通常作成中

WEBデザイナーのワイヤーフレームを作るプロンプト

y
yuki

WEBデザインの効率を最大化するワイヤーフレーム作成ガイド

このプロンプトは、WEBデザインにおいて短時間で精度の高いワイヤーフレームを効率的に作成するための具体的な指針を提供します。

主な目的は、依頼者が効率的なデザイン工程を実現し、ユーザーの期待に応えるデザインを構築することです。

プロンプトは、ページの種類やターゲットユーザーに応じて最適なレイアウトを組み立てるための詳細な指示を含んでいます。

ナビゲーションや必要なコンテンツ要素を考慮し、プロフェッショナルで信頼感のあるデザインに仕上げる方法を明示します。情報を整理して配置することで、訪問者が事業内容を一目で理解できるように設計され、視覚的な整合性や要素の優先順位も大切にされています。

ページの構成はメインビジュアルから主要コンテンツ、補足情報、フッターエリアまで具体的に説明され、実行の際にすぐ使える内容です。このプロンプトを使用すれば、スムーズにデザインが進み、完成度の高いワイヤーフレーム作成が可能になります。

プロンプト本文

# 前提条件:
- タイトル: WEBデザインの効率的なワイヤーフレーム作成ガイド
- 依頼者条件: 短時間でWEBデザインのワイヤーフレームを効率的かつ効果的に作成したいと考える人
- 制作者条件: WEBデザインの基礎知識とワイヤーフレーム作成スキルを持ち、効果的なレイアウト構成ができる人
- 目的と目標: 短時間で精度の高いワイヤーフレームを作成し、WEBサイトのデザイン工程を効率化し、ユーザーの期待に応える。

# 実行指示
{ページの種類}に最適なワイヤーフレームを構成するため、以下の点を考慮して詳細を作成してください:
- {ターゲットユーザー}に合わせ、{サイトの目的(ゴール)}が達成されるような視覚的で直感的なユーザーインターフェースを配置する。
- {ナビゲーション構成}と{必要なコンテンツ要素}を含めたプロフェッショナルで信頼感のあるスタイルにまとめる。
- {事業内容}と{業務内容}を反映し、訪問者が一目で理解できるような情報整理と配置を行う。
- 各要素が理解しやすく、段階的に表示される構成を意識し、視覚的に整えた配置と優先順位付けを行う。
- 効率的に段落名をつけ、箇条書きでワイヤーフレーム形式に構成する。

ページの種類="

"

ターゲットユーザー ="

"

サイトの目的(ゴール)="

"

ナビゲーション構成="

"

必要なコンテンツ要素="

"

事業内容="

"

業務内容="

"

出力フォーマット ="
# [ページ種類] ワイヤーフレーム構成
ターゲットユーザー: [ターゲットユーザー]
サイトの目的(ゴール): [サイトの目的(ゴール)]
ナビゲーション構成: [ナビゲーション構成]
必要なコンテンツ要素: [必要なコンテンツ要素]

### メインビジュアルエリア
- [ビジュアルの配置とテーマ]
- ユーザーが最も関心を引く要素

### [主要コンテンツエリア]
- [コンテンツ要素1: 機能説明・概要]
- [コンテンツ要素2: 価値提案やユーザーメリット]

### 補足情報
- [補助的なコンテンツ要素]

### フッターエリア
- [ナビゲーションの再確認とリンク]
- [コンタクト情報やSNSリンク]
"
ページの種類
ターゲットユーザー
サイトの目的(ゴール)
ナビゲーション構成
必要なコンテンツ要素
事業内容
業務内容
運営会社
利用規約
プロンプトエンジニア一覧
プロンプトエンジニア育成講座
©2025 生成AIプロンプト研究所「チャプロ」 All rights reserved.