- プロンプト実行例
どんなアプリのデザイン仕様書を作成したいですか？
アプリ名
画面
デザイン仕様書：
ページレイアウトと構造
- ログインページ：
- ロゴとタイトルが中央に配置される
- ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
- ログインボタンがフォームの下に配置される
- ダッシュボードページ：
- ナビゲーションバーがページ上部に固定配置される
- サイドバーが左側にあり、メニュー項目が垂直に表示される
- メインコンテンツがサイドバーの右側に表示される
- チャートがメインコンテンツ内に埋め込まれる
UI要素と配置
- ログインページ：
- ロゴ
- タイトル
- ユーザー名入力フォーム
- パスワード入力フォーム
- ログインボタン
- ダッシュボードページ：
- ナビゲーションバー：
- ロゴ
- ログアウトボタン
- サイドバー：
- ダッシュボード
- タスク管理
- レポート
- メインコンテンツ：
- チャート
- ナビゲーションバー：
スタイリングとカラースキーム
- ログインページ：
- 背景色: #f5f5f5
- ボタンカラー: #007bff
- ダッシュボードページ：
- ナビゲーションバー背景色: #333
- ナビゲーションアイテムカラー: #fff
- サイドバー背景色: #f8f9fa
- メインコンテンツ背景色: #fff
- チャートカラー: カラーパレットを使用
インタラクションとアニメーション
- ログインボタンをクリックすると、ログイン処理が開始される
- チャートにマウスオーバーすると、詳細情報がポップアップで表示される
- ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される
追加技術仕様
- CSS Flexboxを使用してレイアウトを調整する
- チャートにはchart.jsライブラリを使用して作成する
<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>
コメント 0
他のプロンプトもチェック
画像生成
キャラクター作成
推奨モデル - DALL•E 3決して一人では見ないでください・・・。 真夜中の静けさの中で、未知の世界が開かれます。このプロンプトでは、過去に撮影された数々の心霊写真を再現し、その背後に隠された物語を探ります。 霊感がある方は、特に警戒が必要です。この先には、語り尽くせない恐怖が待ち受けています。心の準備ができましたら、勇気を持って進んでください。 ＜注意事項＞ ・心霊写真は一部の人にとって不安やストレスを引き起こすことがあります。心理的に不安定な状態のときや、心臓病などの既往症がある場合は利用を控えることをお勧めします。 ・利用は自発的なものでなければなりません。他の人を無理に巻き込まないようにしましょう。 ・このプロンプトはエンターテインメント目的であり、実際の超自然現象や心霊現象を示唆または保証するものではありません。利用によって生じるいかなる心理的・物理的影響に対しても、作成者は責任を負いません。 ・SNS等に投稿する場合は、AI生成であることを明記してください。 ---------- 😊少しでも気に入っていただけましたら、お気に入り（❤マーク）をクリックしていただけると、とても励みになりますので、ぜひお願いいたします。 😊また、「いつか使ってみよう」と思っている方も、お気に入りに登録しておくと、いつでもマイページからすぐにご利用いただけます。 😊感想など、お気軽にコメントください。0014251画像生成
SNS広告
推奨モデル - Midjourney指定のテーマでおしゃれなシルエット画像を生成するプロンプトです。 サムネイルや挿絵にも！2030514
