Bản thiết kế trang web trò chơi bí ẩn Nhật Bản

Tạo bản thiết kế trang đích (landing page) responsive cho máy tính và điện thoại dành cho một trang tin tức về trò chơi bí ẩn phong cách gothic Nhật Bản đầy tinh tế.

Câu lệnh
Mục tiêu: Tạo một bản thiết kế trang web responsive chuyên nghiệp cho cộng đồng trò chơi bí ẩn / kinh dị Nhật Bản có tên là 月蝕綺譚, hiển thị song song cả cửa sổ trình duyệt máy tính và màn hình điện thoại thông minh. Khung hình: Hình ảnh trình bày tỷ lệ 16:9 trên nền xám nhạt. Đặt bản thiết kế trình duyệt máy tính lớn ở bên trái, chiếm khoảng 75% chiều rộng, và bản thiết kế điện thoại thông minh cao ở bên phải. Sử dụng đổ bóng mềm, các góc thiết bị bo tròn và khung giao diện người dùng chân thực. Phong cách hình ảnh: Thẩm mỹ bí ẩn gothic Nhật Bản tinh tế, nền kết cấu giấy washi màu trắng kem, các bảng màu xanh navy đậm, đường viền xám mảnh, điểm nhấn màu đỏ trầm, kiểu chữ serif Nhật Bản tinh xảo, các đường nét giống mực in tinh tế, họa tiết trăng khuyết, tài liệu lưu trữ, bản đồ cổ, hình ảnh rừng đêm tối tăm và khoảng cách thiết kế web cao cấp, tiết chế. Bố cục máy tính: Một cửa sổ trình duyệt với thanh chrome tối màu ở trên cùng và ba nút cửa sổ hình tròn nhỏ. Phần tiêu đề chứa logo tiêu đề trang 「月蝕綺譚」 ở bên trái với hình cung trăng khuyết mảnh và dấu triện đỏ, 4 liên kết điều hướng căn giữa được dán nhãn 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, và một nút kêu gọi hành động màu xanh navy đậm ở bên phải dán nhãn 「メールで会員になる」. Bên dưới, tạo một phần hero được chia thành khu vực hình ảnh tối lớn ở bên trái và thẻ đăng ký ở bên phải. Hình ảnh hero hiển thị bầu trời đêm nhiều mây với mặt trăng khuyết bị che khuất rực rỡ và văn bản tiêu đề dọc 「月蝕綺譚」, cùng các đường quỹ đạo tròn mảnh và các chú thích dọc nhỏ. Phủ một bảng điều khiển kiểu lưu trữ bán trong suốt chứa các tài liệu Nhật Bản cổ và 5 thẻ thu nhỏ; dọc theo đáy của hình ảnh hero bao gồm chính xác 5 hình ảnh thu nhỏ nằm ngang: một tòa nhà cổ vào ban đêm, bản vẽ phòng giống bản thiết kế, chi tiết biểu tượng tối tăm, tài liệu viết tay và bàn làm việc với bản đồ/màn hình. Thẻ đăng ký: Ở bên phải phần hero trên máy tính, tạo một thẻ hình vé màu kem với các cạnh có khía, đường viền mảnh, nhãn đỏ nhỏ 「入会札」, tiêu đề 「メールで会員になる」, biểu tượng phong bì, nội dung giải thích ngắn gọn, một trường nhập email với văn bản giữ chỗ 「メールアドレスを入力」, và một nút màu đỏ dán nhãn 「登録する」 với mũi tên hướng sang phải. Thêm văn bản kiểu chính sách bảo mật nhỏ bên dưới. Nội dung phía dưới trên máy tính: Bên dưới phần hero, đặt một thông báo giới thiệu lớn ở bên trái với đường kẻ dọc màu đỏ và tiêu đề 物語の続きを、いちばん近くで。, cộng với nội dung văn bản màu xám nhỏ. Ở bên phải, đặt chính xác 3 thẻ bài viết theo hàng. Thẻ 1 phần tiêu đề 「月蝕綺譚 最新便」 với hình ảnh mặt trăng, thẻ NEW màu đỏ, tiêu đề 「大型アップデート『〇〇』を公開しました」, ngày 2024.05.20. Thẻ 2 phần tiêu đề 「開発記録」 với hình ảnh sổ tay và bút, tiêu đề 「開発記録 #12:環境演出の調整について」, ngày 2024.05.18. Thẻ 3 phần tiêu đề 「ご意見箱」 với hình ảnh hộp thư tối màu, tiêu đề 「ご意見・ご感想をお聞かせください」, ngày 2024.05.16. Mỗi thẻ có một mũi tên nhỏ hướng sang phải ở tiêu đề và các dòng giới thiệu màu xám. Chân trang: Chân trang màu xanh navy đậm trải dài theo chiều rộng máy tính với chính xác 6 liên kết: 「お知らせ」, 「開発記録」, 「ご意見箱」, 「アーカイブ」, 「利用規約」, 「プライバシーポリシー」. Thêm biểu tượng trăng khuyết gần bên phải và văn bản bản quyền 「© 2024 月蝕綺譚」. Bố cục di động: Hiển thị bản xem trước điện thoại thông minh của cùng trang web đó. Thanh trạng thái trên cùng hiển thị 9:41, theo sau là tiêu đề nhỏ gọn với logo 「月蝕綺譚」 và biểu tượng menu hamburger. Trang di động xếp chồng theo chiều dọc: hình ảnh mặt trăng hero với tiêu đề, chính xác 5 hình thu nhỏ trong một dải ngang, tiêu đề giới thiệu 「物語の続きを、いちばん近くで。」, cùng thẻ đăng ký email kiểu vé, sau đó là thẻ tin tức đầu tiên 「月蝕綺譚 最新便」 với hình ảnh mặt trăng và thẻ NEW. Đảm bảo tất cả các yếu tố mang lại cảm giác như phiên bản responsive trên di động của bố cục máy tính. Các ràng buộc: Chỉ sử dụng văn bản tiếng Nhật ở những nơi được chỉ định, giữ cho kiểu chữ sắc nét và dễ đọc, tránh các phần bổ sung ngoài những phần đã mô tả, bảo toàn số lượng chính xác gồm 4 liên kết điều hướng máy tính, 5 hình thu nhỏ hero, 3 thẻ bài viết máy tính, 6 liên kết chân trang và 1 menu hamburger di động.

