LightCore Prism UI 设计系统

목록으로 돌아가기
1 / 1
출처: hiro_ai_auto
창의openai/gpt-image-2#UI 디자인#3D 렌더링#초상화#creative
LightCore Prism UI 设计系统
8.5w명이 사용 중
1536:1024권장 사이즈
2.5w저장됨
프롬프트 템플릿
{
  "type": "UIデザインシステムのデモプロジェクト",
  "theme": "{argument name=\"visual theme\" default=\"光学サイエンスと光の屈折\"}",
  "overall_aesthetic": "クリーンな白背景、ライトモード、未来感、高級感、{argument name=\"primary gradient colors\" default=\"虹彩、やわらかなオレンジ、イエロー、シアン、パープル、ピンク\"} をアクセントにしたデザイン",
  "header": {
    "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}",
    "subtitle": "UIデザインシステム - ライトモード",
    "tags": ["未来感", "高級感", "集中感"],
    "hero_graphic": "屈折した虹彩の光をまとった3D透明ガラスリング"
  },
  "layout": {
    "sections": [
      {
        "title": "カラー",
        "count": 5,
        "labels": ["ホワイト #FFFFFF", "スノー #FAFAFC", "スレート #F2F4F8", "ボーダー #E6E8EF", "ブラック #0A0A0C"],
        "description": "角丸の正方形カラーサンプルを5つ配置"
      },
      {
        "title": "プリズムグラデーション",
        "count": 1,
        "description": "横長のグラデーションバーを1本配置し、その下に16進カラーコードを5つ表示"
      },
      {
        "title": "タイポグラフィ",
        "description": "大きな『Aa』の見本、4種類のウェイト（Light, Regular, Medium, Semibold）、およびアルファベットと数字の一覧を表示"
      },
      {
        "title": "アイコン",
        "count": 12,
        "description": "ミニマルなラインスタイルのアイコンを12個、2×6のグリッドで配置"
      },
      {
        "title": "ボタン",
        "count": 8,
        "categories": ["プライマリ", "セカンダリ", "テキスト", "アイコン"],
        "description": "合計8個のボタンを配置し、各カテゴリごとに通常状態と無効状態を表示。プライマリボタンは虹彩のボーダーを持ち、テキストは {argument name=\"primary button text\" default=\"使い始める\"}"
      },
      {
        "title": "ナビゲーション",
        "count": 2,
        "variants": ["デスクトップ", "モバイル"],
        "description": "デスクトップ版ナビゲーションにはロゴ、4つのテキストリンク、検索、ログイン、ボタンを含む。モバイル版ナビゲーションにはロゴ、検索、ハンバーガーメニューを含む"
      },
      {
        "title": "コンポーネント",
        "count": 6,
        "items": [
          "カード：抽象的な虹彩グラフィックとボタン付きの『Photon Engine』カード",
          "入力欄：ラベル付き検索バーとメールアドレス入力欄",
          "プログレスバー：68%の虹彩プログレスバー",
          "タブ：概要、分析、設定",
          "スイッチ：2つのトグルスイッチ（オン/オフ）",
          "データ可視化：凡例3項目付きのドーナツチャート1つ、7日間の折れ線グラフ1つ"
        ]
      },
      {
        "title": "Webページ",
        "description": "デスクトップブラウザのモックアップ。見出しは '{argument name=\"hero headline\" default=\"光と色で未来をつくる\"}'、2つのボタン、流れるような3D虹彩ウェーブグラフィック、下部に5つのパートナーロゴを表示"
      },
      {
        "title": "モバイルアプリ",
        "description": "スマートフォンのモックアップ。残高24,880ドル、折れ線グラフ、4つのクイックアクションアイコン、3件の最近のアクティビティ一覧、4つのアイコン付き下部ナビゲーションバーを表示"
      }
    ]
  }
}
LightCore Prism UI 设计系统

관련 영감
