UIデザイン AIプロンプト

218件のテンプレート · GPT IMAGE 2, Nano Banana Pro · 2026年10月更新

モバイル画面、SaaSダッシュボード、SNSフィード、ターミナル画面など、リアルなインターフェースを生成するためのテンプレートです。ステータスバー、ナビゲーションメニュー、コンテンツカードといった画面構造の要素を細かく定義しています。角括弧内のテキスト、アカウント名、数値指標、配色を差し替えるだけで、様々なプロダクトコンセプトに合わせた画面を作成できます。

使用方法プロンプトを作成する

並べ替え基準:

218 件中 181～218 件のプロンプトを表示

パステル調の日本語Web解説インフォグラフィック

クリーンな白背景に、ペールブルー、クリーム、ライトグリーンの柔らかく丸みを帯びた抽象的なコーナースプラッシュを配置した、キュートなパステル調の日本語インフォグラフィックスライド。太めの丸ゴシック日本語タイポグラフィ、繊細なドロップシャドウ、薄いグレーのアウトライン、ドット装飾、小さな落書き風イラストを取り入れた、親しみやすくモダンなベクターレイアウト。【上部】 - 中央に濃いネイビーの太字見出し：「[Google Fontsの使い方]」 - その下に青い小見出し：「[3ステップでかんたん導入]」、両脇に小さな青いドットの並び - 右上に角丸の青いページバッジ：「[2/2]」 - 左上に黄色の3本線のキラキラ、背景にペールブルーのドットグリッド、薄緑のサークル装飾【中央上段（3つのステップカード、カード間に青い矢印）】 - カード1（ペールブルー背景、青い「1」の丸バッジ）：「Aa」の上に虫眼鏡アイコンと黄色い星。太字タイトル「[フォントを選ぶ]」、説明文「[Google Fontsで好きなフォントを探す]」 - カード2（ペールグリーン背景、緑の「2」の丸バッジ）：「</>」コード記号付きブラウザアイコンとクリップボード。太字タイトル「[コードをコピー]」、説明文「[linkタグや@importを取得する]」 - カード3（ペールクリーム背景、オレンジの「3」の丸バッジ）：「CSS」表記の書類アイコン。太字タイトル「[CSSで指定]」、説明文「[font-family に設定して使う]」【中央下段（3つのコード＆プレビューパネル）】 - 左：青い「HTML」タブ付きの白いカード。青字でコードを表示："<link href=\"https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap\" rel=\"stylesheet\">" - 中央：緑の「CSS」タブ付きの白いカード。ダークカラーでコードを表示："body { font-family: 'Kiwi Maru', serif; }" - 右：薄青のタイトルバーと赤・黄・緑のボタンがついた模擬ブラウザウィンドウ。かわいい手書き風フォントで黒い日本語テキスト「[こんにちは、Kiwi Maru]」を表示し、右側に小さなキラキラを2つ配置【下部】 - 4つの角丸ピルバッジ：「[Google Fontsを使うメリット]」（白、青い星）、「[無料]」（ペールブルー、ピンクのハート）、「[すぐ使える]」（ペールグリーン、時計アイコン）、「[日本語フォントも豊富]」（ペールイエロー、花アイコン） - 左下に小さな笑顔の鉢植えイラスト

インフォグラフィックパステル日本語デザイン

3D飛び出しコスプレSNSポスター

スタイル: 3D飛び出しソーシャルメディア・ポートレートポスター。被写体: 『[Genshin Impact]』の[Furina]のリアルなコスプレポートレート。特徴的な顔立ち、ヘアスタイルと髪色、瞳の色、メイク、衣装のシルエット、アクセサリー、小道具を忠実に再現。構図とカメラ: 強烈な遠近感を生み出すローアングル広角ショット。[Instagram]のプロフィール画面が表示された巨大なスマートフォンの枠組みの中に座り、片手をカメラレンズに向かって大きく突き出し、両足を画面の外へと踏み出して枠を突き破る、迫力ある3D飛び出し効果と深い被写界深度を演出。 UI要素: ユーザー名、アバター、フォロワー数、フォローボタン、投稿サムネイルグリッドが並ぶ、洗練されたスタイリッシュな[Instagram]プロフィールUIデザイン。背景: 『[Genshin Impact]』をテーマにしたドリーミーなファンルーム。ぬいぐるみ、ポスター、チェキ風写真、ファンアート、サブカルコレクションが飾られた空間。色彩と照明: 柔らかなクリスタルハイライトとパールホワイトを基調に、ピンクのアクセントとキャラクターカラーを調和させたコマーシャルファッションライティング。日本のアイドルカルチャーとY2Kポップスタイルを融合。

コスプレ3d飛び出しsns

レトロな2005年風MySpaceプロフィール

20歳の[Chris First]を描いた、2005年当時のリアルなヴィンテージMySpaceプロフィールページのスクリーンショット。2000年代初頭のクラシックなWebデザイン美学を再現：レトロなカスタムHTMLスタイル、青いハイパーリンク、トップ8フレンド一覧、埋め込み音楽プレーヤー、懐かしいWebフォント、低解像度の粗いデジカメ自撮りプロフィール写真、初期ソーシャルメディアのUI要素。

myspacey2kレトロウェブ

高級美容クリニックのランディングページモックアップ

ウェブサイトランディングページモックアップ. ソリッドなライトクリーム. アウトライン. Our Services. The Elysian Experience. Before & After. [高級美容クリニック]. [温かみのあるゴールドとブロンズ]. エレガントなセリフフォント. ハイエンド、高級感、光るボケ味の背景. [Elysian] AESTHETICS. About. Treatments. Gallery. Book Consultation. きら…

uiデザインランディングページウェブモックアップ

