Charts & InfographicsGPT Image 2UI/UXMockupDark ModeWeb Design

Mockup giao diện ứng dụng web tạo ảnh AI

Prompt dạng JSON chi tiết để tạo bản dựng giao diện người dùng (UI/UX) cho ứng dụng tạo ảnh bằng AI với giao diện tối hiện đại, bao gồm thanh điều hướng, thanh nhập lệnh và các khu vực tính năng.

Bản tiếng Anh

{
  "type": "UI/UX web application mockup",
  "theme": "dark mode",
  "sidebar": {
    "logo": "{argument name="app name" default="ChatGPT"}",
    "navigation_items": 5,
    "recent_chats_count": 8,
    "user_profile": "User, Free tier"
  },
  "main_content": {
    "header": "Images",
    "input_bar": {
      "placeholder": "{argument name="input placeholder" default="Describe a new image..."}",
      "model_selector": "{argument name="model name" default="GPT Image 2"}"
    },
    "sections": [
      {
        "title": "{argument name="hero title" default="New: GPT Image 2 is here!"}",
        "description": "Our next-generation image model, built for greater realism, better typography, and deeper world knowledge.",
        "feature_tags_count": 4,
        "hero_images_count": 3,
        "hero_images_descriptions": ["mountain lake landscape", "neon cyberpunk street", "typography poster"]
      },
      {
        "title": "Apply a style to an image",
        "style_thumbnails_count": 8,
        "style_labels": ["Anime", "Oil painting", "Cinematic", "3D render", "Line art", "Pixel art", "Watercolor", "Cyberpunk"]
      },
      {
        "title": "Discover new features",
        "feature_cards_count": 6,
        "feature_labels": ["Advanced text rendering", "Consistent characters & scenes", "Higher realism", "World knowledge", "Precise editing", "More creative styles"]
      },
      {
        "title": "My images",
        "recent_images_count": 6,
        "recent_images_descriptions": ["anime boy portrait", "tabby kitten", "tabby kitten", "sleeping white arctic fox", "wedding invitation", "code editor terminal"]
      }
    ]
  }
}

Bản tiếng Việt

{
  "type": "bản dựng giao diện ứng dụng web UI/UX",
  "theme": "chế độ tối",
  "sidebar": {
    "logo": "{argument name="app name" default="ChatGPT"}",
    "navigation_items": 5,
    "recent_chats_count": 8,
    "user_profile": "Người dùng, Gói miễn phí"
  },
  "main_content": {
    "header": "Hình ảnh",
    "input_bar": {
      "placeholder": "{argument name="input placeholder" default="Describe a new image..."}",
      "model_selector": "{argument name="model name" default="GPT Image 2"}"
    },
    "sections": [
      {
        "title": "{argument name="hero title" default="New: GPT Image 2 is here!"}",
        "description": "Mô hình hình ảnh thế hệ tiếp theo của chúng tôi, được xây dựng để có độ chân thực cao hơn, kiểu chữ tốt hơn và hiểu biết thế giới sâu sắc hơn.",
        "feature_tags_count": 4,
        "hero_images_count": 3,
        "hero_images_descriptions": ["mountain lake landscape", "neon cyberpunk street", "typography poster"]
      },
      {
        "title": "Áp dụng phong cách cho hình ảnh",
        "style_thumbnails_count": 8,
        "style_labels": ["Anime", "Tranh sơn dầu", "Điện ảnh", "Kết xuất 3D", "Tranh nét", "Nghệ thuật pixel", "Màu nước", "Cyberpunk"]
      },
      {
        "title": "Khám phá các tính năng mới",
        "feature_cards_count": 6,
        "feature_labels": ["Hiển thị văn bản nâng cao", "Nhân vật & bối cảnh nhất quán", "Độ chân thực cao hơn", "Hiểu biết thế giới", "Chỉnh sửa chính xác", "Nhiều phong cách sáng tạo hơn"]
      },
      {
        "title": "Hình ảnh của tôi",
        "recent_images_count": 6,
        "recent_images_descriptions": ["chân dung chàng trai anime", "mèo con mướp", "mèo con mướp", "cáo tuyết bắc cực đang ngủ", "thiệp mời đám cưới", "terminal trình soạn thảo mã"]
      }
    ]
  }
}

Mẹo sử dụng

Bạn có thể tùy chỉnh các trường văn bản, danh sách nhãn phong cách và mô tả tính năng trong JSON để tạo giao diện ứng dụng web theo nhu cầu riêng.

Nguồn và quyền sử dụng

Nguồn: https://x.com/R2Cdev_/status/2044130225437716921#reversed-0
Tác giả gốc: Raphi-2Code
License prompt: CC-BY-4.0
License ảnh: CC-BY-4.0

Báo lỗi hoặc yêu cầu gỡ nội dung