Cách dùng prompt này

  1. 1

    Sao chép toàn bộ prompt ở trên.

  2. 2

    Mở một nền tảng hỗ trợ GPT Image 2, chẳng hạn như YouMind, rồi dán prompt vào.

  3. 3

    Đổi chủ thể, phong cách hoặc chi tiết cho hợp ý bạn, rồi tạo.

Đây là một prompt AI miễn phí từ thư viện prompt của YouMind. Khám phá hàng nghìn prompt hình ảnh khác, tất cả đều miễn phí để sao chép và chỉnh sửa.

Khám phá thêm prompt hình ảnh

Thêm tính năng prompt

Thư viện AI

AI tìm kiếm prompt

Để AI tìm kiếm trong hàng chục nghìn prompt. Lọc theo mô hình, khoảng thời gian, từ khóa và sắp xếp theo lượt tương tác như lượt xem, lưu, chia sẻ.

Công cụ thị giác

Ảnh thành prompt

Biến mọi bức ảnh thành prompt ảnh AI chi tiết. Công cụ chuyển ảnh thành prompt miễn phí phân tích bố cục, phong cách và ánh sáng để bạn tái hiện bất kỳ phong cách nào trong vài giây.

Dành cho nhà sáng tạo. Miễn phí mãi mãi.

YouMind là copilote sáng tạo AI được các nhà sáng tạo trên toàn cầu tin dùng. Mỗi prompt đều được tuyển chọn để giúp bạn sáng tạo nhanh hơn và tốt hơn.

Khám phá thêm prompt