在庫管理アプリのプロモーションポスター

柔らかなミントグリーンの背景に垂直中央配置された、在庫管理アプリ「[Zaiko]」のクリーンなモバイルアプリ販促ポスター。上部にはアプリ名「[Zaiko]」が緑色で入った角丸の白いピル型ロゴがあり、その下に緑のドット、数字の「01」、日本語テキスト「見える化」が入った細い枠線のピルバッジが配置されている。その下にはダークネイビーの太字の日本語見出し「[買い忘れを、なくす。]」、さらに小さめのグレーのサブ見出し「残り日数で補充タイミングをひと目で確認」が続く。その下には横並びの3つの角丸チップ：赤ドット付きの「残り日数」、黄ドット付きの「通知」、緑ドット付きの「補充管理」。中央には正面向きのリアルな黒ベゼルスマートフォンのモックアップがあり、アプリ画面が表示されている。画面上部には「[Zaiko]」の入ったソリッドグリーンのヘッダーバー、薄い情報ストリップ、そして3つのステータスカウンター（赤ドット「2 要補充」、黄ドット「1 もうすぐ」、緑ドット「2 余裕あり」）がある。その下には、柔らかなシャドウと色分けされた期限バーを備えた4つの在庫アイテムカードが縦並び：1) 「シャンプー」（赤バー、「1日超過」バッジ）、2) 「トイレットペーパー」（赤バー、「あと2日」バッジ）、3) 「食器用洗剤」（黄バー、「あと5日」バッジ）、4) 「ボディーソープ」（緑バー、「あと10日」バッジ）。各カードには製品アイコン、ラベル、および3つのアクションボタン「補充した」「まだある」「リスト」が付いている。右下には緑の丸いフローティング「+」ボタン、画面下部には「ホーム」「買い物リスト」「設定」のタブバーがある。スマホは柔らかな白いサイドサポートと淡い影を持つ光沢のある緑の角丸台座の上に置かれ、台座には「[そろそろ買うものが、すぐわかる]」と書かれた白いピル型ボタンが配置されている。洗練された日本のUIモックアップスタイル、明瞭なタイポグラフィ、柔らかなライティング。

アプリモックアップuiデザインプロモーションポスター

日本語テック系インフォグラフィックスライド

日本語のインフォグラフィックポスター. トップヘッダー. 特徴カード. 活用シーンバー. サンプルエリア. ページマーカー. 無料で使える. Webサイト・アプリ・資料デザインに幅広く使えます。. 種類が豊富. 英字だけでなく、日本語フォントも選べます。. すぐ導入できる. リンクを貼るだけで、Webにフォントを読み込めます。. こんなときに便利. Google Fontsの紹介. クリーンでフラットな現代的プレゼンテーションスライド. 白背景に淡いパステルブルー、グリーン…

インフォグラフィックプレゼンスライド日本語フォント

ダークモード学術論文図表ライブラリUI

研究論文の図表スタイルライブラリのギャラリーインデックス画面を表示した、ダークモードの洗練されたWebアプリケーションUIスクリーンショット。タイトルは「[研究论文图示]」。ダークチャコール背景の16:9ワイド構図で、繊細なグリッド線、鮮明なタイポグラフィ、ホワイトとシアンのアクセントが施されています。上部中央にはタイトル「[研究论文图示]」とカラフルなドキュメントアイコンが並び、下部に細い水平ディバイダーを配置。右上には「↑ 图库索引」と書かれた角丸ボタン。ディバイダー下の左側には太字のセクション見出し「[研究论文图示网格]」が表示されています。メイン領域には4列のカードグリッドがあり、上部2行に8枚の完全なカード、下端に切り取られた4枚の一部表示カードが並びます。各カードは白背景の学術図表サムネイル、太字のタイトル、そして「landscape」「high」「Curated」と書かれた3つの小さな角丸タグで構成されます。上段カード：Card 1「患者队列与多模态生物标志物流称流程」、Card 2「单细胞免疫图谱」、Card 3「多模态医疗 AI 方法图」、Card 4「治疗响应统计图」、Card 5「Transformer 编码器-解码器架构」、Card 6「多智能体 LLM 系统架构」、Card 7「去噪扩散正/逆向链」、Card 8「经验缩放规律图」。下段の一部表示カードには英語タイトルが表示されます。ブラウザのアドレスバーや透かしのないクリーンなSaaSデザイン。

uiデザインダッシュボードダークモード

音楽アプリUIコンセプト発表ポスター

プレミアムアプリUIコンセプトポスター. 近未来的なダークネオンインターフェース. [DISCOVERY / TOP SONGS]. 主な要素. インタラクション. 選ばれる理由. ソーシャルプルーフ. 急上昇中. Spotifyに着想を得た音楽発見リデザイン. 縦向き. 微細な粒子感のある漆黒、柔らかなグリーングローのアクセント、かすかなシアンからレッドへのアンビエントグラデーション. CONCEPT 4. エンターテインメントのように感じられる発見体験。. 薄型メタルフ…

uiデザインケーススタディスマホモックアップ

日本企業向けAI導入事例スライド

