Brand & LogosGPT Image 2EditorialMinimalistUI MockupWeb DesignJapanese StyleClean TypographyBranding
Mockup giao diện website công ty xây dựng Nhật Bản
Bản mockup thiết kế giao diện màn hình đầu tiên (hero section) cho website công ty xây dựng Nhật Bản với tông màu xanh rừng dịu nhẹ và phong cách sống thanh lịch. Bố cục kết hợp khung trình duyệt hiện đại chia đôi trực quan cùng bong bóng yêu cầu thiết kế bằng tiếng Nhật ở góc trên.
Bản tiếng Anh
A polished presentation-style mockup on a dark charcoal background showing a Japanese homebuilder website first view concept. In the upper right, place a large white rounded speech bubble with 4 Japanese bullet lines in clean sans-serif text: 「工務店のwebサイトのファーストビューを作成してください。」, 「- 緑ベース」, 「- お知らせを1件表示」, 「- FV画像は、机を囲んで業者とお客様が話しているところ」, 「- CTAボタン設置」. In the lower left, show a realistic desktop website hero section inside a large rounded browser-like frame with a muted forest-green theme and elegant lifestyle branding for a Japanese construction company. The top navigation bar includes a small house logo at far left, the company name in Japanese, 5 navigation links across the top, and 1 rounded white contact button on the right. The hero area is split visually into 2 major zones: on the left, a green textured panel with layered organic leaf patterns, small introductory copy, a large white Japanese headline in multiple lines, a short paragraph of smaller Japanese body text, and 1 white rounded CTA button; on the right, a warm natural-light photo of exactly 2 people seated across a wooden table in discussion, with papers and a small architectural house model visible, indoor plants and window light in the background. The entire website card has soft shadows, premium editorial spacing, and rounded bottom corners. Along the bottom of the website mockup, include a narrow light-gray notice bar showing exactly 1 announcement item with a small green tag, a date, Japanese notice text, and a subtle link on the right. Add a semi-transparent gray circular badge overlapping the bottom-left corner of the website card containing the Japanese text 「編集」. In the bottom-right corner of the website card, add a small circular share/upload icon. Overall style: high-end Japanese web design concept, realistic UI mockup, refined typography, green natural-material branding, minimal and elegant composition.Bản tiếng Việt
Một bản mockup phong cách trình bày bóng bẩy trên nền màu than chì tối thể hiện ý tưởng màn hình đầu tiên của website công ty xây dựng nhà ở Nhật Bản. Ở góc trên bên phải, đặt một bong bóng lời thoại lớn màu trắng bo tròn với 4 dòng gạch đầu dòng bằng tiếng Nhật bằng phông chữ không chân gọn gàng: 「工務店のwebサイトのファーストビューを作成してください。」, 「- 緑ベース」, 「- お知らせを1件表示」, 「- FV画像は、机を囲んで業者とお客様が話しているところ」, 「- CTAボタン設置」. Ở góc dưới bên trái, hiển thị phần hero chân thực của website dành cho máy tính để bàn bên trong một khung dạng trình duyệt lớn bo tròn với tông màu xanh rừng dịu nhẹ và nhận diện phong cách sống thanh lịch cho một công ty xây dựng Nhật Bản. Thanh điều hướng trên cùng bao gồm một logo hình ngôi nhà nhỏ ở ngoài cùng bên trái, tên công ty bằng tiếng Nhật, 5 liên kết điều hướng trải ngang phía trên và 1 nút liên hệ màu trắng bo tròn ở bên phải. Khu vực hero được chia trực quan thành 2 vùng chính: bên trái là một bảng nền xanh lá có kết cấu với các họa tiết lá cây tự nhiên xếp lớp, đoạn văn bản giới thiệu ngắn, một tiêu đề lớn màu trắng bằng tiếng Nhật gồm nhiều dòng, một đoạn văn bản nội dung tiếng Nhật nhỏ hơn và 1 nút CTA màu trắng bo tròn; bên phải là một bức ảnh ánh sáng tự nhiên ấm áp chụp đúng 2 người đang ngồi đối diện nhau qua bàn gỗ thảo luận, có giấy tờ và một mô hình kiến trúc ngôi nhà nhỏ có thể nhìn thấy, cây cảnh trong nhà và ánh sáng cửa sổ ở hậu cảnh. Toàn bộ thẻ trang web có bóng đổ mềm mại, khoảng cách biên tập cao cấp và các góc dưới bo tròn. Dọc theo cạnh dưới của bản mockup website, bao gồm một thanh thông báo hẹp màu xám nhạt hiển thị chính xác 1 mục thông báo với một nhãn nhỏ màu xanh lá, ngày tháng, nội dung thông báo bằng tiếng Nhật và một liên kết tinh tế ở bên phải. Thêm một huy hiệu tròn màu xám bán trong suốt đè lên góc dưới bên trái của thẻ trang web có chứa văn bản tiếng Nhật 「編集」. Ở góc dưới bên phải của thẻ trang web, thêm một biểu tượng chia sẻ/tải lên hình tròn nhỏ. Phong cách tổng thể: ý tưởng thiết kế web Nhật Bản cao cấp, mockup giao diện người dùng chân thực, nghệ thuật chữ tinh tế, nhận diện thương hiệu vật liệu tự nhiên màu xanh lá cây, bố cục tối giản và thanh lịch.Mẹo sử dụng
Tối ưu nhất khi sử dụng với các mô hình tạo ảnh hỗ trợ hiển thị văn bản chi tiết như GPT Image hoặc DALL-E 3. Bạn có thể tùy chỉnh các đoạn chữ tiếng Nhật trong bong bóng thoại hoặc thay đổi tông màu chủ đạo để phù hợp với các lĩnh vực xây dựng, kiến trúc hay nội thất khác.
Nguồn và quyền sử dụng
- Nguồn
- https://x.com/issay_12/status/2046459431681224820#reversed-1
- Tác giả gốc
- フカタイッセイ 🌶 🌶 🌶
- License prompt
- CC-BY-4.0
- License ảnh
- CC-BY-4.0