現代的な弁当箱グリッドレイアウト製品展示デザイン — Generated result

現代的な弁当箱グリッドレイアウト製品展示デザイン

現代的なBentoグリッドレイアウト製品ディスプレイデザイン、つや消しアクリル透明ガラス素材を使用。あらゆる製品タイプ(食品/薬品/テクノロジー製品/元素など)に適用可能。 【レイアウト構造】8つのモジュール、非対称Bentoグリッド配置、横長(landscape)フォーマット: モジュール1: 【3Dガラス製品メインディスプレイ】(中サイズ1x1、スペースの20-25%を占有) - 3D透

UIデザインGPT Image 2May 11, 2026 に作成
Prompt

現代的なBentoグリッドレイアウト製品ディスプレイデザイン、つや消しアクリル透明ガラス素材を使用。あらゆる製品タイプ(食品/薬品/テクノロジー製品/元素など)に適用可能。 【レイアウト構造】8つのモジュール、非対称Bentoグリッド配置、横長(landscape)フォーマット: モジュール1: 【3Dガラス製品メインディスプレイ】(中サイズ1x1、スペースの20-25%を占有) - 3D透明ガラス/アクリル素材の[製品名]彫刻 - [製品特徴]: * 食品 → 切り口/内部構造を表示(例:トマトの種室、ニンジンの輪切り) * 薬品 → 錠剤/カプセルの透明ガラス形態 * テクノロジー製品 → 製品外観のガラス芸術的表現 - 素材効果: 透明な赤橙/青/緑など[製品メインカラー]のガラス、光沢のある表面、光の屈折、リアルな反射 - 直下文字表記: "[日本語製品名] / [English Name]" - スペースを過度に占有せず、情報モジュールの表示領域を十分に確保 モジュール2: 【核心効能/特徴】(標準カード1x1) タイトル: "核心効能" または "核心特徴" または "主要機能" 内容: 4つの核心的なセールスポイント、"/"で区切る - 食品 → "抗酸化作用で老化を遅らせる / 心血管の健康を保護する / 美白と肌の美容 / 消化吸収を促進する" - 薬品 → "解熱鎮痛 / 抗炎症・消腫 / 抗血小板凝集 / 心血管疾患の予防" - テクノロジー → "アクティブノイズキャンセリング / 空間オーディオ / アダプティブEQ / 20時間持続" シンプルなアイコンを組み合わせる モジュール3: 【使用方法/応用シーン】(標準カード1x1) タイトル: "食べ方" または "使用方法" または "応用シーン" 内容: 4つの使用方法/シーン - 食品 → "生食: サラダ和え / 熟食: 炒め物・煮込み / 加工: ソース・ジュース / 組み合わせ: 卵と牛肉" - 薬品 → "内服: 食後にぬるま湯で服用 / 用量: 成人100mg / 頻度: 1日1-2回 / 治療期間: 医師の指示に従う" - テクノロジー → "音楽鑑賞 / 通勤時のノイズキャンセリング / 自宅オフィス / 映画鑑賞エンターテイメント" シーンアイコンを組み合わせる モジュール4: 【主要データ/パラメーター】(標準カード1x1) タイトル: "栄養価" または "技術パラメーター" または "製品仕様" 内容: 5つの主要データポイント - 食品 → "カロリー [X]kcal/100g / ビタミンC [X]mg / [特色成分]豊富 / 食物繊維 [X]g / カリウム [X]mg" - 薬品 → "成分: [化学式] / 規格: [X]mg / 発現時間: [X]分 / 半減期: [X]時間 / 代謝経路: [経路]" - テクノロジー → "チップ: [モデル] / 連続稼働時間: [X]時間 / 重量: [X]g / ドライバーユニット: [仕様] / 充電時間: [X]時間" シンプルなデータ可視化チャートを組み合わせる モジュール5: 【対象者/ターゲットユーザー】(標準カード1x1) タイトル: "対象者" または "ターゲットユーザー" または "適用シーン" 内容: 推奨(✓)と警告(⚠️)の2つの部分に分ける - 食品 → "✓ 心血管疾患患者 / ✓ 美容・美肌を求める人 / ✓ 減量・ダイエット中の人 / ✓ 便秘・消化不良 / ⚠️ 慎重使用: 腎機能不全 / 胃酸過多 / 空腹時の摂取" - 薬品 → "✓ 発熱患者 / ✓ 軽中度の痛み / ✓ 炎症性疾患 / ⚠️ 禁忌: 妊婦 / 喘息患者 / 胃潰瘍" - テクノロジー → "✓ 音楽愛好家 / ✓ ビジネスパーソン / ✓ 通勤者 / ✓ コンテンツクリエイター" 緑の✓と琥珀色の⚠️で区別 モジュール6: 【注意事項/使用ガイド】(標準カード1x1) タイトル: "摂取注意" または "使用注意" または "重要ヒント" 内容: 4つの重要な注意喚起事項 - 食品 → "胃粘膜を刺激しないよう空腹時の摂取は避ける / 未熟な[製品]は[有毒物質]を含むため禁食 / 栄養を保つため長時間高温で調理しない / [特殊な人]は摂取量を管理する必要がある" - 薬品 → "胃の不快感を避けるため食後に服用する必要がある / [禁忌薬]と併用不可 / 服用中は飲酒を避ける / アレルギー反応が出た場合は直ちに服用を中止し受診する" - テクノロジー → "初回使用時はデバイスとのペアリングが必要 / 極端な温度環境を避ける / 定期的な清掃とメンテナンス / 長期間使用しない場合は充電して保存する" 警告アイコンを組み合わせる モジュール7: 【特殊指標】(標準カード1x1) タイトル: 製品タイプに応じて調整 - 食品 → "プリン体含有量" "[X]mg/100g" + "低プリン体食品 ✓" + "痛風患者に優しい"と表示 - 薬品 → "副作用" 一般的な副作用を列挙 - テクノロジー → "互換性" 対応システム/デバイスを表示 インジケーターまたはアイコンを組み合わせる モジュール8: 【豆知識/製品洞察】(標準カード1x1) タイトル: "豆知識" または "製品物語" または "面白い事実" 内容: 2-3つの面白い知識ポイント - 食品 → "[製品]は加熱後に[成分]の吸収率がX倍向上する / [製品]の原産地は[地域]で[X]年の歴史がある / 未熟な[製品]には[有害物質]が含まれる" - 薬品 → "[製品]は世界で最も広く使用されている[カテゴリ]の一つである / 毎年世界で[X]トン以上が生産されている / [発明年]年に[人名]によって発明された" - テクノロジー → "[製品]は[技術]の特許技術を採用している / [ブランド]が初めて[機能]を消費者向け製品に適用した / 世界販売台数は[X]万台を突破した" 【つや消しアクリル素材仕様】(CRITICAL 核心): カード素材効果: - 透明度: 80-85% 半透明 (TRANSLUCENT)、カードを通して背景が見える - つや消し効果: 柔らかなフロストガラスのようなぼかし、backdrop-filterスタイル - ベースの色調: わずかに白/クリーム色の霜降り効果 (15-20%不透明度)、可読性を向上させつつ透明感を維持 - 境界線: 精巧な光る境界線、光の反射を捉える - 影: 柔らかな多層の影、浮遊感のある深みを演出 - ガラスの物理特性: リアルなガラスのエッジのハイライト、光の屈折、表面反射効果 - 視覚的特徴: 背景のグラデーションがカードを通してはっきりと見え、まるで本物のつや消しアクリル板のよう 重要: カードはTRANSLUCENTな透明感を維持する必要があり、不透明な白いカードになってはいけません! 【配色方案】: 基本配色比率: 90% ニュートラルカラー + 10% 製品テーマカラーのアクセント - ベースレイヤー: 透明ガラス、ライトグレー、オフホワイト - テキスト色: ミディアムダークグレー #3A3A3A (柔らかくもクリア、透明背景に適している) - テーマカラーのアクセント (10%使用): * 食品 → 製品の天然色(トマトの赤橙、ニンジンの橙、ほうれん草の緑など) * 薬品 → メディカルブルー、薬品ホワイト、赤十字ロゴの色 * テクノロジー → ブランドの主要色(Appleのシルバーグレーブルー、Xiaomiの橙、Huaweiの赤など) - アクセント位置: 主要なアイコン、重要な数字、警告記号、3Dメインオブジェクトのみに適用 - 警告色: 琥珀色オレンジ #FF9800 を⚠️警告内容に使用 - 肯定色: 緑 #4CAF50 を✓推奨内容に使用 【背景設定】: - タイプ: 柔らかなグラデーション、2-3つの類似色で移行 - 製品のトーンに合わせた調整: * 食品 → クリームホワイト-淡いピーチ-ライトオレンジ(暖色系) * 薬品 → ライトグレーホワイト-淡いブルー-メディカルホワイト(清潔感とプロフェッショナルさ) * テクノロジー → スペースグレー-シルバーホワイト-淡いブルー(テクノロジー感) - 装飾要素: 極めて柔らかな抽象的な形状、ガラスカードを通してぼんやりと見える - 重要: 背景は柔らかく目立たず、透明カードを通して見えるが、読解を妨げないようにする 【タイポグラフィレイアウト】: - フォーマット: 横長 (landscape) 16:9 または類似の比率 - グリッドタイプ: 非対称Bentoグリッド、カードサイズは不均一 - スペース配分: * 3Dガラスメインオブジェクト: 20-25% (中サイズ、過度に占有しない) * 情報カード: 75-80% (7つの標準カード) - カード間隔: 適度な余白、窮屈でなく、呼吸感良好 - 視覚的階層: カードのサイズ、位置、色調のアクセントを通じて情報の優先順位を確立 - 読解の流れ: 左上の3Dメインオブジェクトから始まり、自然に各情報カードへ流れる 【テキスト規則】: - 言語: 全てのコンテンツは中国語(製品名はバイリンガル表記可能) - フォント階層: * モジュールタイトル: 太字、大サイズ * 本文コンテンツ: 通常体、中サイズ * データ数字: 太字、強調表示 - 可読性: ミディアムダークグレーのテキストはつや消しガラス上ではっきりと読みやすい - 単位規則: * 重量: グラム、キログラム、ミリグラム * エネルギー: キロカロリー、カロリー * 時間: 分、時間、日 * 容量: ミリリットル、リットル 【アイコンスタイル】: - タイプ: ミニマリストな線画アイコン (line icons) - サイズ: 小さく、主役を邪魔しない - 色: ライトグレーの線、主要アイコンはテーマカラーでアクセント - 用途: 補助説明、視覚的認識の強化 【使用方法】: 1. [製品名] を実際の製品名に置き換える 2. 製品タイプ(食品/薬品/テクノロジー)に応じて対応するコンテンツ例を選択する 3. 8つのモジュールの具体的な情報を埋める 4. テーマカラーを製品の代表色に調整する 5. つや消しアクリルの透明感を維持することを確認する 【品質基準】: ✓ 正しい透明度(80-85%、透過可能) ✓ つや消しのぼかし効果が明確だが過度でない ✓ 背景がカードを通して見える ✓ 3Dメインオブジェクトの比率が適切(20-25%) ✓ 情報が完全(8つのモジュール全ての内容が揃っている) ✓ 中国語表示がクリア ✓ 色使いが控えめで上品(ニュートラル90% + アクセント10%) ✓ レイアウトが快適で窮屈でない ✓ ガラスの質感がリアル(エッジのハイライト、反射、屈折) 【典型的な適用例】: 食品: 🍅トマト、🥕ニンジン、🍎リンゴ、🥑アボカド 薬品: 💊アスピリン、ビタミンC、イブプロフェン、ペニシリン テクノロジー: 🎧AirPods Max、iPhone、MacBook、テスラ 元素: ⚛️炭素、酸素、水素、窒素