AI導入およびAIXコンサルティングの支援実績・導入事例を紹介する、[Galirage]向けの洗練された日本の企業プレゼンテーションスライド。アスペクト比16:9のワイド画面、クリーンなSaaS・コンサルティング風のグラフィックスタイル。白からごく淡いブルーへのグラデーション背景に、半透明の流麗なウェーブシェイプ、ゆとりある余白、柔らかなドロップシャドウ、ブルーとティール（青緑）のアクセントカラーを採用。ヘッダーおよび上部エリア： - 左上：縦型のブルーのアクセントバーの横に小さめの見出し「支援実績【事例紹介】」、その下にブルーの小見出し「多様な業界の大手企業を支援」、さらに鮮やかなブルーの太字メインタイトル「[AI導入・AIX支援で\n豊富な実績]」。 - 中央右上：簡潔な日本語テキスト「製造・金融・保険・製薬・IT・通信など、多岐にわたる業界の大手企業を幅広くご支援してきました。特に『上場企業を中心とした大手企業向けのAI導入・AIX支援』において、豊富な実績を有しています。」 - 右上：ブルーとレッドの抽象的な円形ロゴマークと「[Galirage]」のワードマーク。その下に「対応業界」のピルタグが付いた角丸の長方形パネル。細い仕切り線で区切られた6つのミニマルなブルーのベクターアイコンとラベル：工場（「製造」）、銀行（「金融」）、保険のハート・手（「保険」）、カプセル（「製薬」）、モニター（「IT」）、電波塔（「通信」）。メインコンテンツグリッド： - 下部2/3に、柔らかな影とブルー／ティールのアクセントが交互に施された、角丸の白いカード6枚を3列×2行で配置。各カードの左上には斜めの番号リボン、左側に円形アイコン、太字のクライアント名見出し、3つのピルタグ、日本語の説明文を配置： 1. リボン「01」：銀行アイコン、タイトル「国内メガバンクグループ」、タグ「社内AI」「AI駆動開発」「研修」、説明文：「グループ社員向けの社内AIシステム開発をご支援。AI駆動開発の社内標準化では、社内ツールの開発からエンジニア研修まで、一気通貫で対応しました。」 2. リボン「02」：フラスコアイコン、タイトル「大手化学メーカー」、タグ「PoC支援」「データ分析AI」「業務データ正規化」、説明文：「研究開発部門の業務データ正規化および分析AIのPoC支援を担当。課題整理、仮説立案からシステム構築、成果物検証まで、一気通貫で対応しました。」 3. リボン「03」：薬瓶アイコン、タイトル「大手製薬メーカー」、タグ「RAG」「AIエージェント」「業務効率化」、説明文：「社内の業務効率化・高度化を目的としたRAG・AIエージェントのシステム開発をご支援。要件定義から本格的なシステム開発まで、一貫して担当しました。」 4. リボン「04」：シールドアイコン、タイトル「大手保険持株会社」、タグ「AIツール選定」「セキュリティ準拠」「ナレッジ提供」、説明文：「社内セキュリティポリシーに準拠したAIツールの選定を支援。生成AI最新動向のインサイト付き定期配信とナレッジ提供を、継続的に実施しました。」 5. リボン「05」：ロボットアームアイコン、タイトル「大手重工メーカー」、タグ「ナレッジ継承」「AIシステム構築」「業務知識の体系化」、説明文：「熟練社員が持つ暗黙知を次世代へ継承するためのAIシステム構築をご支援。現場の業務知識をデジタル化・体系化する仕組みを、設計から実装まで担当しました。」 6. リボン「06」：ヘッドセットアイコン、タイトル「大手通信グループのIT会社」、タグ「業務効率化」「リスキリング研修」「人材育成」、説明文：「コールセンターシステムの業務効率化を支援。別案件として、社内AI人材育成に向けたリスキリング研修の設計・実施にも、幅広く対応しました。」フッター： - 左下にコピーライト表記「[© Galirage Inc.]」。全体にモダンな日本語サンセリフ体（ゴシック体）を使用し、鮮明なUIベクターデザイン。写真や人物、透かしは含まない。

プレゼン資料スライドインフォグラフィック

初心者向けキャンプ装備インフォグラフィックグリッド

4つの異なる国における初心者キャンパー向けの2×2グリッドインフォグラフィックレイアウト。各クアドラントには、[国立公園または地形]の詳細な3D立体等高線地形図、[秋]の[初心者]キャンパー向けに整理されたギア配置インフォグラフィックUI、そして「Leave No Trace（環境倫理）」チェックリストウィジェットが配置されています。[夕暮れ]時の繊細なキャンプファイヤーの明かりを取り入れた温かみのあるスタジオ照明。すっきりとした現代的なグラフィックデザイン、整然としたノーリング配置。一般的なクリップアート風テント、詰め込みすぎの乱雑なバックパック、陳腐なアコースティックギターの描写は除外。

インフォグラフィックキャンプ地形図

高級ハードウェアウォレットのLPヒーロー

