Charts & InfographicsGPT Image 2UI MockupDigital LayoutWeb InterfaceGoogle Search

Mockup giao diện kết quả tìm kiếm Google

Prompt dạng JSON giúp tạo ảnh mockup giao diện trang kết quả tìm kiếm Google chi tiết với thanh tìm kiếm, danh sách kết quả và mục câu hỏi liên quan.

Bản tiếng Anh

{
  "type": "web browser screenshot",
  "interface": "Google search results page",
  "header": {
    "logo": "Google",
    "search_bar": {
      "query": "{argument name="search query" default="openai gpt-image 2 image generator"}",
      "icons": ["clear", "microphone", "camera", "search"]
    },
    "right_actions": ["settings gear", "apps grid", "blue Sign in button"]
  },
  "navigation_tabs": ["All", "Images", "News", "Videos", "Shopping", "Short videos", "Forums", "Web", "More", "Tools"],
  "results_stats": "About 18,200,000 results (0.32 seconds)",
  "search_results": {
    "count": 3,
    "items": [
      {
        "source": "OpenAI",
        "url": "https://openai.com > index > gpt-image-2",
        "title": "{argument name="result 1 title" default="GPT-Image-2 | OpenAI"}",
        "snippet": "{argument name="date" default="Apr 1, 2025"} — GPT-Image-2 is our new image generation model that delivers state-of-the-art image quality, finer details, better text rendering, and more precise instruction following.",
        "sitelinks": ["Research", "Safety", "Try in ChatGPT"]
      },
      {
        "source": "OpenAI Platform",
        "url": "https://platform.openai.com > docs > gpt-image-2",
        "title": "GPT-Image-2 - OpenAI API",
        "snippet": "Learn about GPT-Image-2, OpenAI's most advanced image generation model, available via the Images API. Create high-quality images with improved realism, text rendering, and instruction ...",
        "sitelinks": ["Quickstart", "Edit images", "Example code"]
      },
      {
        "source": "The Verge",
        "url": "https://www.theverge.com > openai-gpt-image-2-launch",
        "title": "OpenAI's GPT-Image-2 brings major improvements to AI ...",
        "snippet": "Apr 1, 2025 — OpenAI has officially launched GPT-Image-2, its next-generation image generator that offers better photorealism, improved text rendering, and more accurate adherence to user ..."
      }
    ]
  },
  "people_also_ask": {
    "title": "People also ask",
    "count": 4,
    "questions": [
      "What is GPT-Image-2?",
      "How is GPT-Image-2 different from previous models?",
      "Can I try GPT-Image-2 in ChatGPT?",
      "Is GPT-Image-2 available through the API?"
    ]
  }
}

Bản tiếng Việt

{
  "type": "ảnh chụp màn hình trình duyệt web",
  "interface": "trang kết quả tìm kiếm Google",
  "header": {
    "logo": "Google",
    "search_bar": {
      "query": "{argument name="search query" default="openai gpt-image 2 image generator"}",
      "icons": ["clear", "microphone", "camera", "search"]
    },
    "right_actions": ["settings gear", "apps grid", "blue Sign in button"]
  },
  "navigation_tabs": ["All", "Images", "News", "Videos", "Shopping", "Short videos", "Forums", "Web", "More", "Tools"],
  "results_stats": "Khoảng 18.200.000 kết quả (0,32 giây)",
  "search_results": {
    "count": 3,
    "items": [
      {
        "source": "OpenAI",
        "url": "https://openai.com > index > gpt-image-2",
        "title": "{argument name="result 1 title" default="GPT-Image-2 | OpenAI"}",
        "snippet": "{argument name="date" default="Apr 1, 2025"} — GPT-Image-2 là mô hình tạo hình ảnh mới của chúng tôi, mang lại chất lượng hình ảnh đỉnh cao, chi tiết tinh xảo hơn, hiển thị văn bản tốt hơn và tuân thủ hướng dẫn chính xác hơn.",
        "sitelinks": ["Research", "Safety", "Try in ChatGPT"]
      },
      {
        "source": "OpenAI Platform",
        "url": "https://platform.openai.com > docs > gpt-image-2",
        "title": "GPT-Image-2 - OpenAI API",
        "snippet": "Tìm hiểu về GPT-Image-2, mô hình tạo hình ảnh tiên tiến nhất của OpenAI, khả dụng thông qua Images API. Tạo hình ảnh chất lượng cao với độ chân thực được cải thiện, hiển thị văn bản và hướng dẫn ...",
        "sitelinks": ["Quickstart", "Edit images", "Example code"]
      },
      {
        "source": "The Verge",
        "url": "https://www.theverge.com > openai-gpt-image-2-launch",
        "title": "GPT-Image-2 của OpenAI mang lại những cải tiến lớn cho AI ...",
        "snippet": "1 thg 4, 2025 — OpenAI đã chính thức ra mắt GPT-Image-2, trình tạo hình ảnh thế hệ tiếp theo mang lại độ chân thực tốt hơn, hiển thị văn bản cải tiến và tuân thủ chính xác hơn yêu cầu của người dùng ..."
      }
    ]
  },
  "people_also_ask": {
    "title": "Mọi người cũng hỏi",
    "count": 4,
    "questions": [
      "GPT-Image-2 là gì?",
      "GPT-Image-2 khác biệt như thế nào so với các mô hình trước?",
      "Tôi có thể dùng thử GPT-Image-2 trong ChatGPT không?",
      "GPT-Image-2 có sẵn qua API không?"
    ]
  }
}

Mẹo sử dụng

Bạn có thể tùy chỉnh từ khóa truy vấn trong trường query, cùng với tiêu đề và đoạn trích dẫn kết quả để tạo mockup trình bày sản phẩm hoặc minh họa bài viết công nghệ theo ý muốn.

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

Nguồn: https://x.com/Kittymanagmgf/status/2044521189343637602#reversed-1
Tác giả gốc: Keyboard81727
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