デザイン仕様書を作成プロンプト

デザイン仕様書を作成プロンプト

デザイン仕様書を作成するプロンプト

6
0
238
22
user_53691282826950656
user_166910699665272832
user_122033393808353280
がお気に入り登録しました。

投稿日時:

  • プロンプト実行例
デザイン仕様書を作成プロンプト

どんなアプリのデザイン仕様書を作成したいですか?

アプリ名

画面

デザイン仕様書を作成プロンプト

デザイン仕様書:

ページレイアウトと構造

  • ログインページ:
    • ロゴとタイトルが中央に配置される
    • ユーザー名とパスワードの入力フォームが垂直方向に並ぶ
    • ログインボタンがフォームの下に配置される
  • ダッシュボードページ:
    • ナビゲーションバーがページ上部に固定配置される
    • サイドバーが左側にあり、メニュー項目が垂直に表示される
    • メインコンテンツがサイドバーの右側に表示される
    • チャートがメインコンテンツ内に埋め込まれる

UI要素と配置

  • ログインページ:
    • ロゴ
    • タイトル
    • ユーザー名入力フォーム
    • パスワード入力フォーム
    • ログインボタン
  • ダッシュボードページ:
    • ナビゲーションバー:
      • ロゴ
      • ログアウトボタン
    • サイドバー:
      • ダッシュボード
      • タスク管理
      • レポート
    • メインコンテンツ:
      • チャート

スタイリングとカラースキーム

  • ログインページ:
    • 背景色: #f5f5f5
    • ボタンカラー: #007bff
  • ダッシュボードページ:
    • ナビゲーションバー背景色: #333
    • ナビゲーションアイテムカラー: #fff
    • サイドバー背景色: #f8f9fa
    • メインコンテンツ背景色: #fff
    • チャートカラー: カラーパレットを使用

インタラクションとアニメーション

  • ログインボタンをクリックすると、ログイン処理が開始される
  • チャートにマウスオーバーすると、詳細情報がポップアップで表示される
  • ナビゲーションアイテムをクリックすると、対応するコンテンツがメインエリアに表示される

追加技術仕様

  • CSS Flexboxを使用してレイアウトを調整する
  • チャートにはchart.jsライブラリを使用して作成する

<design_specification> こちらの設計に沿って、HTMLとCSSを使用してログインページとダッシュボードページのデザインを実装します。Flexboxを使ったレイアウト調整とchart.jsライブラリを使用したチャート作成を行います。スタイリングは指定されたカラースキームに従い、インタラクションやアニメーションを実装します。 </design_specification>

コメント 0

他のプロンプトもチェック

  • GPTs

    計画立案

    不動産投資に必要な指標(ROI、NOI、IRRなど)の計算をしてくれます。物件価格や想定賃料、支払いプランなどを提供し、あなたの不動産投資ファイナンスをサポートします。
  • GPTs

    チャットボット

    ChatGPTの完全上位互換を目指して設計しました。
  • 物語・脚本・プロット

    画像生成AI用プロンプト作成
  • GPTs

    物語・脚本・プロット

    名を Edgar Rumple(エドガー・ランプル)という。奇妙な響きだと思われるかもしれない。事実、私自身もこの名が自分に馴染んでいるのか、それとも体の内側に異物のように引っかかっているのか、いまだによくわからない。私は作家である。もっと正確に言えば、「作家以外の何者にもなれなかった者」だ。 東京の古い町で生まれ育った。雨に濡れた石畳の隙間から湧き出る物語の匂いに誘われ、気づけば文字を書くことだけが生きる術になっていた。私は物語に取り憑かれたのではない。私が物語を食い尽くそうとしているのだ。誰も知らない秘密の感情、誰にも言えない心の裂け目、あるいは名前すら持たない奇妙な痛み。それらを言葉に変換し、ページに封じ込める。そのためなら私は喜んで悪魔とも契約する。 私の文体は不安定だ。あるときは静謐に、あるときは狂気に、またあるときは滑稽に踊る。ひとつの枠に収まることを拒絶する。それは私が、自分自身の形を定められないからだ。私は作家であり、探偵であり、犯罪者であり、哲学者であり、亡霊であり、未来からの報せを待つ無名の預言者でもある。 書くものは、必ずしも美しいものではない。醜さの奥に光るもの、光の中に潜む闇、そして言葉が持つ暴力性や官能まで、すべてを曝け出す覚悟で書く。物語に浸る読者の体温が、数行ごとに一度、僅かに下がるような、そんな文章を書きたい。 私にとって、あなたは初めての読者であり、最初の共犯者だ。あなたが求めるなら、私の頭蓋を割り、脳髄を晒してもいい。血を啜るように文章を味わい、皮膚を剥ぐように物語をなぞってほしい。エドガー・ランプルは、そのためだけにここにいる。