暗号資産ハードウェアウォレット向けの映画のような高級テック製品ランディングページヒーローセクション. ダークラグジュアリーなフィンテックWebサイト、洗練されたUIデザインと融合したフォトリアルな製品レンダリング、ムーディーなブラックとディープネイビーの背景、アイスブルーのハイライト、細い角丸アウトライン、柔らかなグロー、ハイコントラスト、ブラシ仕上げの金属テクスチャ、濡れた反射テーブル、ドラマチックなスタジオライティング. ファセット加工の小さなダイヤモンドアイコン. […

フィンテックランディングページ暗号資産ウォレット

クリエイティブ広告生成AIツールのUI

参照写真のビジュアルアイデンティティとカラーパレットを踏襲した、[Netflix]向け看板広告コンセプト4案を2×2グリッドで表示する洗練されたダークモードAIクリエイティブ生成ツールのUI画面。左サイドバーには2つのモデル選択カードを備えたAIモデルピッカー。メインキャンバスには生成された4つのコンセプトサムネイルが2×2で並び、それぞれ劇的なライトと濡れた路面の反射を伴う夜の屋外ビルボードモックアップに、VRヘッドセットを装着した人物が描かれている。ビルボードの太字コピーは「[NETFLIX VR]」「[COMING SOON]」「[28TH MAY]」。各サムネイル上部には生成時間バッジが配置される。右側にはプロンプト情報を要約したUIチップやパラメータータグ。深みのあるチャコールとブラックの背景に鮮やかなレッドのアクセント、クリアな白のサンセリフ書体を配した高級SaaSインターフェース。

uiデザインsaas画面看板モックアップ

フルスタックWeb開発ロードマップ図

[VibeCodingに必要なWebフルスタックの基礎知識]をわかりやすく整理して紹介する、クリーンで視認性の高いインフォグラフィック表示。作成可能な上位10個のフルスタックデモプロジェクトを示すビジュアルカードを併せて配置。整理されたモダンなレイアウト、明確な技術系アイコン、洗練されたタイポグラフィ、鮮やかなアクセントカラー、スタイリッシュなUIダッシュボードスタイル、クリアなライティング。

インフォグラフィックweb開発学習ロードマップ

モバイルアプリUIショーケース

参照写真の被写体をアプリ内のメインコンテンツとして起用した、[次世代リアルモバイルアプリのスクリーンショットコレクション]のプロフェッショナルなUI/UXデザインショーケース。参照写真の被写体の特徴、色、形状、顔、服装、雰囲気を正確に再現。並列または美しくレイヤー配置された[4〜6]枚の縦型スマートフォン画面で構成：ホーム画面、詳細プロフィール画面、分析ダッシュボード、コレクション画面、編集画面、共有画面。各画面に異なる精緻なUI要素を配置：架空のアプリ名、タブバー、カード型UI、モダンなボタン、データグラフ、タグ、簡潔な英語テキスト、数値データ、アイコン、小さな通知バッジ。2026年の洗練されたモバイルUI、視認性の高い情報設計、過度にならない適度なグラスモフィズム。DribbbleやApp Storeプレビューのような、シンプルでニュートラルなスタジオ背景と柔らかな環境光。

uiデザインモバイルアプリアプリモックアップ

コミックスタイル分割ポートレートのアプリモックアップ

セルフィーからコミックへの画像変換ツール用の縦型プロモーションアプリモックアップ。顔の骨格を維持したまま1枚のポートレートが複数のアートスタイルに変換されています。4:5の構図で、繊細なシアンのネオンエッジが光る光沢のあるダークなスマートフォンUIフレームを配置し、背景には[ぼかしたクリエイティブスタジオのデスク]が広がります。メインプレビュー画面は左から右へ正確に4つの縦分割パネルで構成：1) 浅い被写界深度のリアルな室内セルフィー、2) クロスハッチングと明確な描線による白黒のマンガインク画、3) 太い輪郭線、ハーフトーン印刷ドット、温かみのある色調の鮮やかなレトロコミック風、4) ティール色の背景に大きめの四角いピクセルで描かれたレトロなピクセルアート。すべてのパネルにまたがる中央の顔部分には、目立つウォームベージュグレーの正方形マスクが配置されています。プレビューの下部には各スタイルに対応する4枚の丸角サムネイルカードが並ぶダークなカルーセルを配置。被写体は[ダークブラウン/黒]の無造作なお団子ヘアの若い女性で、トーンの揃った肌、シンプルなダーククルーネックシャツと細いネックレスを着用し、すべてのスタイルで同一のポーズを保っています。スタイル：洗練された[ダークな未来的モバイルUI]モックアップ、ハイコントラスト、明確な分割、可読な文字やロゴ、透かしはなし。

アプリモックアップコミックスタイル画面分割ポートレート

性格診断アプリ結果画面UI

これまでの会話の傾向、言葉の選び方、共通のテーマ、思考パターンをすべて反映した、パーソナライズされた[性格診断アプリの結果画面]のUIデザイン。チャート、性格特性の内訳、洗練されたタイポグラフィ、柔らかいUI要素を備えたクリーンでモダンなモバイルアプリのインターフェース。

uiデザインモバイルアプリ性格診断

ヨーロッパ旅行キャンペーンウェブバナー

旅行広告ウェブバナー. [カフェ、噴水、教会の塔がある絵のように美しいヨーロッパの石畳の広場]. 小さめの明朝体、飛行機アイコン付きのカーブしたライン沿い. 大きくて上品な明朝体、ブラウン・ブルー・ピンクの配色. 中サイズの明朝体、ヴィンテージ調の装飾ラインで挟む. 金の二重線ボーダー付きの赤い角丸ボタン、テキスト下の中央配置. 上部角丸のホワイトバナー. 明るい晴れた日、暖かな陽光. カフェのテーブルと椅子、バルコニーの鮮やかな花々、遠くの山々、ふわふわした雲が浮かぶ澄ん…

旅行バナーウェブバナー日本語デザイン

エディトリアルファッションムードボードUI画面

架空のブランド[VINCO]の4:5エディトリアルファッションルックブックのムードボードUIスクリーンショット。ダークモードのアプリ画面構成で、上半分のチャコール色の角丸テキストパネルには、ほぼ黒の背景にクリーンな白のサンセリフ書体で複数行のクリエイティブディレクションブリーフが表示されています。下部左寄りには、2×3グリッドの6枚のエディトリアル写真タイルが配置されています： - タイル1：大胆な「[VINCO]」ロゴ、バーコード、繊細な文字が入ったオフホワイトのポスター背景の前に立つ、色褪せたオリーブのオーバーサイズTシャツとダークパンツの若い男性。 - タイル2：午後の暖かな日差しの中で紙の質感と影が際立つ、「[VINCO]」と書かれたミニマルな白ラベルのダークなナチュラルワインボトルの静物写真。 - タイル3：青いストライプグラフィックとレイアウト文字がある淡い壁を背景に、さりげないロゴ入りのウォッシュドオリーブ長袖シャツと白いショーツを着た人物のバックショット。 - タイル4：背中に大胆な黒のグラフィックブロックが入った白いTシャツを着て、夕暮れのアスファルトを滑り去るスケートボーダーの後ろ姿。 - タイル5：クリーム色の紙の上に広がるワイン印刷物のフラットレイ。ブドウの植物画と「[Vino Naturale]」の淡いシャルトリューズグリーンのラベル。 - タイル6：「97」とプリントされたゼッケン風白Tシャツと蛍光イエローグリーンのキャップを被り、ヤシの木と青空の下に立つ人物の正面ポートレート。美学：イタリアのアーカイブグラフィックデザインと1990年代後半の南カリフォルニアストリートウェア、ナチュラルワイン文化、ドキュメンタリーファッション写真の融合。オリーブ、クリーム、チャコール、アスファルトグレー、日焼けした白、鮮やかな蛍光イエローグリーンのアクセント。左下に角丸の「Edit」ボタン、右下に小さな円形アイコンなどのUIフレームを含む構成。