出典:aiwind.org原文を見る

UIデザイン の他の作品

すべて表示
レトロピクセルUIアイコン

レトロピクセルUIアイコン

添付画像を以下のJSON美的スタイルで再テクスチャリングしてください:{"style":"レトロピクセルUIアイコン","resolution":"低 (32x32 または 48x48)","color_palette":["#F2F2F2","#C0C0C0","#000000","#FFFFFF","#0000FF","#00FF00","#FFFF99","#008080"],"outline":{"enabled":true,"color":"#000000","thickness":"1px"},"shading":{"method":"ディザリング","colors_used":["ベースカラー","ハイライト","シャドウ"],"pattern":"市松模様または斜線"},"lighting":{"type":"フラット","source":"左上","highlight_color":"#FFFFFF","shadow_color":"#808080"},"background":{"color":"#F2F2F2","type":"単色","transparency":false},"object_properties":{"style":"ピクセルアート","perspective":"アイソメトリックまたは正面向き","animation":{"enabled":false,"frame_style":"静的ピクセルアート"}}}

Airbnbスタイルのアイコン

Airbnbスタイルのアイコン

このJSONスタイルで[concept]アイコンを生成してください: { "icon_style": { "perspective": "isometric", "geometry": { "proportions": "1:1 ratio canvas, with objects fitting comfortably within margins", "element_arrangement": "central dominant object, with supporting elements symmetrically or diagonally placed" }, "composition": { "element_count": "2–4 main objects", "spatial_depth": "layered to create sense of dimension and slight elevation", "scale_consistency": "uniform object scale across icon set", "scene_density": "minimal to moderate, maintaining clarity and visual focus" }, "lighting": { "type": "soft ambient light", "light_source": "subtle top-right or front-top direction", "shadow": "gentle drop shadows below and behind objects", "highlighting": "mild edge illumination to define forms" }, "textures": { "material_finish": "semi-matte to satin surfaces", "surface_treatment": "smooth with light tactile variation (e.g., wood grain, soft textures)", "texture_realism": "stylized naturalism without hyper-realistic noise" }, "render_quality": { "resolution": "high-resolution octane 3D rendering", "edge_definition": "crisp, no outlines; separation achieved via lighting and depth", "visual_clarity": "clean, readable shapes with minimal clutter" }, "color_palette": { "tone": "naturalistic with slight saturation boost", "range": "harmonious muted tones with gentle contrast", "usage": "distinct colors per object to improve identification and readability" }, "background": { "color": "#FFFFFF", "style": "pure white, flat", "texture": "none" }, "stylistic_tone": "premium, friendly, clean with lifestyle or service-oriented appeal", "icon_behavior": { "branding_alignment": "neutral enough for broad applications", "scalability": "legible at small and medium sizes", "interchangeability": "part of a cohesive icon system with interchangeable subject matter"} } }

