ai21.net
言語

ECアプリのホーム画面

ECアプリのホーム画面 — 1ECアプリのホーム画面 — 2

プロンプト

Generate a high-fidelity mobile e-commerce app homepage screenshot inspired by mainstream Chinese e-commerce apps in 2026. The interface should look fully realistic, with complete mobile-app UI logic and strong commercial design polish.

Layout requirements:
- status bar with time 9:41, 5G signal, and battery icon
- search area with a city selector on the left, a rounded search box in the center, and message plus scan icons on the right
- horizontal category tabs below the search area
- top promotional carousel banner
- 10-icon function grid
- flash-sale module with countdown and three product cards
- "guess you like" two-column product waterfall with at least 6 product cards
- bottom tab bar with five tabs

Use these exact Chinese labels where appropriate:
- city: "杭州"
- search placeholder: "搜索耳机、咖啡机、运动鞋"
- category tabs: "推荐、数码、家电、服饰、美妆、食品、运动、家居"
- top banner: "618 预售开启" and "每满300减50"
- function grid: "超市、百亿补贴、秒杀、直播、充值中心、到家、领券、品牌馆、全球购、排行榜"
- flash sale title: "限时秒杀"
- recommendation section: "猜你喜欢"
- bottom tabs: "首页、分类、购物车、消息、我的"

All Chinese text must be clear and readable with realistic fonts. Spacing, icon style, white space, shadows, rounded corners, dividers, and tag treatments should closely resemble a real app screenshot rather than concept art.

日本語訳

2026年の中国の主流ECアプリに着想を得た、高忠実度のモバイルECアプリのホーム画面スクリーンショットを生成する。インターフェースは完全にリアルに見え、モバイルアプリとして完結したUIロジックと、商業デザインとしての高い完成度を備えていること。

レイアウト要件:
- 時刻9:41、5G信号、バッテリーアイコンを表示するステータスバー
- 左に都市セレクター、中央に角丸の検索ボックス、右にメッセージとスキャンのアイコンを配置した検索エリア
- 検索エリアの下に横並びのカテゴリタブ
- 上部のプロモーションカルーセルバナー
- 10個のアイコンからなる機能グリッド
- カウントダウン付きのフラッシュセールモジュールと3枚の商品カード
- 商品カードを6枚以上含む"猜你喜欢"の2列ウォーターフォール
- 5つのタブからなる下部タブバー

適切な箇所には以下の中国語ラベルをそのまま使用すること:
- 都市:"杭州"
- 検索プレースホルダー:"搜索耳机、咖啡机、运动鞋"
- カテゴリタブ:"推荐、数码、家电、服饰、美妆、食品、运动、家居"
- 上部バナー:"618 预售开启" と "每满300减50"
- 機能グリッド:"超市、百亿补贴、秒杀、直播、充值中心、到家、领券、品牌馆、全球购、排行榜"
- フラッシュセールのタイトル:"限时秒杀"
- レコメンドセクション:"猜你喜欢"
- 下部タブ:"首页、分类、购物车、消息、我的"

すべての中国語テキストは、リアルなフォントで明瞭に読めること。余白、アイコンのスタイル、ホワイトスペース、影、角丸、区切り線、タグの表現は、コンセプトアートではなく実際のアプリのスクリーンショットに近いものにすること。

出典

原作者
ZeroLu
収録元
ZeroLu/awesome-gpt-image · e-commerce-app-homepage · MIT