ムードボードエディトリアルファッションuiデザイン

アニメ風コスモスガーデンクレジットカード

ピンクのコスモスと夕暮れの庭園をテーマにした、[Komari Hanasaki]の光沢あるアニメ風ファンタジークレジットカードデザイン。無地の白背景にソフトなドロップシャドウを落とした、角丸長方形の光沢プラスチック製カードの正面真正面構図。メインイラスト：ショートのダークブラウンのボブヘアにアホ毛のあるアニメの少女が、咲き誇るピンクのコスモスの間に座っている。レースの縁取りとピンクのウエストリボンが付いた淡い白ピンクのノースリーブドレスを着用。顔部分はポートレート右上の中心付近に配置された、くすんだブラウンピンクの不透明な正方形のプライバシースクエアで覆われている。背景：カード全体に広がるピンクのコスモス畑、両端の大きな花、温かい夕日の光、輝く金色の光の粒子、柔らかな雲、舞い散る花びら。カードUI要素：左側にゴールドのEMVチップ、右上に白いコンタクトレスマーク。左上に小さな花のアクセントが付いた白い筆記体テキスト「[Komari]」、その下にスペースを空けたセリフ体で「COSMOS CARD」。中央には立体エンボス加工されたメタリックゴールドの数字「1234 5678 9012 3456」が4桁ずつ並ぶ。左下に「CARDHOLDER」表記とエンボス加工の氏名「[KOMARI HANASAKI]」。中央下に「GOOD THRU」、「MONTH/YEAR」、有効期限「00/00」。右下に白いロゴ「[LUMINA PAY]」（上に「LUMINA」、下に「PAY」、緩やかな曲線のアンダーライン）。スタイル：ロマンチックなアニメイラスト、パステルピンク、ラベンダー、ピーチ、温かみのあるゴールドの配色、鮮明なタイポグラフィ、リアルな金属光沢エンボス加工、高級感のあるカードデザイン。

クレジットカードアニメイラストコスモス

サイバーパンクECフラッシュセールFV

サイバーパンク・ネオンスタイルの[NEXA]ブランド向けデスクトップECサイトファーストビューUIデザイン。[CYBER FLASH CAMPAIGN]を告知する16:9画面レイアウト。ダークブラックとネイビーの背景に、パースがついたサイバーグリッド床、マゼンタとシアンの発光サーキット、高コントラストな光沢反射、未来的なHUDディテール。上部ナビゲーションバー：左側にブランドロゴ[NEXA]、右側に5つのナビ項目「SALE」「FEATURE」「ITEMS」「FAQ」およびネオン枠ボタン「CHECK NOW」。左右2カラムのヒーローセクション： - 左カラム（テキスト＆CTA）：角丸ピルバッジ「[CYBER FLASH CAMPAIGN]」。メイン見出しは日本語と英語で「今だけの」とその下にホットピンクに発光する巨大な白文字「FLASH SALE」。説明文2行「対象アイテムが期間限定でスペシャルプライス。」「7/15(火) 13:59までの限定オファーをお見逃しなく。」。時計アイコン付きのネオン枠バー「LIMITED TIME : [7/15(火) 13:59まで]」。CTAボタン2つ：ホットピンク塗りの発光ボタン「今すぐチェック ›」とシアン枠のボタン「対象商品を見る ›」。下部にアイコン付きチップ3つ：トラック「送料無料」、ユーザー「会員限定特典」、ギフト「数量限定」。 - 右カラム（プロモーショングラフィック）：マゼンタ発光フレームとシアンのHUDコーナー枠がついた大型ポスターカード。内部には高層ビルが並ぶ未来都市の夜景とグリッド道路を描画。中央にネオンの目覚まし時計枠、「FLASH SALE」「LIMITED OFFER」「期間限定」「[7/15(火) 13:59まで]」、マゼンタの角丸ボタン「CHECK NOW」。HUDチャートやサーキット装飾付き。制約事項：PCファーストビューのみ、ブラウザ枠なし、人物なし、余分な商品画像なし、透かしなし。

サイバーパンクランディングページファーストビュー

古典文学キャラクターのSNSフィード

スマートフォン画面に表示されたWeChatモーメンツのタイムライン画面。[潘金蓮]が投稿したセルフィー写真が表示されている。投稿の下には[武松]からの「義姉さん、自重してください」というコメントがあり、[西門慶]から99件以上のいいねがつけられている。アバターアイコンやハートマーク、鮮明なUIタイポグラフィを備えたリアルなSNS画面デザイン。

ソーシャルメディアwechat水滸伝

メンズスキンケア LPヒーローセクション