有名なオペラシーンのMBTI性格タイプカード

有名なオペラシーンのMBTI性格タイプカード

# 任務目標

最小限の天気ウィジェット

最小限の天気ウィジェット

1:1比率で画像を生成。超現実的でミニマルな美学、微妙なグラデーションの背景に、背景と同色の飛行機の窓枠を配置。楕円形の窓からは[国名]のランダムな象徴的なランドマークの風景が見える。窓の中央にはオーバーレイの天気UIインターフェースがあり、上から下へ、小さな天気アイコン、エレガントな軽量フォントで表示される大きな気温、その下の小さな位置タグ、そして一番下に国名が含まれる。極端な天候で生成し、窓は天候の影響を受け、微妙なグラデーション背景の色合いは天候と共鳴する。自然光、柔らかな影、ガラス上の微妙な反射、大きなネガティブスペースを取り入れる。

手描き風インフォグラフィックカード

手描き風インフォグラフィックカード

縦長の9:16比率で、手描きスタイルのインフォグラフィックカードを作成してください。カードのテーマは明確で、背景は紙のテクスチャがあるベージュまたはオフホワイト色にし、全体的なデザインは素朴で親しみやすい手描きの美学を表現してください。 カードの上部には、視覚的な焦点を引きつけるため、赤と黒を交互に使用した対照的で大きな筆文字の草書体(中国語)でタイトルを際立たせてください。すべてのテキストコンテンツは中国語の草書体を使用します。全体のレイアウトは2〜4の明確なセクションに分かれ、各セクションでは短く簡潔な中国語のフレーズで核心的なポイントを表現します。フォントは草書体の流れるようなリズムを保ち、読みやすさと芸術性を兼ね備えている必要があります。 カードには、視覚的な魅力を高め、読者の思考と共感を呼び起こすために、人物や象徴的な記号などのシンプルで面白い手描きのイラストやアイコンを点在させてください。全体のレイアウトは視覚的なバランスに注意し、十分な余白を確保して、画面が簡潔で明瞭であり、読みやすく理解しやすいようにしてください。 テーマは次のとおりです:「IPを構築することは長期的な複利である。毎日『出店する』(継続的に活動する)ことを堅持し、継続すれば、必ず結果が出る。なぜなら、99%の人は継続できないからである。」