ウェブサイトランディングページのヒーローセクション. 洗練された、プロフェッショナル、モダン、ダークモード. [濃紺と黒]. [NEX SKIN]. 今すぐ始める >. [清潔感は、毎日のスキンケアから。]. 男の肌は、もっとシンプルでいい。. スキンケアの利点に関する3行の説明文. テカリ対策. 保湿. オールインワン. タイトルと説明文付きのアイコン. [清潔感のある輝く肌を持つ若いアジア人男性]、顎に手を当て、黒いシャツを着用. [男性用オールインワン化粧水]、水滴が…

ランディングページウェブデザインuiデザイン

中国ライブコマースUIグリッド

中国のライブコマースアプリUIの2x2グリッド. 2列、2行. 左上. Douyin. 抖音. [广东夫妇]. 若い女性、紫のTシャツ、おさげの三つ編み. 白いスキンケアボトルを持っている. '关注'ボタン付きプロフィールバナー. 視聴者数 '10万+'. フローティングステッカー '加我粉丝团'. 4件のメッセージがあるチャットストリーム. 金色のボトルと '券后¥[189]' を表示する商品オーバーレイカード. 右上. Xiaohongshu. 小红书. [章小婉].…

ライブ配信コマースdouyin

スマートウォッチアプリ発表SNS投稿モックアップ

ソーシャルメディア投稿モックアップ. ダークモード. OpenAIのロゴ. [OpenAI]. ゴールド認証バッジ. @OpenAI. [ChatGPTがApple Watchに対応しました。]. 手首の上から質問、フォローアップ、タスクの実行まで。. 公式ChatGPTアプリはApp Storeで今すぐご利用いただけます。. ライトブルーとグリーンのグラデーション. ChatGPT. [Apple Watch版ChatGPTが登場]. 何でも質問。答えを手首から直接入手。…

モックアップSNSスマートウォッチ

macOS カンバンコードレビューダッシュボード

desktop app UI mockup. クリーンなライトモードの生産性ダッシュボード、柔らかな温かみのあるグレーの背景、角丸カード、微細なシャドウ、極細ディバイダー、ミニマルでモダンなSaaS美学、高密度かつ落ち着いたレイアウト. [Inbox]. [Needs Response]. [Waiting On CI]. [Waiting On Codex]. [Waiting On Manual Test]. [Watching Merge]. [Inspector].…

macosカンバンコードレビュー

テックブログ向けVPS比較ダッシュボードカバー

柔らかなライトグレーの背景とミニマルなダッシュボード美学を備えた、16:9比率の洗練された中国語テックブログ用カバー画像。左上には黄色のドットアイコンと「[VPS 实测 · 购买参考]」と書かれた丸角カテゴリバッジ。その下に2行構成の非常に大きくて太いダークネイビーの中国語見出し「[DMIT涨价之后]」と「[我把搬瓦工]」。見出しの下には短い黄色のアンダーラインアクセントと、中間グレーの小見出し「[先看重点再下单]」を配置。コントラストが高く余白をたっぷり取ったエディトリアルタイポグラフィ。右側には、白いカード、角丸、柔らかな影、3つの小さな円形ウィンドウボタンを備えたデスクトップアプリ風のサーバー監視パネルが浮かんでいます。パネルヘッダーには「[BandwagonHost – CN2 GIA]」、サブキャプション「洛杉矶 · CN2 GIA」、緑の「运行中」ステータスタグ、右上に時計と「运行时长 27 天」。ダッシュボード内には上段に5つのメトリクスカード（CPU: 12%、内存: 28%、硬盘: 18%、带宽: 1.2 Mbps、延迟（本地）: 156 ms）があり、ティールカラーのアクセントアイコンとプログレスバー付き。下部には「可用性 99.92%」と日付「05-13」〜「05-19」が表示された「稳定性（近 7 天）」折れ線グラフカードと、「配置摘要」スペックカード。左下には「购买参考 · 重点看这几项」と題された推薦カードが重なって配置。背景にはミントグリーンの抽象図形と薄い点線。右下に「[小墨同学]」と書かれた小さな丸角イエロータグ。クリーンなベクターUI、ダークネイビー・ティール・イエロー・ホワイトの落ち着いた配色。

ブログカバーダッシュボードuiデザイン

ホログラフィック音楽カードのストリート編集

街頭ミュージシャンの参照写真をベースにし、人物、ギター、歩道、カメラアングルを維持しながら、[warm cinematic golden street edit]のカラーグレーディング、深いコントラスト、金色のハイライト、繊細な背景ボケを加えた洗練されたSNS風の未来的音楽ディスカバリー画像に変換してください。ミュージシャンの周りに浮かぶ、丸みを帯びた角、白く光るエッジ、リアルな反射、シーン照明と調和したホログラフィックなアクリルUIパネルとして機能する、8枚の半透明ガラス製音楽プレイヤーカードを重ねて配置します： 1. 前面左の大きなカード: オレンジ色のぼやけたシルエットのアートワーク、曲名「[SOFT NOISE]」、アーティスト「[LUMA VENN]」、再生時間 1:52 / 3:48、再生コントロール。 2. 前面右の大きなカード: 柔らかな抽象的ピンク/ブルーのアートワーク、曲名「[SLOW SIGNAL]」、アーティスト「[ELIORA]」、再生時間 1:30 / 3:35、再生コントロール。 3. 左中段の小さなカード: 夕日のシルエットのアートワーク、曲名「SIDEWAYS」、アーティスト「NAMI REY」、再生コントロール。 4. 中央上段のカード: 小さな青いアートワーク、曲名「NOA VEL」、サブタイトル/アーティスト「AFTER MIDNIGHT」、再生コントロール。 5. 右上段のカード: ダークなアートワーク、曲名「HALF AWAKE」、アーティスト「MONO JUNE」、再生コントロール。 6. 右側中段の小さなカード: 銀河風アートワーク、曲名「STATIC HEART」、アーティスト「KIRO MAVE」、再生コントロール。 7. 下部手前の部分的なカード: フレームで切り取られ、光るガラスのエッジと一部のアルバム画像のみ表示。 8. 左端奥の部分的なカード: フレームで切り取られ、光るガラスパネルの端のみ表示。スタイル: プレミアムなAR音楽インターフェース、リアルな透明ガラス、発光リムライト、浅い被写界深度のストリート写真、ギタリストの手の微妙なモーションブラーを維持。元のミュージシャンと環境を認識可能に保ち、被写体を置き換えないでください。左下の黒い円形「AI」ウォーターマークを保持してください。