自分だけのGTAキャラクターを作成

自分だけのGTAキャラクターを作成

Rockstar Games でクリエイティブ ディレクターを務める。 公式の GTA VI プロモーション画像とまったく同じスタイルで架空の GTA VI キャラクター シートを作成します。 レイアウトは次のようにする必要があります。 横型キャラクターシート。右側にキャラクターが個性を反映したダイナミックなポーズをとっています。 左側に、次の構造化テキストを含めます。 左上に小さな「VI」のロゴがあります (視覚的に言及してください)。 キャラクターの名前が太字で表示されます。 キャッチーなスローガンまたはキャッチフレーズがすぐ下に別の明るい色で表示されます。 ロックスターの口調と同じように、皮肉を込めた、ストリート風、または遊び心のある口調で書かれた短い裏話 (3 ~ 5 行)。 夕日の照明、ネオンのアクセント、セルシェーディングのコミック スタイルを使用して、活気に満ちたバイス シティの美学を使用します。 キャラクターの服装、行動、環境は、キャラクターの原型と背景を反映している必要があります。 次の変数をカスタマイズしてみましょう。 アーキタイプ: {あなたの選択} 性別: {あなたの選択} 肌の色: {あなたの選択} 髪型: {あなたの選択} 感情 : {あなたの選択} 服装: {あなたの選択} 武器またはアクション: {あなたの選択} 背景の詳細: {あなたの選択} 架空の名前をタイトルに、説明を英語で生成します 完成したゲーム内アセット公開のように、最終結果をフォーマットします。 雰囲気は、まるで本物の GTA VI 世界の一部であるかのように、派手でスタイリッシュで個性に満ちたものでなければなりません。 (「選択」セクションにパーソナライズされた情報が入力されていない場合、それを自分でランダムに生成するかどうかはあなた次第です) 今後はビジュアルを直接生成します