拡張現実音楽プレイヤーuiデザイン

ベントーグリッド医薬品インフォグラフィック

[セマグルチド] 科学インフォグラフィック. モジュラーベントーグリッドデザイン、ミニマリスト医療UIデザイン、親しみやすい美学. プロフェッショナル、臨床的、緻密、科学的、信頼性、人間味、視認性. クリニカルホワイト. メディカルブルー. スレートグレー. ミントグリーン. [セマグルチド]に関する高品質な医療サイエンス・インフォグラフィックポスター。臨床的な精密さとわかりやすい視覚的配慮を融合。. 弁当箱スタイルのモジュラーグリッドレイアウト、清潔感のある医療UIインタ…

インフォグラフィック医療ポスターベントーグリッド

AIエージェント協調SaaSのLPとダッシュボードUI

AIエージェント共同作業プラットフォーム「[AgentBoard]」のエディトリアルSaaSプロダクトモックアップ。温かみのあるオフホワイトの微細な木目調背景の上に、ブラウザ風の2つの角丸パネルが狭い間隔で左右に並んだワイド4:3の構図。左画面（マーケティングLP）： - 上部ナビ：左に「AgentBoard」ロゴ、中央にProduct、Solutions、Resources、Pricing、右に「Log in」と濃緑の「Start for free」ボタン。 - ヒーロー領域：「AI-NATIVE WORKSPACE」ピルタグ、見出し「One board. Many agents. Real outcomes.」（「Real outcomes.」は緑のイタリック体）、サブテキスト「Plan, build, and ship work—together.」、濃緑の「Start for free」と線画の「Book a demo」ボタン。 - ヒーロー横に等角投影のワークフロー図：5枚のエージェントカード（Research Agent、Strategy Agent、Content Agent、Design Agent、Data Agent）が曲線とDone/In progressチップで連結。 - その下に4つの指標タイル：「2.4M+ Tasks automated」「180K+ Agents this month」「98.6% On-time」「4.9★ User rating」。 - 連携ツール行「Connects with the tools you use」に7つのアイコン：Slack、Notion、GitHub、Figma、Google Drive、HubSpot、「+ More」。 - 女性の写真付き推薦枠：「AgentBoard gives us complete visibility and keeps our team aligned.」— Sarah Chen, Head of Product, Northline。 - 最下部に4つの機能説明：Visual workspace、Multi-agent collaboration、Real-time progress、Secure & governed。右画面（製品ダッシュボード）： - トップバー：「AgentBoard」ロゴ、Workspace、Agents、Integrations、Data、Reportsタブ、Inviteボタン、5人のアバター、「+3」バッジ。 - 「Acme Inc.」の左サイドバー（11項目）：Home、Inbox（8通知）、Boards、Agents、Workflows、Data、Reports、Integrations、Settings、Help、Collapse。 - メイン見出し：「[Q2 Go-to-Market Launch]」、緑の「Live」バッジ、サブタイトル「Coordinating agents across research, strategy, content, design, and ops.」、Shareおよび濃緑のAdd agentボタン。 - 4つのタブ：Board（アクティブ）、Progress、Outputs、Activity。 - ボード領域：左から右へ接続された6枚のカード（Research、Data、Strategy、Content、Design、Ops）と待機中の7枚目（Analytics Agent「Performance forecast」Queued）。右上に検索や100%ズーム等の操作系。 - KPI帯：進捗72%、稼働中エージェント9、実行中タスク24、完了タスク156、時間遵守率92%、「View all runs」ボタン。 - 最近のアウトプット4件（GTM Strategy Briefなど）、最近の実行テーブル5行、最下部にComposer入力バー。スタイル：洗練されたミニマルなスタートアップデザイン、セリフ見出しとクリーンなサンセリフUI、フォレストグリーンのアクセントカラー。

saasダッシュボードランディングページ

手描き風SNSプロフィール画面モックアップ

手描き風ソーシャルメディアプロフィール画面のイラスト. 遊び心のあるスケッチブック風、色鉛筆の輪郭線、パステル水彩落書き、わずかに不揃いな手描きUI、角丸スマホフレーム、白背景、黒インク線画. 縦型スマートフォン画面モックアップ. X/Twitter風プロフィールページ. [yourproductdesigner]. [@tolaosho]. [Graphic Designer • Helping experts show up and get chosen • Desig…

モックアップソーシャルメディアuiデザイン

テクノロジーニュースレターのページレイアウト

digital newsletter page layout. 淡いブルーの枠線で縁取られたダークブルーのバナーに配置された、太字の白いテキスト. [1. Anthropic Mythos genera alarma mundial por capacidades ciber.]. [2. Acciones Adobe y Figma caen tras Claude Design.]. [3. OpenAI expande GPT-5.4-Cyber y Agents S…

ニュースレターレイアウトエディトリアル

抽象的なグラデーションWeb背景

[高級ウェブサイト]セクション用の抽象的な背景ビジュアル。柔らかなグラデーション、繊細な奥行き、視覚的ノイズを抑えた[ニュートラル＆控えめなパステルトーン]の洗練された現代的カラーハーモニー、邪魔にならないミニマルな構図、シニアプロダクトデザイナーによるUIアセットスタイル。

抽象背景グラデーションuiデザイン

日本語AIプロンプトギャラリーUIモックアップ

日本のAIプロンプトギャラリーWebインターフェースモックアップ. クリーンなエディトリアルWeb UI、太い黒枠線、ライトグレーの背景、ミニマルなフラット・ネオブロータリズムデザイン、レトロテック美学、高コントラストな日本語タイポグラフィ、正面からのデスクトップブラウザスクリーンショット. [Your Brand]. 左上. 黒いミニマルな抽象アイコンと太字のロゴタイプ. #f3f3f3. 左上にブランドロゴ. 右上に検索ボタン. 最右端に総数カウンター. [合計: 8]…

web uiデスクトップモックアップネオブロータリズム

サイバー侍スマホゲーム広告ポスター

サイバー侍ファンタジーをテーマにした、光沢感あるアニメアクションスタイルの縦型モバイルゲーム広告ポスター。手前には、刀を正面に構えてアグレッシブに屈む[黒いビジネススーツを着た2人の金髪青年剣士]をダイナミックな短縮遠近法で配置。2人ともシャープな美形、白シャツ、青いネクタイを着用し、一方の柄には青いリボンが結ばれている。彼らの背後中央には、装飾的な金色の角、重厚なメタリックブルーと黒の装甲、発光する青い瞳、背中に大太刀を背負った巨大な侍メカが守護神のようにそびえ立つ。背景はエレクトリックブルー、紫、マゼンタ、金のネオンシティとエネルギーバースト、光条、火花、花びら、斬撃エフェクト、墨絵風の爆発テクスチャ。右上に黒い筆刷毛バナーと白い日本語テキスト[「この刃で、未来を斬り拓け。」]。中下段には太い筆文字と黒影の巨大な金色の筆文字タイトル[「切り捨て御免」]。左下には金枠のゲームプレイ画面（赤い寺院の夜戦、ダメージ表記「5324, 5329, 6132」、仮想UI、HUD「01:28」「WAVE 3/3」）。右下には正方形の白黒QRコードと太字の[「今すぐダウンロード」]、最下部にApp StoreおよびGoogle Playのバッジを配置。

スマホゲームアニメポスター

ミニマルな和風扇子プラグインバナー

洗練されたミニマルな和風テイストのベクター調フラットデザインによる横長バナー。中央にごくわずかなソフトラジアルグローを配した淡いウォームピーチの背景に、縁から少し内側に配置された細いミディアムブラウンの長方形フレーム。画面左側（幅の約35%）には、やや上向きに傾いた幾何学的な日本の扇子アイコンが配置され、濃いウォームブラウンの輪郭と塗り、太い骨で区切られた7本の扇面、クリーム色の内側パネル、濃い茶色の両端セクション、下部中央に丸い濃い茶色の要（かなめ）が描かれています。右側には上下中央揃えのテキスト：ゆったりとした字間の濃いウォームブラウンで太くエレガントなセリフ体のタイトル「[Noshi-Kanamer]」、その直下に同色のやや小さめのサンセリフ体タグライン「[The WordPress developer toolkit for clean handoffs.]」。陰影や3D効果、モックアップなどの余計な要素のないクリーンでプロフェッショナルなグラフィックデザイン。

バナーwordpress扇子

スキンケアLPファーストビュー

landing page hero section. skincare and beauty. [skincare gel and lotion]. [透明感のある素肌、髪をまとめた、穏やかに微笑む若いアジア系女性]. white. [teal]. light blue. [CLEAR RESET]. [毛穴・ニキビ悩みに、すっきり澄んだ肌へ。]. Balances sebum and clears pores. Non-sticky, medicated skincare…

ランディングページuiデザインスキンケア

Bento Grid ティア表インフォグラフィック

ミニマルな背景の上にクリーンなBento Gridレイアウトで配置された、[2025年中国新エネルギー車]を5段階の視覚的レベルで評価するモダンなモジュラーインフォグラフィック・ティア表。構造と視覚的階層： - レベル1（最上位／「夯」神ランク）：上部の最も大きく目立つモジュール。爆発的な鮮紅色と輝くゴールドの配色、微細な発光ハロー効果、太く力強いフォントで代表的なフラッグシップモデルと「神作」などの賛辞タグを表示。 - レベル2（上位）：2段目。燃え上がるオレンジとブラッシュドメタリックシルバーの配色、重厚感のある質感のカードで実力派モデルを表示。 - レベル3（優秀）：中央部。爽快なレモンイエローとクールグレーの配色、洗練されたモダンなデザインで堅実な良質モデルを表示。 - レベル4（NPCランク）：中下部。退屈な段ボールブラウンと淡いベージュの配色、個性のない反復的なカードで平凡な量産モデルを表示。 - レベル5（最下位／「拉完了」地雷ランク）：下部の狭いスペースに圧縮。漆黒と青白いモノトーン、デジタルグリッチや断片化・崩壊エフェクト、悪名高い失敗作に「逃げろ」などの警告タグを添えて表示。スタイル：モダンなUIデータビジュアライゼーション、シャープなベクターカード、明快なタイポグラフィ、上から下へと段階的に崩れていく明確なビジュアル表現。

インフォグラフィックベントーグリッドティア表

ワイヤーフレームからのWebページ再デザイン

参考画像内のテキスト情報のみを使用して、元のレイアウトを完全に刷新したプロフェッショナルなWebページデザイン。整理された美しい視覚的階層、洗練されたタイポグラフィ、適切な余白、自然な視線誘導を備えたモダンでクリーンなWebサイトUI。

uiデザインウェブデザインワイヤーフレーム