AI UIモックアッププロンプト

ダッシュボード、アプリ画面、デバイスモックアップ、ランディングページ、情報量の多いページレイアウトなど、インターフェースのコンセプト向けプロンプトです。優れたプロンプトは、画面の領域を読む順に列挙し、フラットなキャプチャかデバイスモックアップかを決めたうえで、確実に読ませたい少数のラベルだけを引用符で指定しています。生成結果は本番用の仕様書ではなく、プレゼン資料やムードボード、初期コンセプトに活用しましょう。

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

並べ替え基準:

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

ニューモーフィズムモバイル制御ダッシュボードUI

正面から撮影されたクリーンなニューモーフィズムのモバイルダッシュボードUIモックアップ。[ソフトライトグレー]の背景中央に配置され、繊細なエンボスシャドウと光沢ハイライトを持つ白いラウンドスマートフォンフレームに収められています。インターフェースはミニマルなホワイト・オン・ホワイトデザインで、[ティールグリーン]と[ウォームオレンジ]のアクセントカラーを採用。上部には円形メニューボタン、中央スピーカーとカメラ穴、Wi-Fi・電波・「100%」・バッテリーのステータスアイコンを配置。メイン画面は12個のモジュールで構成：左上に「AM」「[10:24]」「[Friday, May 24]」とページネーションドットを表示するタイムカード；右上に3D半曇りアイコン、「[24°]」、「[Partly Cloudy]」、「[New York]」を表示する天気ウィジェット；グリッド・ハート・ベル・ギアが並ぶ4つの円形ボタン；ドロップアイコンと「[40%]」プログレスバーの細身スライダーカード；左中央に立体シルバーノブ、ティールとオレンジの目盛リング、「VOLUME」バッジ付き大型円形ボリュームダイヤル；右中央に波形アルバムアート、曲名「[Ocean Drive]」、アーティスト「[Miami Nights]」、再生バー「[1:45]」/「[3:48]」を備えた音楽プレイヤー；下部に3つのサブボタン；左下に「[320° NW]」表示のコンパスカード；右下に「+12」「0」「-12」および「60」「250」「1K」「4K」「16K」目盛りのある5バンドイコライザー；最下部ドックに電源・Bluetooth・波形ピル・ナイトモード・輝度調整ボタン。超高精細ベクターUI、リアルな触覚的陰影とエンボス加工、Dribbbleスタイルの洗練されたプレゼンテーション。

ニューモーフィズムモバイルuiダッシュボード

和風ポートフォリオデザインシステム展示ボード

デザインシステム風ポートフォリオランディングページモックアップ. 上質で柔らかな日本のWebデザインボード、温かみのあるニュートラルなエディトリアル美学、角丸UI、ミニマルラグジュアリー、クリーミーなモノトーンパレット、繊細な陰影、整った余白、洗練されたプロダクトデザインプレゼンテーション. マルチパネルデザインシステムボード. デザインシステム. ヒーローウェブサイト. モバイルプレビュー. 実績. 右サイドバーカード. プロフィール. サービス. 制作の流れ. フッター…

ui-uxデザインデザインシステムポートフォリオモックアップ

中国風万年暦・黄暦アプリUI

中国の万年暦および伝統的な黄暦アプリのための、クリーンで洗練されたiPhoneアプリUIモックアップ。わずかな和紙調の質感を伴うソフトな温かみのある白背景にフルスクリーンのモバイルスクリーンショットとして表示され、洗練された東アジアのエディトリアル美学を備えている。タイポグラフィは明朝体とゴシック体を組み合わせ、くすんだブラウン、グレー、ブラック、ペールブルー、グリーン、ゴールドのアクセントを採用。上部のiOSステータスバーには8:45、電波、Wi-Fi、バッテリー96が表示。その下に「[4月]」とサブテキスト「24日 | 每日万年历」、右側にカレンダーアイコンとプラス記号の付いた角丸長方形ボタン「择日」を配置。メインの「[2026]」年月間グリッドには「周日」「周一」「周二」「周三」「周四」「周五」「周六」の7列。前後の月を含む全42マスの6行構成：1行目(29, 30, 31, 1, 2, 3, 4)、2行目(5, 6, 7, 8, 9, 10, 11)、3行目(12, 13, 14, 15, 16, 17, 18)、4行目(19, 20, 21, 22, 23, 24, 25)、5行目(26, 27, 28, 29, 30, 1, 2)、6行目(3, 4, 5, 6, 7, 8, 9)。各日付には西暦と小さな旧暦の日付を併記。4日に「休十七」、5日に「清明节」、6日に「休十九」、20日に緑色の「谷雨」、翌月1日に「劳动节」、翌月2日に「休十六」、6行目3日に「休十七」、4日に「青年节」、5日に「休立夏」、9日にオレンジ色の「天后诞」のタグを表示。金曜日の選択された日付「[24]」は柔らかな影を伴う青いグラデーションタイルで強調され、内部に「初八」と表記。カレンダー下部には大きな「4月24日」、「星期五 2026」「农历三月初八」、「第114天 · 第17周金尊月」「丙午 · 马年壬辰月戊辰日」、右端に「今日」ボタン。その下の白いカードには緑の「宜」セクション（「喜神东南福神正北财神正北」、「祭祀」「修饰垣墙」「余事勿取」）と赤の「忌」セクション（「冲煞冲狗煞南」）を表示。最下部に「今日」（アクティブ・「4月24日」表示）、「MONTH」、「YEAR」、「EVENTS」、「MORE」のタブバー。整然としたタイポグラフィ、極上のモバイルUIプロダクトショット。

カレンダー黄暦モバイルui

AI画像生成コラージュ合成エラー画面

AI画像生成インターフェースを示すダークモードのモバイルチャット画面のスクリーンショット。背景は黒、スマートフォンのUI風にトリミング。上部中央にダークグレーの角丸メッセージバブルがあり、白い中国語プロンプト「[生成4张独立的图片]」の下に太い赤の下線が引かれ、その下に小さなグレーのテキスト「[收起 ^]」が配置されている。その下左側に、小さなグレーのステータス表示「[已停止思考 ›]」がある。ステータスの下には、細い白の格子線で区切られた4枚の写真による2x2コラージュを含む角丸画像パネルが1つ表示されている。各タイルには同じ色白の若い女性が描かれ、茶色のお団子ツインテールにヘアアクセサリー、ピンクのノースリーブクロップトップと白いプリーツスカート姿で、ドリンクショップで明るくインフルエンサー風にポーズをとっている。左上：ストロー付きの赤いアイスドリンク、右上：ネオン照明下の琥珀色タピオカドリンク、左下：両手で持つオレンジのドリンク、右下：冷蔵ショーケース前の淡いピンクのドリンク。写真スタイルは光沢感があり鮮やかで露出高め。コラージュ画像の右下には下向き矢印の円形ダウンロードボタン。画面下部にはダークグレーの角丸入力バーがあり、左にプラスアイコン、プレースホルダー「[有问题，尽管问]」、モード選択「[极速⌄]」、マイクアイコン、右端に白い円形の音声波形ボタンが並ぶ。

モバイルuiスクリーンショットダークモード

感情表現カラーグリッド UI

パネル間に細い白の隙間があり、全体の構成を控えめな白い枠線で囲んだグリッドレイアウト。各タイルにわずかな角丸を施した、クリーンでモダンなUIデザインの美学。パネル1: [喜び（イエロー）]。温かみのある黄色のグラデーション背景。両腕を頭上に掲げ、目を閉じて口を大きく開けて笑う、エネルギッシュなポーズ。パネル2: [ショック（ブルー）]。クールな青のグラデーション背景。両手で頬を押さえ、目を見開き、口をあんぐりと開け、眉を高く上げた表情。パネル3: [厳格（レッド）]。無地の赤背景。腕組みをし、眉間にしわを寄せ、唇を固く結んだダークカラーのパーカー姿。パネル4: 愛情（ピンク）。柔らかなピンクのグラデーション背景。居心地の良さそうなニットセーターを着て、穏やかな笑みを浮かべながら小さな茶色い子犬を抱きかかえる姿。パネル5: 自信（パープル）。紫のグラデーション背景。片手を腰に当て、かすかな薄笑いを浮かべ、グラフィックTシャツを着たリラックスした堂々たる立ち姿。パネル6: 賛同（グリーン）。緑のグラデーション背景。ベースボールキャップとデニムジャケットを着用し、親指を立てたサムズアップと落ち着いた笑顔。パネル7: 憂鬱（グレー）。落ち着いたグレーのグラデーション背景。視線をやや伏せ、眉の内側をわずかに引き上げ、口角を少し下げた表情。

感情グリッドuiレイアウトキャラクター設定

対称型SF HUDレティクルオーバーレイ

未来的なSF風HUDインターフェースのエフェクトアセット. ミニマルなハイテクベクターUI、鮮明な[エレクトリックシアンブルー]のネオングロー、繊細な発光ストローク、対称的なターゲティングオーバーレイ、コックピットスキャナーの美学、文字なし、ロゴなし、キャラクターなし. 純粋な黒背景上のワイド16:9グラフィック. [エレクトリックシアンブルー]. [漆黒]. 柔らかなブルームを帯びた極細のテクニカルライン. 中央に配置された水平対称のヘッドアップディスプレイレティクル、中…

hudsfレティクル

ドット絵盆栽育成ゲームのモバイルUI

ドット絵モバイルゲームUIモックアップ. 心温まる和風盆栽育成シミュレーター. 緻密な2Dドット絵、鮮明なレトロスプライト、温かみのある室内照明、柔らかな大気の屋外背景. 9:16縦向き. 中央の盆栽を正面から捉えた伝統的な和室インテリアの視点. 長方形の[濃紺の陶器鉢]に植えられた盆栽. [丸みを帯びた段状の葉を持つ松風の盆栽]. [露出した根を持つ太く曲がった茶色の幹]. [低いダークウッドの花台]の上. [2つの小さな飾り石]が置かれた苔むした緑の土表面. 庭を望む開…

ドット絵モバイルゲームui盆栽シミュレーター

YouTubeライブ配信イベントUIモックアップ

YouTubeライブ配信UIモックアップ. ダークモード. [OpenAI Live: Introducing GPT-Image-2]. ハンバーガーメニュー. YouTubeロゴ. 検索バー. マイクアイコン. 作成アイコン. 通知アイコン. プロフィールアバター. 左上に「ライブ」バッジ. 木製演台の前に立ち、身振り手振りを交えて話す[緑のセーターを着た男性]、演台にはスパイラルロゴとノートPC。. OpenAI. INTRODUCING. [GPT-Image-2]…

youtubeライブ配信ダークモード

ミニマルなゲームロビーUI画面

「Start New Game」「Continue」「Settings」などのメニューオプションが表示された、ビデオゲームロビーの[starting screen]のUIスクリーンショット。ミニマリストなUIデザイン、洗練されたクリーンなグラフィック要素、明瞭な白の無地背景。

ビデオゲームuiデザインメニュー画面

日本語コミュニケーション設定UI画面

選択したコミュニケーションの人格や関係性タイプを微調整する、洗練された日本語Webアプリのオンボーディング／設定画面（ステップ2）。16:9デスクトップUIスクリーンショット、白から淡いグレーの背景、約720px幅の中央配置されたコンテンツカラム、ゆったりとした余白、柔らかなシャドウ、角丸カード、ミニマルなSaaS UIデザイン。ヘッダー：上部中央に「2」が入った小さな円形バッジとラベル「相手タイプの微調整」。その下に太字の日本語見出し「選んだ人格を、あなたらしく整えましょう」。見出しの下に小さめのグレーのサブタイトル「おすすめ設定が用意されています。こだわりたいところだけ調整しても、そのまま進んでも大丈夫です。」メインレイアウト：細いライトグレーの枠線と角丸の、垂直に並んだ正確に4枚のアコーディオンカード。各カードには左側に線画アイコン、太字の日本語タイトル、小さめのグレーの説明文、右側に山形矢印アイコン： 1) 閉じたカード：人物アイコン、タイトル「友だち・家族」、説明「気心の知れた相手とのカジュアルなやり取り」、下向き矢印。 2) 閉じたカード：ビルアイコン、タイトル「社内（メンバー）」、説明「チームメンバーや同僚とのやり取り」、下向き矢印。 3) 展開中のアクティブカード：[鮮やかなブルー]で強調されたユーザーアイコン、タイトル「社内（上司・別チーム）」、説明「上司や他部署のメンバーとのやり取り」、上向き矢印。 4) 閉じたカード：ブリーフケースアイコン、タイトル「社外・取引先」、説明「取引先やビジネスパートナーとのやり取り」、下向き矢印。展開カードの詳細：3枚目のカード内に、左側に日本語ラベル、右側にセグメントピル切り替えコントロールが並ぶ正確に6行の設定項目： - 1行目：「敬体」選択肢：「タメ口」、「砕けた敬語」、アクティブな[鮮やかなブルー]の「丁寧敬語」、「ビジネス敬語」。 - 2行目：「相手の呼び方」選択肢：アクティブな[鮮やかなブルー]の「〜さん」、「〜様」、「あだ名・呼び捨て」、「宛名なし」。 - 3行目：「絵文字」選択肢：「なし」、アクティブな[鮮やかなブルー]の「たまに」、「よく」、「相手に合わせる」。 - 4行目：「！？の量」選択肢：「使わない」、アクティブな[鮮やかなブルー]の「たまに」、「よく」、「相手に合わせる」。 - 5行目：「書き出し＆締め」選択肢：「なし」、「定型」、アクティブな[鮮やかなブルー]の「名乗る」、「相手に合わせる」。 - 6行目：「よく使う絵文字の手札」9個の小さな正方形絵文字ボタンとプラス記号：選択中の笑顔絵文字、親指アップ、キラキラ、汗のしずく、ハート2つ、目、両手を上げる、クラッカー、考え込む顔、そして「+」。フッター：アコーディオン群の下に、中央配置された丸みのある[鮮やかなブルー]グラデーションのプライマリーボタン、白文字で「これで作る」。スタイル：モダンでクリアな日本のプロダクトUI、ダークネイビーのタイポグラフィ、控えめなカードシャドウ、すっきりとした余白、ブラウザ枠なし、透かしなし、すべてのUIテキストは完全な日本語で表記。

uiデザインsaas画面日本語ui

日本語ウェブバナー広告グリッド

日本のウェブバナー広告 2x2 グリッド. 4つの等しい正方形パネル. 左上. 飲料. 『CLEAR ZERO』という名前の透明なノンアルコール缶飲料. 飛び散る水滴、爽やかな水色の背景、超清涼感のあるビジュアル. [今日を、リセット。]. カロリー 0. 糖質 0. プリン体 0. 右上. 食材宅配・ミールキット. 皿に盛られた肉野菜炒め. 温かみのある照明、木製テーブル、食欲をそそる雰囲気. [献立に、悩まない。]. 時短 10分. 管理栄養士監修. 送料無料. 今すぐ…

ウェブバナー広告デザインタイポグラフィ

沖縄サマー旅行代理店ウェブバナー

明るく商業的なグラフィックデザインスタイルの、沖縄向け日本の旅行代理店による夏のバナー広告。横長のワイドレイアウト。背景と構図: エメラルドグリーンの透き通る海、白い砂浜、遠くに見える小さな緑の島、青空と白い入道雲、そして右上に垂れ下がるヤシの葉が描かれた鮮やかなトロピカルビーチ。右前景には石垣の上に座る伝統的な沖縄のシーサー像があり、赤いハイビスカスと豊かな熱帯植物に囲まれています。波打ち際近くには小さなグラスボートが浮かび、水面上にはシンプルな魚の線画アイコンが2匹あしらわれています。タイポグラフィとバッジ: 左上には放射状の光と波模様、ハイビスカスが飾られたクリーム色の丸型サマーバッジがあり、「この夏は沖縄で最高の思い出を!」の文字が入っています。中央左寄りに、美しいブルーグラデーションと白のソフトな縁取りが施された特大の毛筆風日本語見出し「[夏の沖縄]」を配置。その上には手書き風の青いキャッチコピー「[青い海、青い空、心ほどける島時間。]」と軽やかなアンダーライン。見出しの直下には小さめの日本語サブコピー「[感動の景色と、あたたかいおもてなしに出会う旅へ。]」を配置。左側にピンクのハイビスカスと繊細な波のあしらいを添えています。特徴カードとステッカー: 中央下部には、ビーチの上に重なるように角丸の白い特徴カードが3枚並んでいます： 1. ウミガメが泳ぐ丸い写真、「美しい自然を満喫」のタイトルと透明な海に関する説明テキスト。 2. 沖縄そばの丸い写真、「沖縄グルメを堪能」のタイトルと「沖縄そば」「ゴーヤチャンプルー」に言及したテキスト。 3. 首里城の丸い写真、「観光スポットも充実」のタイトルと「美ら海水族館」「首里城」に言及したテキスト。周囲には小さな貝殻やヒトデ、サンゴのあしらい。カードの右側には少し傾いた淡いブルーとクリーム色の丸型プロモーションシールがあり、黄色いタブに「早めの予約がおトク!」、本体に「夏の沖縄ツアー好評受付中!」、脇に白いプルメリアを配置。フッターバー: 最下部全体にダークネイビーのフッターバー。左側に白いロゴマークと社名「[〇〇旅行株式会社]」およびタグライン。中央に3つの丸型線画アイコン（ツアー日程のカレンダー、サポート窓口、快適な旅のスーツケース）と短い日本語ラベル。右側に「詳しくはこちらから」のCTAボタンと、「[〇〇旅行　沖縄]」と虫眼鏡アイコンが入った検索窓。

ウェブバナー沖縄旅行広告

中国文学プレゼンテーション表紙スライド

宋代の詩的な情緒と現代のエディトリアルデザインを融合させた、[李清照对当代女性的启示]をテーマとする洗練された中国文学プレゼンテーション表紙スライド（16:9横型レイアウト）。背景と構図：繊細な和紙の風合いと淡い水墨の滲み、柔らかな植物の影が落ちるオフホワイトの背景。右側3分の1は淡いセージグリーンの垂直パネル。ゆったりとした余白と端正なマージン。左セクション（タイポグラフィと情報）： - 見出し（左上）：深緑色の中国語明朝体（セリフ体）による2行「[李清照对当代]」「[女性的启示]」。見出しの下に細い落ち着いた赤のアクセントライン。 - サブタイトル：赤ラインの下に小さな黒の明朝体で「[从文学人生，看见女性如何表达自我、选择人生、抵抗困境。]」。 - フィーチャー列（中央左）：細い垂直の仕切り線で区切られた3つのミニマルな円形アイコンカード：1) くすんだローズ色の円に白い葉のアイコンと「以文学\n确立自我」、2) ウォームベージュの円に白い天秤アイコンと「在时代与命运之间\n保持判断」、3) グレイッシュな青緑の円に白い人物シルエットアイコンと「不被单一\n身份定义」。 - キーワード行（左下）：深緑のドットに続く「表达自我 | 保持独立 | 承受变化」。右セクション（静物写真）： - 端がわずかに丸まったアンティークな象牙色の箋紙に、薄墨で縦書きされた漢詩の書道文字。セージグリーンの背景に斜めに配置。 - 箋紙の上に右下向きに斜めに置かれた黒と茶の伝統的な毛筆。 - 淡いピンクがかった白の梅の花が咲く2本の枝：1本は右上隅を横切り、もう1本の小さな枝が中央を伸びて柔らかな影を落とす。スタイルとライティング：美術館図録のようなミニマリズム、静謐な文人趣味、左上からの自然な柔らかい光。象牙色、セージグリーン、深緑、くすみローズ、ベージュ、墨色による落ち着いた配色。リアルな静物写真と清潔なタイポグラフィの融合。

プレゼンテーションスライド中国文学

アイソメトリックオフィスワーカー素材シート

アイソメトリックベクターイラストアセットシート. 学術論文、プレゼンテーション、ビジネス図解向けの洗練されたオフィスワーカーキャラクター素材集. ミニマルでフラットな3Dアイソメトリックベクタースタイル、柔らかな影、シンプルな顔のパーツ、白背景、落ち着いたコーポレートカラー、一貫したスケール、テキストラベルなし、枠線なし、透かしなし. 女性オフィスワーカーポーズ14種、男性オフィスワーカーポーズ14種. [白のブラウス、ネイビーのペンシルスカート、黒のヒール]. [ライト…

アイソメトリックベクター素材オフィスワーカー

写真から落書き風AIランディングページ

写真をかわいい手描き風落書きイラストに変換するAIウェブサービスの、キュートな中国語ランディングページUI/UXモックアップ。ブランド名「[涂鸦工坊]」、黒いピル型ラベル「[GPT Image 2]」。温かみのあるオフホワイトの紙質感背景、柔らかな影、パステルパープル・ピンク・イエロー・スカイブルーのアクセント。ハート、星、マスキングテープ、色鉛筆、観葉植物などの文房具風の落書きデコレーションが散りばめられた16:9レイアウト。ヘッダー：左上に黒いピルラベル「[GPT Image 2]」、パレットアイコン付きサイトロゴ「[涂鸦工坊]」、サブタイトル「照片变涂鸦，创意每一天」。ナビメニュー6項目：「首页」（紫のピル型アクティブ表示）、「案例展示」、「使用教程」、「价格方案」、「常见问题」、「会员中心」。右端に紫の枠線ボタン「登录/注册」。ヒーローセクション： - 左側：手描き筆文字風の大見出し「[把照片变成可爱涂鸦]」（「可爱」は黄色、「涂鸦」はピンク）、下線とハートの落書き装飾。サブ見出し「上传你的照片，AI 一键生成可爱涂鸦风格图片」。その下に3つの機能チップ：1) 紫アイコン「智能识别主体 / 精准识别人像与宠物」、2) ピンクアイコン「多种涂鸦风格 / 手绘风格任你选择」、3) 青アイコン「高清下载保存 / 高清画质一键保存」。 - 中央右：角丸白のアップロードカード。点線のドロップゾーン、紫のクラウドアイコン、説明文「拖拽图片到这里或点击下方按钮上传」「支持 JPG、PNG 格式，大小不超过 20MB」、枠線ボタン「上传照片」、紫グラデーションの主CTAボタン「开始生成涂鸦」（キラキラ装飾付き）。 - 右側見本：マスキングテープで貼られたポラロイド風カード2枚。「人物涂鸦效果」（ピンクのハート）のアニメ風美少女落書き、「宠物涂鸦效果」（青のハート）のもふもふ犬の落書き。ギャラリー：見出し「看看效果有多棒」、紫矢印で結ばれたビフォーアフター比較カード3組：1)「宠物照」子犬、2)「人像照」女性ポートレート、3)「情侣生活照」カップル写真。手順ガイド：「只需三步，轻松生成」、番号付き3ステップ：1「上传照片」、2「AI 生成」、3「下载结果」。下部安心バナー：4つの信頼カード：1)「隐私保护」、2)「安全可靠」、3)「高清输出」、4)「手机电脑都能用」。右側にスマイル付き付箋「[记录美好创意无限]」。

ランディングページuiデザイン落書きアート

エルゴノミクスオフィスチェアのモバイルEC商品詳細ページ

人間工学に基づいたオフィスチェアの、縦長でシームレスなモバイルEC商品詳細ページのデザインレイアウト。対象製品は[Axis M3 Ergonomic Chair]のコンセプトモデル。ダークグラファイトグレーのメッシュバック、ブラックフレーム、シルバーグレーの5本脚ベース、ヘッドレスト、アームレスト、座面クッション、ランバーサポートを備え、全アングルで一貫した構造を保持。建築図面の美学とモダンなオフィス空間を融合した縦グリッドシステムを採用し、カラーパレットは[紙白、グラファイトグレー、スチールブルー、繊細なオレンジのアクセント]、クリアなナローサンセリフ体と等幅フォントのスペック表記で構成。セクション構成： 1. ファーストビュー：3/4アングルの製品全体像とモデル名。 2. マルチアングル：正面、側面、背面、真上からの補助アングル。 3. 人体スケール比較：デスクと着座姿勢でサイズ感を提示。 4. 各部構造ガイド：ヘッドレスト、背もたれ、アームレスト、座面、ランバーサポート、キャスターベースを外形線と引き出し線で図解。 5. 利用シーン：オフィスワーク、読書、リクライニング休憩の日常シナリオ。 6. 寸法・スペック表：製品全体の寸法線、座面昇降幅、耐荷重、素材、調整機能の完全な表記。 7. 同梱品・パッケージ：本体、付属品、組み立て説明書、メンテナンス情報。

ECデザインモバイルUIオフィスチェア

アニメ調コスモス柄クレジットカードモックアップ

コスモスと夕焼けの空をテーマにした、光沢のあるアニメ調のプレミアムクレジットカードデザイン（ブランド名：「[Komari] COSMOS CARD」）。構図とキャンバス：柔らかなドロップシャドウを伴うクリーンな白背景の上にフラットに配置された、角丸長方形の横型決済カード。ピンク、ラベンダー、ピーチ、ゴールドの幻想的なカラーパレットと柔らかなブルームライティング。背景と被写体：カードのアートワークはゴールデンアワーのロマンチックなコスモス畑で、舞い散る花びら、繊細な輝き、ボケ光を描く。中央右寄りに、ピンクのリボンサッシュがついた薄白いノースリーブのレースドレスを着た若いアニメ調の女性（腰上アングル、小さなアホ毛のあるダークブラウンのショートボブ）。顔の中心部は落ち着いたモーブ色の不透明な正方形で覆われている。カードの機能要素（正確に7つの要素）： 1. 左中央にゴールドのEMV金属チップ。 2. 右上に白いタッチ決済シンボル。 3. 中央を横切る大きなエンボス加工のシルバーゴールドカード番号「[1234 5678 9012 3456]」（立体的なベベルと影）。 4. 左下に「CARDHOLDER」のラベルと名義人名「[KOMARI HANASAKI]」。 5. 中央下寄りに有効期限表記「GOOD THRU」「MONTH/YEAR」「[00/00]」。 6. 右下にすっきりとした白いサンセリフ文字と曲線アンダーラインの「LUMINA PAY」発行者ロゴ。 7. 左上にエレガントな筆記体「[Komari]」と繊細な花のマーク、その下に等間隔セリフ大文字の「COSMOS CARD」ロゴ。仕上げ：リアルな光沢反射、丸みを帯びた角、上品なメタリック質感を備えたコレクション向けプレミアムカード。

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

ローファイUIデザイン納品仕様書

参照画像に基づき、プロフェッショナルなUIデザイン仕様納品用のローファイプロトタイプを生成してください。画像やメディアの代わりに[グレーのブロック]などのカラーブロックや基本コントロールをプレースホルダーとして使用します。デザインハンドオフ基準を満たす簡潔な説明文とともに、余白、コンポーネントのグルーピング、角丸、寸法に関する明確なレッドライン注記を記載してください。

uiデザインワイヤーフレームローファイ

離婚法律事務所のLPファーストビュー

日本の離婚専門法律事務所向けデスクトップランディングページのヒーローセクション。コンバージョン率を高めるリーガル広告LPデザイン。白を基調にブラッシュピンクのアクセント、薄いグレーの仕切り線、繊細なボタニカルラインアートを施した、柔らかく上品でフェミニンなブランディング。左右2カラム構成： - ヘッダー（上部）：左上に葉の装飾が施された繊細な「D」のモノグラムロゴ、「[法律事務所D]」、小さな英字サブタイトル「LAW OFFICE D」。右上には2つの角丸連絡先ボックス：電話アイコン、「24h」バッジ、短い案内テキスト、大きな電話番号「[0120-456-789]」が並ぶホワイトボックスと、メールアイコン付きの24時間対応を示すピンクの問い合わせボタン。 - 左カラム：明朝体の大きなキャッチコピーが3行で配置：「もう一人で悩まないで。」／ピンク色の「新しい一歩を、」／黒とピンクを交えた「一緒に考えます。」。その下に、離婚の悩みに寄り添い最適な解決を導く旨の短い説明文（一部ピンクのマーカー強調あり）。 - 右カラム：ショートのダークブラウンヘアの30代日本人女性が、柔らかな白いトップスを着て窓際のソファに座り、物思いに耽るように頬杖をついた明るく清潔感のあるライフスタイル写真。プライバシー配慮のため顔部分は長方形のぼかし処理。肩の近くに「女性弁護士多数在籍」「安心相談」と書かれた淡いピンクの円形バッジ。 - 中段の特徴カード：薄い枠線とピンクの線画アイコンが付いた4つの角丸ホワイトカード：1) 吹き出しアイコン「初回相談 60分無料」（オンライン対応記載）、2) 手のひらとハートのアイコン（親権・面会交流対応記載）、3) 円マークとコインのアイコン（明確な費用体系・分割払い対応）、4) 南京錠アイコン（プライバシー厳守・秘密厳守）。 - 下部CTAバー：緩やかなカーブを描くピンクと白のワイドバナー。左側に電話アイコン、365日24時間対応の案内文、大きな「[0120-456-789]」。右側にメールアイコン付きの角丸ピンクメール相談ボタン。最下部には女性専用相談対応、家族・友人からの相談歓迎、全国オンライン対応を示す3つのスリムな実績バッジ。

ランディングページuiデザインファーストビュー

パステルトーンのVTuber週間スケジュール表

配信者・VTuber向けのフラットなベクタースタイルの週間スケジュールテンプレート画像。[ペールピンク、ミントグリーン、淡いラベンダー]の可愛いパステルトーンでまとめられた、清潔感のある印刷物風のデザイン。レイアウト：画面左側60%に丸ゴシック体の「Weekly Schedule」ヘッダータイトルと、1週間の予定欄（7行）を配置。各行は曜日の日本語略称（「月」「火」「水」「木」「金」「土」「日」）が入った小さな丸型パステルバッジと、完全に空の横長角丸長方形ボックスで構成。画面右側40%はキャラクター立ち絵合成用の余白スペースとし、淡いパステルグラデーションに極小の星やハート、ドットの控えめな装飾のみを配置。制約事項：人物・シルエット・マスコットの描画なし、記入枠内にサンプルテキストなし、ロゴなし、周囲に十分なマージンを確保。

vtuberスケジュールテンプレート

ダークモードキャラクター評価ダッシュボード

「[M2　ステップ2—ムードボードを見本に GPT でキャラクターシート]」と題された、16:9横長のダークモード日本語評価レポートスライドおよび実験サマリーダッシュボード。チャコールグレーの洗練されたUI、細い仕切り線、角丸カード、明瞭な日本語UIタイポグラフィ、オレンジとグリーンのアクセントタグ、埋め込みの白い画像パネルで構成。上部セクション：上部に横並びで配置された3枚の比較カード（ラベル：[経路A：GPT ムードボード経由 / 経路B：grok ムードボード経由 / 参考：grok キャラ直接（B-5）]）。各カード内には、水彩・インクの荒い質感を維持した[the small armored child knight from the reference photo]の複数アングルと小さなバストアップを配置した白いパネルを表示。各カードにエッジスコア「エッジ 57.6」「エッジ 52.6」「エッジ 48.8」を表示。各カード下に短い日本語注釈があり、3枚目には最も柔らかくサンプルの緑の布を継承している旨を記載。中央セクション：「条件」「エッジ強度」「コントラスト」「見本の欠陥」の4列からなる比較データテーブル。7行のデータを含む： 1. 「grok（目標）」 — 47.2 — 82.4 — 「—」 2. 「1) 共通のみ」 — 53.6 — 90.8 — 「—」 3. 「2) + 筆致（言葉）」 — 52.0 — 88.4 — 「なし」 4. 「3) + grok キャラ見本」 — 「[48.8 ← 最良]」 — 85.4 — 「緑の布を継承」 5. 「4) + GPT ムードボード」 — 「[57.6 ← 最悪]」 — 84.5 — 「なし」 6. 「5) + grok ムードボード」 — 52.6 — 87.3 — 「なし」 7. 「素材 image3.png（参考）」 — 58.8 — 69.1 — 「—」下部セクション：「結論1」から「結論5」で始まる5つの短い日本語の結論箇条書き、末尾に「プロンプト（ステップ2の冒頭：ムードボードの役割指定）」と書かれた折りたたみ可能なダークバー。ソフトウェアダッシュボードのスクリーンショット風、完全に可読な日本語テキスト。

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

ダークAIチャット切り抜きUIモックアップ

ダークなミニマリストAIチャットインターフェースの生成画面を模した、完全な黒背景のスクリーンショット風コンポジション。左下クアドラントには、胸元から上でクロップされた[Sam Altman]のフォトリアルな切り抜きポートレートを配置。濃紺のクルーネックセーターを着用し、左頬に小さなベージュのヘッドセットマイク、短いダークウェーブヘア、白い肌、青い目を持ち、やや右上を見つめるニュートラルで思慮深い表情。黒背景の上に輪郭が鮮明に切り抜かれたエッジ。右上付近には、白い小文字のテキスト「[transparent background image of sam altman]」が入った角丸ピル型のダークブラウンのプロンプトバブルを配置。画面下部にはミニマルなUI要素：左下に小さな白い「Edit」の文字、中央やや右下に小さな白い共有/アップロードアイコン。余白を活かしたハイコントラストなモダンデザイン。

モックアップui-uxデザインダークモード

wikiHow風ステップ別解説ページ

wikiHow風記事モックアップ. [How To Use GPT-Image 2]. [Go to arena.ai.]. Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator. ダーク…

wikihowモックアップuiデザイン

中世MMORPGのインベントリと保管庫UI

横向きの中世MMORPGのリアルなインゲームUIスクリーンショット。画面分割レイアウト：左側3分の1は3Dゲーム世界が広がり、穏やかな自然光のもと、石畳の通り、木製荷車、NPC、開かれた宝箱の隣に立つプレイヤーキャラクターが描かれています。右側3分の2は、金色の唐草模様とリベット留めされた金属フレームで装飾されたダークファンタジー調のUIパネルが2枚オーバーレイ表示されています。左パネルは金のセリフフォントで「BAÚL」と記された倉庫画面で、上段に[輝く剣(+15)、紫色のローブ(+15)、黒のブーツ(+15)]が並ぶグリッドと、下部に値「0」の「ORO EN EL BAÚL」および「Cantidad」「GUARDAR」「SACAR」ボタンが配置。右パネルは「INVENTARIO」と題され、「CUELLO」「ARMADURA」「ESCUDO」とラベル付けされた装備枠の下に、[ポーション、鍵、斧、防具]が詰まったインベントリグリッドがあり、最下部に「ORO: 34.181.599」が表示されています。クラシックなセリフフォント、ダークファンタジーRPGのUIデザイン。

ゲーム素材uiデザインインベントリ画面

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

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

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

物語カフェゲームのUIモックアップ

映画風のアプリUIスクリーンショット. 温かみのあるカフェ写真を背景にしたダークな半透明グラスモーフィズムオーバーレイ. プレミアムなモバイルゲーム風デスクトップウェブアプリ、エモーショナルでムーディー、柔らかなボケ味、琥珀色のハイライト、リアルな写真背景とシャープなUIパネル. 回忆. 注目の思い出カード. 已到达场景. 已发现回忆. ストーリー主導型人生シミュレーション・思い出コレクションアプリ. 中国語UI. 16:9 横長. 夜の居心地の良いカフェ. 温かみのあるタ…

アプリモックアップストーリーゲームuiデザイン

アニメキャラクター生成ワークフローUI

画像生成ソフトウェアのUI画面を模した、ダークモードの比較キャンバス。ワークフローグラフで繋がれた3枚のアニメ生成結果を表示。16:9のワイドな構図、ほぼ黒に近いドットグリッド背景、繊細な青い接続ライン、小さな円形ノードアイコン。薄いグレーの枠線と微かなシャドウを持つ角丸長方形パネルが正確に3つ配置されている。左下のパネル（参照ソースノード）：上部に小さな白い日本語ラベル「画像生成ツール #2」。中身は[アバン]というキャラクターデザインシート。浅黒い肌、中長髪の[茶色のドレッドヘア]、引き締まった体型、自信に満ちた表情、袖なしのダークチュニック、レザーストラップベスト、指ぬきグローブ、パンツ、ブーツ、ペンダント、なびく赤いスカーフを着用した若い男性冒険者。羊皮紙風の質感、クリーンな漫画風線画、淡い水彩調着彩。中央に全身の3面図（正面、側面、背面）、右側に2×3列で配置された6つの表情差分ボックス（通常笑顔、満面の笑み、真剣、驚き、怒り、悲しみ）、左側に「アバン」の文字、プロフィール文、ステータス表記入りのバストアップポートレートを含む。このパネルの右側から青いラインが分岐して右側の2つのパネルへ接続。右側の各パネルの右上には小さな黄色の更新アイコンが付いている。右上のパネル：ラベル「画像生成ツール #10」。[夕暮れの砂漠]を舞台に、広角レンズで腰から上を捉えた構図。前方に手を伸ばし、手のひらに輝く[オレンジの炎]の火花魔法を灯して自信ありげに微笑む姿。風になびく赤いスカーフ、ひび割れた大地、遠くのテント、夕焼け雲。下部に白い日本語テキストで「このキャラ　火花魔術を使うカットを生成して、広角レンズ　hand to camera な構図」と記載。右下のパネル：ラベル「画像生成ツール #1」。同じシーンのよりダイナミックなアクション版。手前により大きくパースのついた手を突き出し、手のひらから激しく弾ける[オレンジの炎]の魔法の火花。なびくスカーフ、背後の青空と砂漠の崖。下部に同じ白文字の日本語キャプション「このキャラ　火花魔術を使うカットを生成して、広角レンズ　hand to camera な構図」を配置。スタイル：洗練されたクリエイティブツールのダークUI、アニメファンタジーイラスト、鮮明な画面構成。

アニメキャラクターデザインuiデザイン

SaaS広告バナー 4面バリエーショングリッド

4分割広告バナーバリエーショングリッド. テックラインを配したダークブルーカーネーション. 清潔感のある白とライトグレーのミニマルデザイン. 集中線とポップなコミック調の鮮やかなイエロー. 高級感のあるダークグレーとマットブラックのコーポレート調. [HP BOOSTER]. AI搭載ノーコード・サイトビルダー. 青と緑の山括弧とダイヤモンドシンボル. 都市のスカイライン、日本語テキスト『未来を、あなたのビジネスに。』、青色の『今すぐ始める』ボタンが表示されたウェブ画面のノ…

広告バナーバナー検証saasプロモーション

SF風医療HUDマスコットステータス画面

ダークネイビーブルーの背景に、発光するシアンのインターフェース枠線、繊細な走査線、高コントラストなネオンアクセントが施された正方形のSF風医療HUDダッシュボードイラスト。中央には、ミニマルな白い五角星のマスコット［Hoshi-chan］が青いチェック柄の布団と青い枕でベッドに横たわっています。星の顔には小さな黒い点目、まっすぐな口、右頬に一粒の青い汗の滴があり、頭の周りには8個の赤橙色の偏頭痛ペインシンボル（5本のギザギザの稲妻と3個の渦巻き）が浮かんでいます。左のベッドサイドテーブルには暗いランプとコップ一杯の水があり、右側にはティッシュが1枚引き出されたティッシュ箱が置かれています。上部には太い光る文字で「STATUS : [MIGRAINE]」と表示され、右上には小さなテキスト「MEDICAL LOG : HOSHI-CHAN」と小さなプラス記号が配置されています。見出しの下には2行の日本語メッセージ「[昨日は片頭痛で寝込んでおりました。久しぶりに大変きつうございました。]」が並び、「大変きつう」の部分がシアンで強調されています。 HUD要素が画面を囲んでいます。左側の垂直サイドバーには5つのアイコン（星、メニューバー、心拍波形、棒グラフ、ドット）が並び、右側の痛みモニターカードには「PAIN LEVEL」のラベル、赤い警告三角、赤い心拍波形、ほぼ満杯の赤いセグメントバーが表示されています。下部エリアには発光するシアンの3行のステータス欄を配置： 1行目：赤い警告三角アイコン、テキスト「状態異常：片頭痛 / 強制睡眠 / 食欲低下」、右側に赤いパルス波形。 2行目：シアンのカプセル薬アイコン、テキスト「服薬：片頭痛薬」、右側に丸いシアンのチェックマーク。 3行目：シアンのカレンダーアイコン、テキスト「[2026/05/30]：痛みと睡眠で終わりました」、右側に極小の白いピクセルスター。フッターには中央に「HOSHICHAN SYSTEM」とその下に大きく「REST MODE」の文字、左下にピクセルハート、右下に三日月とプラス記号。シャープなベクター風デジタルイラスト調、アニメマスコットの可愛らしさと臨床的SFテイストの融合。

hudマスコットサイバーパンク

羊毛フェルトのロック画面音楽プレイヤーUI

羊毛フェルトとニードルフェルトの刺繍だけで作られた、スマートフォンのロック画面音楽プレイヤーUIのビジュアル。正面からの縦型構図。上部中央：四角いアルバムアート表示枠があり、[the reference image] を輪郭の毛羽立ち、柔らかく混ざり合う色彩、羊毛の繊維感が感じられるニードルフェルト調で完全再レンダリング。中央UI：再生、一時停止、前へ、次へなどの丸みを帯びたフェルトボタンで構成された音楽プレイヤー操作部。曲名部分には「[【New beginning in 2026】]」の刺繍文字、シークバーには「[ここから、始まる]」、時間表示「0:00 / -3:31」がフェルトの縫い目で表現されている。下部：左右に配置された懐中電灯とカメラの丸いもこもこフェルト製ショートカットアイコン。背景と照明：アルバムアートの基調色に合わせた温かみのあるフェルト背景に、微かな点光の装飾が散りばめられている。触りたくなるような温かく静かなハンドメイドの質感。

羊毛フェルトニードルフェルトロック画面

ラグジュアリーファッションのLPモックアップ

e-commerce landing page mockup. EXPLORE OUR WORLD. [Le Sac Éternel]. A Statement of Enduring Style. EXCEPTIONAL QUALITY. COMPLIMENTARY DELIVERY. EXCLUSIVE SERVICES. CLIENT SERVICE. [LUMIÈRE]. [ラグジュアリー、ミニマリスト、エレガント、ニュートラルトーン]. [LUMIÈRE]. NE…

ランディングページuiデザインラグジュアリー

水彩トラベルアプリのモックアップイラスト

有名都市を旅するファッショナブルな女性を描いた、正確に3台の縦型スマートフォン画面が並ぶワイドな水彩画風旅行アプリモックアップイラスト。手描きのソーシャルメディア旅行ストーリー風。構図とレイアウト: オフホワイトの紙質背景に、デバイスの背後や周囲に広がるラフな水彩の飛沫をあしらった横長16:9構図。スリムベゼルと丸角の黒いiPhoneスタイルのスマートフォンが3台横並びに配置されている。[パリ、フランス]を表示する中央のスマホは手前にやや大きく配置。[ニューヨーク、アメリカ]の左側スマホと、[ロンドン、イギリス]の右側スマホはわずかに傾き、街の風景が画面外へと滲み出ている。 UI詳細: 各画面にミニマルな旅行アプリUI。左上に「19:41」のステータスバー、小さなカメラアイコン、中央に都市名のロケーション表示、右上に控えめな通知アイコン。シーンと被写体: - 左画面（[ニューヨーク、アメリカ]）: 黒いレザージャケット、グラフィックTシャツ、ブルージーンズ、スニーカー、バックパックを着たストリートスタイルの女性がウォーターフロントの桟橋に立つ。背景には自由の女神、マンハッタンのスカイライン、水面、イエローキャブ、そして「NYC」「18:30」「City that never sleeps」の手書き風文字。 - 中央画面（[パリ、フランス]）: 上品なベージュのトレンチコート、スカーフ、アンクルブーツを身につけ、ピンクがかった石畳の通りを歩く女性。背景には中央にそびえるエッフェル塔、ピンクの桜、パリの街並み、カフェのテラス席。 - 右画面（[ロンドン、イギリス]）: ネイビーのコート、赤いスカーフ、ショートスカート、バーガンディのロングブーツを履き、暗い色の傘を差して雨に濡れたロンドンの街に立つ女性。背景にはビッグベン、国会議事堂、赤い2階建てバス、ブラックキャブ、雨に煙る青灰色の空気感。スタイル: 繊細な水彩画とペン画によるアーバンスケッチ、柔らかいパステルウォッシュ、細いインク線、光の反射。顔はシックなファッションイラスト調で控えめまたは表情なし。端末フレームは端正で、水彩絵の具の飛沫が美しく調和している。制約事項: 正確に3台のスマホ、3人の女性旅行者、3つの都市。余分なデバイスや雑多な要素、指定以外のテキストは含めない。

水彩画アプリモックアップ旅日記

キツネのアプリアイコン探索デザインボード

「[FOXY APP ICON EXPLORATIONS]」と題されたプロフェッショナルなUIデザインプレゼンテーションボード。丸まったふわふわのキツネのマスコットをモチーフにした、モダンなアプリアイコンバリエーションの一覧。設定とキャンバス: ワイド16:9のベージュ／オフホワイトのデザインボード、中央揃えの構図、繊細でクリーンな紙の質感の背景。上部には大きく太い黒のオールキャップスの見出し「[FOXY APP ICON EXPLORATIONS]」、その下に小さくすっきりとしたサブタイトル「[Modern app icon styles using the curled fluffy fox concept]」。細い水平の区切り線で各セクションを区切る。レイアウトと主題: 3行にわたって整然としたグリッド状に配置された正確に19個の番号付きアプリアイコンコンセプト（1行目: 6個、2行目: 6個、3行目: 7個）。各アイコンには一貫したマスコットである[curled fluffy orange fox forming a triangular app icon shape]（白いマズル、小さな黒い目、黒い鼻、頭付近の小さな黄色いアクセントマーク）が描かれている。各アイコンの上には小さな番号、下には短いラベルを配置。 1行目 — セクションタイトル: 「ROUNDED SQUARE APPS」（6個のアイコン）: 1. Clean Minimal — クリーム色の角丸正方形背景、柔らかな影、シンプルなオレンジの丸まったキツネ。 2. Soft Warm — ピーチとオレンジの温かみのあるグラデーション角丸正方形。 3. Bold Dark — 黒の角丸正方形背景に光るオレンジのキツネ。 4. Vibrant Gradient — 鮮やかなオレンジ〜レッドのグラデーション角丸正方形。 5. Paper Texture — ベージュの紙質アイコンにエンボス加工された淡いクリーム色のキツネ。 6. Leather Touch — ブラウンのステッチ入りレザー角丸正方形、タンレザーのキツネ。 2行目 — セクションタイトル: 「ALTERNATIVE STYLES」（6個のアイコン）: 7. Glass Morph — オレンジのキツネが入った半透明で光沢のあるガラスの角丸正方形。 8. Frosted Glass — すりガラス調のシルバー半透明正方形にぼかしたキツネ。 9. Neumorphic — 柔らかいオフホワイトの浮き出たニューモーフィズムアイコンにミニマルな白いキツネ。 10. Outline Accent — ダークチャコールの角丸正方形に細いクリーム色のラインアートキツネと黄色のアクセント。 11. Matte Sculpture — 柔らかいベージュのマットクレイ風の丸まったキツネ彫刻。 12. Black & Gold — 黒の角丸正方形にメタリックゴールドのキツネエンブレム。 3行目 — セクションタイトル: 「ALTERNATIVE COMPOSITIONS & ELEMENTS」（7個のアイコン）: 13. Circle Badge — 丸まったキツネとステッチリングのディテールがある円形オレンジバッジ。 14. Flat Mark — クリーム色の角丸正方形にシンプルなフラットオレンジの三角形キツネマーク。 15. Double Ring — 2本の同心円オレンジリングの中に入った丸まったキツネ。 16. Torn Sticker — 端が破れ、角がめくれたペーパーステッカー風のキツネ。 17. Spark Cluster — オレンジの角丸正方形にキツネと繊細な星のスパークル。 18. Wrapped Fold — 折りたたまれた封筒の形から顔を出すキツネが描かれたベージュ正方形。 19. Nose Emblem — 鼻、耳、黄色いマークにフォーカスしたキツネの顔のエンブレム。最下段 — ラベル: 「SUPPORTING ELEMENTS (FOR USE IN APP & BRANDING)」: きれいに並んだ正確に14個の小さなブランドアセットアイコン: 黒い鼻、3つの黄色いダッシュマーク、金色のスパークルスター、オレンジと白のふわふわの尾、オレンジのキツネの耳のペア、黒いカーブしたスマイルアーク、肉球の足跡、小さなキツネの頭、極小の丸まったキツネマスコット、オレンジのぽんぽん、オレンジのティアドロップ、オレンジのリボンバナー、金色のキツネコインバッジ、角丸ピル型のアウトライン。スタイル: プレミアムなUI/UXケーススタディシート、洗練された3Dソフトレンダリングアイコン、角丸スクワークルシルエット、触感のあるマテリアル、穏やかなアンビエントオクルージョンの影、温かみのあるオレンジとクリームにダークチャコールのアクセント、鮮明なタイポグラフィ、整然とした余白。

アプリアイコンuiデザインデザインボード

アニメカードゲームロビーUIモックアップ

高精度なアニメファンタジーカードゲームのホーム画面UIモックアップ. ロビー中央に並ぶ5人のフルボディのアニメキャラクター、顔は柔らかくぼかされ衣装と体型は精密に描画. NEW CARD PACK. MATCH. BOOSTER DECKBUILDING. TOURNAMENT. 洗練されたモバイルゲームのロビー画面スクリーンショット、16:9横長、濃紺と紫のファンタジーSF大聖堂の背景、上部中央に輝く魔法のポータル、反射する石の床、ネオンのリムライティング、鮮明なゲームU…

カードゲームゲームuiアニメ

ダークモードテックマーケティングスライド

モダンなマーケティングスライドコラージュ. 洗練されたダークモードテックプレゼンテーション、洗練されたプロダクトマーケティング、柔らかいグロー照明、角丸カード、繊細なグラデーション、高コントラスト、洗練されたスタートアップの美学. スマート体重計製品カード. ブランドアップデートカード. チャット画像生成カード. 紹介バナーカード. 16:9. かすかな温かみのあるオレンジの光がアクセントの深い黒. [WITHINGS]. ウォームオレンジ. 上段に3枚のカード、下段全体に…

マーケティングダークモードプレゼンテーション

東京ナイトトラベルブランドモックアップボード

旅行雑誌とモバイルアプリのプロモーションモックアップ. ロマンチックな[Tokyo]夜景旅行のブランディング. magazine cover. magazine spread. weather and city info panel. smartphone app screen. website landing page. popular areas row. feature thumbnails on app. reason icons row. bottom servi…

モックアップブランディング旅行雑誌

折りたたみスマホのランディングページモックアップ

架空の折りたたみスマートフォン「[iPhone Fold]」をフィーチャーした、Apple風の洗練された製品ランディングページの1:1正方形モックアップ。上下2つの水平セクションに明確に分割：上部58%を占めるダークなシネマティックヒーローセクションと、下部42%を占めるクリーンなホワイトのデザインセクション。上部ヒーローセクション： - 背景：下部にわずかなブルー〜パープルのアンビエントグローが漂う漆黒の背景。 - タイポグラフィ＆UI：中央揃え。最上部に「[iPhone Fold]」の小さなラベル。その下に白からシルバーへのグラデーションを施した太字の大見出し「[A new dimension for what’s next.]」。その下の中央揃えの段落テキスト「[iPhone Fold combines the power of iPhone with a beautifully flexible design. A larger canvas. A smarter you.]」。 - アクションボタン：横並びのピル型ボタン2つ。黒文字で「Watch the film」と再生アイコンが入った白ボタン、および薄い白枠線に白文字で「Notify me」と入ったダークボタン。 - 製品レンダリング：ボタンの下に、浅いV字型に開いたフォトリアルな折りたたみスマートフォンが光沢のある黒い台座に置かれている。ブラックチタンのフレーム、下部のスピーカー穴と充電ポート、中央のヒンジ、角丸ディスプレイ。開いたインナー画面には抽象的な紫と青の花びらのような発光グラフィックが対称に表示。ドラマチックなリムライトと繊細な反射。下部デザインセクション： - 背景：クリーンでミニマルな純白のレイアウト。 - 左側テキスト：小さなラベル「Design」、太字の大見出し「[Opens up new possibilities.]」、説明文「A remarkably thin and durable design that folds seamlessly. Crafted with titanium. Built to last.」。その下にミニマルな黒の線画アイコン付きの3行の特徴リスト：1)「Titanium frame」「Strong. Light. Refined.」、2)「Seamless hinge」「Engineered for a smoother fold.」、3)「Built for everyday」「Durable inside and out.」。 - 右側製品レンダリング：半分閉じた状態で直立するブラックの折りたたみスマートフォンのフォトリアルレンダリング。左半面にトリプルカメラ付き背面パネル、右半面に「9:41」「Tue Apr 1」やステータスアイコン、抽象的な青紫の壁紙が表示されたカバーディスプレイ。柔らかな影とリアルなガラス反射。スタイルと制約：ミニマルな高級感あるApple基調講演スタイル、San Franciscoフォント風のタイポグラフィ、余白を活かしたグリッド配置。ブラウザ枠やナビゲーションバー、余計な透かし等は含めない。

ui-ux-designランディングページapple風

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

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

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

ChatGPT モバイル透過背景ロボットプレビューUI

クリーンな白い背景とミニマルなUIスタイルを備えた、横長16:9フォーマットのChatGPTモバイルチャット画面のリアルなスクリーンショット。右上の端には、かすり傷のある白い金属製の足、黒い機械関節、緑のアクセントパネルを持つ、愛らしい使い込まれた人型ロボットマスコットの下半身が部分的にトリミングされて配置されています。右上中央寄りには、角丸の淡いブルーのユーザー吹き出しがあり、2行の濃いグレーの日本語テキストで「[GPTちゃん、このかわいらしいロボットのマスコットの透明背景画像を作って。つまり周りの白い部分を透明にして。]」と表示されています。左下には、グレーと白のチェッカーボード透過パターンを表示した大きな角丸長方形のプレビューカードが配置されています。カード内には、傷ついた白い金属プレート、緑の肩と耳パネル、四角い頭、暖かく光る長方形の黄色い目、右側のアンテナ、額のOpenAIロゴプレート、胸に手書きの日本語テキスト「[ちゃっぴ〜]」が施されたロボットマスコットの上半身が描かれ、左手を振っています。プレビューカードの右下隅には小さな丸いダウンロードボタンが配置されています。下端には角丸の白い入力バーが広がり、左側にプラスアイコン、プレースホルダーテキスト「[ChatGPT に質問]」、モデルラベル「[高い⌄]」、マイクアイコン、右端に青い円形の音声波形ボタンが並んでいます。鮮明なタイポグラフィ、柔らかい影、余白を活かした3DレンダリングとモダンなモバイルUIの融合。

chatgptモバイルuiスクリーンショット

ダークモードAI生成結果UIカード

ダークモードのAI画像生成結果カードを表示したリアルなモバイルアプリのスクリーンショット。ダークチャコールブラウンの背景、角丸カード、ゆったりとしたマージンを配置。メインコンテンツ： - 上部カード：角丸の正方形ポートレート。[a beautiful young woman in pale green and pink Hanfu, lotus-flower hair ornaments, loose black updo, delicate dangling jewelry, soft melancholic expression, facing forward in a close-up half-body composition]（淡い緑とピンクの漢服を着た美しい若い女性、蓮の花の髪飾り、ゆるい黒髪のアップスタイル、繊細な揺れる装飾品、憂いを帯びた表情、正面のクローズアップ半身構図）。ポートレートのスタイル：幻想的、ヴィンテージ、淡い水彩画風、柔らかな自然光、輝く髪、透け感のあるシルク生地、純白の背景、左前方にパステルカラーの蓮の花、右側の髪に淡い花の飾り、右奥に小さなお茶のテーブルのディテール。 - 画像下のプロンプトテキスト：左揃えの白い3行テキストで末尾に省略記号：「[生成图片。人像全身图，朦胧治愈感，水粉画质感，治愈系，复古，纯白背景。华丽淡绿色与粉色襦裙女子，蓬松发髻，荷花头饰，正面近景头部特写。文静优雅，发丝发光，泛光，朦胧，...]」。その下に下線付きのリンク「[展开更多]」。 - メタデータ行：左側に「[MAI-Image-2.6]」と日付「[8月20日]」。右側に4つのアウトラインアイコン（高評価、低評価、共有矢印、縦3点メニュー）。 - 下部アクションボタン：角丸長方形のグレーのボタンが横並びで2つ、「Edit this image」と「Create a new image」。スタイル：鮮明なモバイルUIタイポグラフィ、リアルなアプリ描写、バランスの取れたダークモードレイアウト、発光するパステル調のポートレートと暗いUI背景の明確なコントラスト。

モバイルuiダークモードアプリ画面

ダークモードAIチャット画面アニメ生成スクショ

生成された[重音テト]のアニメイラストを表示する、正方形1:1のダークモードAIチャット画面のスクリーンショット。 UIレイアウトとテキスト： - 十分な余白を持つ純粋なダークグレー背景のミニマルなダークチャットアプリUI。 - 右上：丸みのあるグレーのユーザー吹き出し。明瞭な白のサンセリフ体で正確に「重音テトのイラスト出して　素晴らしいやつ」と表記。 - その下の左側：薄いグレーの小さなステータス行で、正確に「1m 10s考えました ›」と表記。 - 埋め込み画像カード：ステータス行の下に配置された、角丸の大きな縦長画像カード。 - カード内オーバーレイ：左下に「編集」と書かれた小さな丸薬型グレーボタン、右下に円形のアクションアイコン。 - 下部アクション：画像カードの真下に並ぶ3つの小さなミニマルアイコン（コピー、共有、三本点メニュー）。画像カード内のイラスト： - 被写体：太ももあたりから上の構図で、自信ありげな笑みを浮かべながら肩越しにこちらを振り返る[重音テト]の美麗なアニメイラスト。 - 特徴：鮮やかな[赤]色の大きなどリルツインテール、赤い瞳、赤のトリムが入った黒のノースリーブアイドル衣装、プリーツスカート、長い黒のアームウォーマーを身につけ、風になびく赤いネクタイを指で軽くつまんでいる。 - 背景：手前に屋上の手すり、夕暮れのオレンジとピンクの空に浮かぶ柔らかな雲、遠くの街並みのシルエット。 - アートスタイル：鮮明なセル画調の現代アニメ風、滑らかな線画、温かみのあるシネマティックな逆光ライティング。

ダークモードチャットuiアニメ風

仙侠ゲーム着せ替えワードローブUI

[古代仙侠風]の女性キャラクターが中央に立つ着せ替えモバイルゲームのUIインターフェース画面。衣装カスタマイズアイコン、カテゴリタブ、装飾的な伝統ファンタジー風UIエレメントを備えた見やすい[ワードローブ選択パネル]を含むレイアウト。

着せ替えゲームゲームui仙侠

パステル調の日本風モバイルゲーム広告

やわらかなパステルカワイイスタイルの、洗練された日本のモバイルゲーム広告グラフィック。2つの縦長パネルが左右に並んだ正方形のスプリットスクリーンレイアウト。左半分は淡いブラッシュピンクの水彩背景、右半分は温かみのあるクリームからピンクへのグラデーション背景。左パネル： - 上部タイポグラフィ：ダークローズピンクの太く丸みを帯びた日本語の見出し「[ミルクと、ふわふわ脱出。]」、その下に小さめのグレーのサブタイトル「[やさしい謎解きの世界へ]」。 - 中央：可愛い脱出ゲームのタイトル画面を表示する黒枠の最新スマートフォンモックアップ。画面内にはキラキラしたピンク背景に大きな潤んだ瞳のふわふわクリーム色の子猫、シャボン玉、ハート、日本語ロゴ「もふもふミルクにゃんこ」、リボン状のサブタイトル「脱出ゲーム」、下部に大きな丸い「はじめる」ボタン。 - 周囲の装飾：透き通るシャボン玉、小さなリボン、ハート、下部に散りばめられた星のきらめき。右パネル： - 上部タイポグラフィ：ダークローズピンクの太く丸みを帯びた日本語の見出し「[謎を解いて、おへやを抜けだそう。]」、その下に小さめのグレーのサブタイトル「[全10ステージの脱出パズル]」。 - 中央：ゲームプレイ画面を表示する黒枠のスマートフォンモックアップ。ストライプ壁紙の夢のようなパステルピンクの部屋、木製棚、上段に並ぶ3つの小さなぬいぐるみ、中段に3つの空のスロット、下段に2つの小さなアイテム（ピンクの長方形と傾いたカード）。画面UIには左上に「ミルクのおへや」、右上に円形アイコン、右端に縦の南京錠アイコン、下部バーに「アイテムがまだないよ」と表示。全体スタイル：App Storeのスクリーンショット風、やわらかな光、パステルピンクとクリーム色、整った余白、丸文字フォント、可愛らしくフェミニンな雰囲気。

モバイルゲームストアスクリーンショットカワイイ

ミニマルなスマートフォン壁紙テンプレート

[夕暮れの静かな霧の丘に佇むミニマルな一本の松の木]、美しい9:16の壁紙構図。上部と下部に自然なネガティブスペースを広く確保したシンプルなシーン。背景には上から下への繊細なカラーグラデーション。全体にクリアなピント、強いボケ効果やトリミングなし。

壁紙スマホ背景ミニマル

睡眠サポートアプリのモックアップ画面

白の無地背景に2台の黒いiPhoneが左右に並ぶ、洗練されたモバイルアプリのプロトタイプモックアップ（1:1 正方形構図）。繊細なドロップシャドウを伴うリアルなデバイスフレーム、Dynamic Island、ステータスバー（「18:11」、バッテリー、Wi-Fiアイコン表示）、下部の白いホームインジケーター。ビジュアルスタイル：日本の癒やし系睡眠サポートアプリ。ダークネイビーから濃いインディゴへのグラデーション背景、微小に煌めく星々、柔らかな月の光、すりガラス調グラスモーフィズム、落ち着いたラベンダー色のパネル、温かみのあるオレンジ色のアクセントボタン。夢心地で安らぎに満ちた夜の雰囲気。キャラクター：各画面に1体ずつ（合計2体）配置された、淡いラベンダー色のテディベア風ぬいぐるみマスコット。丸い小さな耳、シンプルな黒い目、小さな微笑み、柔らかな質感、お座りポーズ、クリーム色の小さな天使の翼、周囲のほのかな光のオーラ。各画面の右上にミニマルな三日月アイコン。左画面のレイアウト： - 左上に白い文字で「[こんばんは]」、その下に「[睡眠時間 0:30]」。 - 右上に小さな円形スピーカー／音声ボタン。 - 中央上部に天使の羽を持つぬいぐるみマスコット。 - マスコットの下に小さな日本語テキスト：「TikTok・Instagram Reels・YouTube Shorts を見ていた君が、ここで一緒に眠れるれるよ。」 - 下部に「[この子と、夜を終える]」と書かれた大きめな角丸クリーム色のプライマリボタン。その右下角に重なる小さなオレンジ色の丸型フローティングアクションボタン。 - 最下部に4つのラインアイコン付きナビゲーションバー：1) キラキラ「森」、2) スマホ「日々みる」、3) 三日月「おやすみ」、4) 歯車「せってい」。右画面のレイアウト： - 上部中央に短い薄紫のハンドルライン。 - ハンドルの下に白文字のタイトル「[この子の思い出]」。 - その下にやや小さめの天使羽付きマスコットと右上の三日月。 - マスコットの下に中央揃えの小さな日本語テキスト：「まだ思い出はないよ。今夜が、最初の一夜になるかも。」 - 画面下半分は星が散らばる静かな夜空。 - 右下に小さなオレンジ色の丸型フローティングボタン。制約事項：スマートフォン画面はちょうど2つ、マスコットは合計2体、三日月は合計2つ、鮮明で読みやすい日本語テキスト、余計なロゴやウォーターマークはなし。

UIモックアップスマホアプリ睡眠アプリ

エディトリアル風AIポートフォリオWebモックアップ

エディトリアルポートフォリオウェブサイトのランディングページモックアップ. クリーンでモダンなWebデザイン、開放感のあるプレミアムな美学、柔らかなエディトリアルタイポグラフィ、パステル調の海岸パレット、繊細なグラスモーフィズム、高級スタートアップのポートフォリオ感. デスクトップブラウザウィンドウモックアップ. 角丸のイエローピルボタン. 矢印付きの黄色い角丸ボタン. 矢印付きテキストリンク. 後ろ姿の若い男性、短い茶髪、鮮やかな黄色いセーターを着用、ヒーローセクション右…

ui uxデザインwebモックアップランディングページ

アニメヒーローバナー付きソフトウェアプロジェクトLP

ブラウザ枠のない純白の背景に配置された、クリーンなGitHub READMEスタイルのドキュメントWebページスクリーンショット。上部中央には太字の見出し「[GPT Image 2 Prompt Gallery + Agentic Skill + CLI]」と小さなアンカーアイコン、その下に斜体のサブタイトル「OpenAI GPT Image 2 prompt gallery, image prompt library, agentic skill, and CLI — curated, copy-paste prompts and runnable examples for skill-capable agents.」を配置。その下には青い下線付きの言語リンク「English · 中文」、ステータスバッジ（「License MIT」「PRs welcome」「model gpt-image-2」「python ≥3.11」）、ランキングバッジ（「oosmetrics Top 1 Agents」「oosmetrics Top 1 LLMs」「oosmetrics Top 1 CLI」）が並ぶ。バッジの下には、温かみのあるシネマティック照明と鮮やかなアニメチビスタイルの魔法工房を描いたワイドなヒーローバナーを配置。上部中央の黒い毛筆看板には粗削りな金文字で「[GPTImage2Skill]」と書かれている。工房の手前には巻物やUI設計図、イラスト見本、鳥の写真を掲げる8人のチビファンタジーキャラクターが並び、衣装は精緻だが顔は様式化された無地の淡い長方形。浮遊するシアンのUI画面や魔法のオーブ、工具が洞窟工房を満たしている。

ui-uxデザインgithub-readmeランディングページ

B2B SaaS ランディングページヒーロー

データ基盤・分析プラットフォーム「[NOVALITH]」の洗練されたB2B SaaSランディングページヒーローセクション。16:9のアスペクト比のデスクトップWeb画面、淡いシアンのグラデーションが広がる清潔な白背景、繊細なネットワークライン幾何学、微小なドットマトリックス、光沢のある床面の反射。ディープネイビー、ティール、シアン、クリーンホワイトの洗練された企業向けカラーパレット。ヘッダー：左上にシアンからネイビーへの角ばったグラデーション「N」アイコンと「NOVALITH」のワードマーク。中央上部に5つの日本語ナビゲーション「プロダクト」「ソリューション」「ドキュメント」「リソース」「会社情報」。右上には「ログイン」と矢印付きの丸みを帯びたティール色ボタン[お問い合わせ]。ヒーロー左側：2行構成の太字ネイビー見出し「[データを、未来の意思決定に変える。]」。その下に日本語のサブ見出し「[NOVALITHは、開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。]」。その下に細線ティールアイコン付きの3つの機能ブロック：1) レイヤーアイコン「統合された基盤」「データとシステムを一元的に統合」、2) シールドアイコン「堅牢なガバナンス」「セキュリティと品質を標準で確保」、3) 上昇矢印アイコン「高速な意思決定」「信頼できるデータで意思決定を加速」。下部にはティールのメインCTA[プロダクトを見る]と、白枠のサブCTA「資料をダウンロード」。ヒーロー右側：丸みを帯びた光沢あるUIパネルが斜めに浮遊するダッシュボードモックアップ。背後には巨大な半透明ティール/ネイビーの3D「N」構造体と角張ったシアンのガラスパネル。ダッシュボード内には6つのサイドメニュー（「ダッシュボード」強調表示、「データカタログ」「パイプライン」「モニタリング」「ガバナンス」「アラート」）、4つの指標カード（「データパイプライン」128、「データ品質スコア」98.6%、「アクティブユーザー」1,256、「処理データ量」2.45 PB）、折れ線グラフ、3ノードのパイプライン図、4行のアラート一覧、96%を表示するドーナツチャート。鮮明なUIベクター表現、リアルな3Dガラスの質感、余白を活かした配置、高精度な日本語タイポグラフィ、人物なし、ノイズなし。

saasランディングページuiデザイン

ダークモード認証アプリのオンボーディングモックアップ

参考デザインに基づき、パースの歪みや反射、デバイス周囲の写り込みを排した高精細なモバイルオンボーディング4画面のUIモックアップ。4台の[iPhone風]スマートフォンフレームが、[薄いグレー]の背景の上に正面向きで均等に横一列に並んでいます。[ブルーのセキュリティ視覚スタイル]を採用したダークモード仕様で、丸みを帯びた端末フレーム、上部のステータスバー、スキップリンク、下部のホームインジケーターを備えています。左から右へ、正確に4つの画面： 1. 「[Get Started]」ボタンが配置されたオーセンティケーターアカウント保護画面。 2. 通知設定トグルスイッチと「[Continue]」ボタンを備えたアラート通知画面。 3. シールドと錠前のグラフィック、ソーシャルアイコン、「[Continue]」ボタンを備えたエンドツーエンド暗号化画面。 4. 生体スキャンオーバーレイグラフィック、有効化トグル、「[Continue]」ボタンを備えたFace ID保護クイック設定画面。鮮明なタイポグラフィ、一貫したスペーシング、視認性の高いシャープなテキスト、アプリストア向けのような洗練されたデザイン。

uiモックアップモバイルアプリオンボーディング

2000年代風フラッシュ写真とAIプロンプトUI

無地のベージュの壁を背景に、カジュアルなハウスパーティーで身を寄せ合う[3人の友人]を捉えた、2000年代初頭のノスタルジックなスナップフラッシュ写真。強い直射フラッシュ、屋内の暖色系カラーキャスト、微細な粒子感、甘いピント、肌のわずかな露出オーバー、暗い周辺減光など、低解像度の使い捨てカメラスナップの質感。左側の金髪女性はビンテージパッチ付きの茶色いメッシュキャップに白いインナーを重ねた緑のタンクトップとアクセサリーを着用。中央の短いスパイキーな黒髪の男性は黒いハーレー風Tシャツを着て両脇の友人に腕を回している。右側の黒髪女性は白いレースを重ねた茶色いホルターネックとターコイズのペンダントを着用。3人の顔はそれぞれ肌色の平らな長方形のモザイクブロック（計3枚）で隠されている。写真右下には「[05 14 2003]」とオレンジ色の日付スタンプが入る。写真の下部にはAI画像生成アプリ風のモダンで丸みのある白いプロンプト入力バーがあり、「[early 2000s flash photo, red eyes, friends at a house party, point-and-shoot camera]」というテキスト、末尾の縦棒カーソル、黒い矢印アイコンが入った丸い送信ボタンが配置されている。上部に写真、下部にUI入力バーを配した横長構図。

2000年代風フラッシュ撮影ハウスパーティー

高級ヴィラサイトのノートPCモックアップ

高級ヴィラのウェブサイトを紹介するリアルで上質なノートPCモックアップ。シームレスなライトグレーのスタジオ背景の中、1本の手が下から支えるようにして、開いたダークグレーのMacBook Pro1台が斜め3/4の角度で水平に浮いています。ノートPCの詳細：上部中央にノッチがある黒いベゼル、薄型ディスプレイ、左側面に見えるポートとヒンジ、下部ベゼルに控えめな「MacBook Pro」の刻印。画面上のUI：[VILLA SOLARA]向けのフランスの高級不動産ランディングページが全幅で表示されています。温かみのあるオフホワイトのナビゲーションバーには、左端に小さなゴールドのアクセントライン、文字間隔を広げた黒の大文字でブランド名「[VILLA SOLARA]」、右側には「LA VILLA」「GALERIE」「PRESTATIONS」「LOCALISATION」の4つの項目と丸みを帯びた黒い「RÉSERVER」ボタンが並んでいます。ヒーローセクション：夕暮れ時にインフィニティプールと海を望むモダンな白亜の地中海風ヴィラ、ヤシの木、温かい間接照明、テラスのサンラウンジャーを写した高解像度写真。中央には大きなエディトリアル調のセリフ体で「[L’exception comme quotidien]」とレイアウトされ、「L’exception comme」は白、「quotidien」はイタリック体のゴールデンイエローです。左上に目立たない微小な座標テキスト、メイン見出しの下に控えめなサブタイトルが配置されています。ライティングとスタイル：手とPCの下に柔らかな影を落とす、ソフトで写実的なスタジオ照明。極めて鮮明なスクリーンディテール、洗練されたデザインエージェンシーのポートフォリオ品質、余計な装飾やウォーターマークのないミニマルな仕上がり。

macbookモックアップウェブデザインui ux

ミニマルなAIギャラリーのヒーローランディングページ

[AIVIVE] のプレミアムなランディングページ用ヒーロー画像。背後から見た着座ユーザーの視点で、AI画像生成ギャラリーを描く。環境と構図: ワイドな16:9比率、柔らかなビネットと浅い被写界深度を備えた温かみのあるベージュのスタジオ背景。前景の下部には、丸みを帯びたクリーム色のソファに座り、背もたれに腕を置いて前方の浮遊ディスプレイを見つめる人物の背中。最上部の中央にはスタイリッシュな黒いロゴ「[AIVIVE]」を配置。浮遊するフィードカード: 角丸ガラス風の浮遊画像カードが計14枚、奥行きに向かって緩やかなカーブを描く： - 中央（1枚）: ドラマチックな黄金の雲の下、光るキューブが浮かぶ反射する岩場に佇む孤独な人物を描いた鮮明な大型縦型カード。右上隅に小さな白いハートアイコン付き。 - 左側（7枚、傾斜して奥行きへ配置）: 左端の暖かい街並み、大きな花のポートレート、小さな歩行者がいる森の小道、小さな淡い抽象画、森の背後にあるぼかした淡い風景、宇宙飛行士のヘルメットのポートレート、左下の薄くぼやけたカード。 - 右側（6枚、傾斜して奥行きへ配置）: 雨降る未来都市のスカイライン、背後の小さなぼかし縦カード、大きな花のポートレート、右端の山谷風景、右上の小さなカード、都市とポートレートの間の薄い遠景カード。タイポグラフィとUI要素: - 左上のテキスト: 「No wallet. / No subscription. / Just create.」 - 右上のテキスト: 「Pay-per-generation / in USDC. / Simple as that.」 - 左下: 小さな稲妻アイコンと「1.00 USDC」の文字が入った半透明のピル型バッジ。 - 右下: 4つの小さな円形クリエイターアバター写真と「2.3K creators」のテキストが入ったソーシャルプルーフバッジ。スタイルと照明: 洗練された3Dコマーシャルレンダリング、柔らかいグローバルイルミネーション、温かみのあるクリームとゴールドの配色、淡い影を落とすガラス質感の浮遊カード、上品でミニマルな高級テック美学。ブラウザ枠や余分なUI要素は排除。

ui-uxデザインヒーローバナー3dレンダリング

パステル調乙女ゲーム風UIモックアップ

恋愛ビジュアルノベルゲームUIモックアップ. エレガントなパステルカラーの乙女ゲームインターフェース、洗練されたアニメイラスト、華やかな金の透かし彫り、柔らかな桜のテーマ、光沢のあるボタン、レースとリボンの装飾、夢のような春のライティング. ステータス. 所持アイテム. 主人公. スケジュール. 本日の予定. 一緒にいる仲間. デスクトップゲーム画面. ヨーロッパ調の校舎、満開の桜、中央の噴水、舞い散る花びら、澄み渡る青空が広がる春の名門学園の中庭. 午後. 春. 甘く繊細…

乙女ゲームノベルゲームゲームui

ソフトミニマルUIベクターイラスト

[ノートパソコンを開いてデスクで作業する人]のソフトでミニマルなイラスト、丸みを帯びたフォルム、滑らかで柔らかなグラデーション、落ち着いたパステルトーン、モダンなUIベクターイラストスタイル、親しみやすく清潔感のある現代的デジタルアート。

uiイラストミニマリズムベクターアート

美容液広告のレイヤー分解デモ画像

AI画像エディター向けの高級感あふれるダークラグジュアリーな広告デモバナー（16:9横長構図）。美容液の広告ポスターが編集可能なレイヤーへと分解される様子を可視化したデザイン。背景は深いネイビーブラックで、シャンパンゴールドの光の筋、繊細なレンズフレア、シネマティックな光沢ライティング。レイアウト：左側に細いゴールドの枠線で囲まれた完成版の縦型ポスター。上部中央にはソフトウェア名「[Reve 2.0]」が大きくエレガントなセリフ体の金白グラデーション文字で配置され、その下にサブタイトル「AI画像をレイヤー編集」が白文字で入る。完成ポスターから分解レイヤーへ向かう大きな光るゴールドの矢印。中央右には拡大されたモデル素材（ダークサテンのイブニングドレスを着た女性の後ろ姿、艶やかな肩、暖色リムライトの髪、夜景のボケ、顔部分にはソフトな長方形のぼかし）。右端には青い破線の選択ボックスとシアン色に光るリサイズハンドルが付いた個別の編集可能レイヤーが浮遊。左の完成ポスター詳細：「[Noxellia 3X]」および英語のサブタイトル「NIGHT REPAIR SERUM」、女性モデル、ゴールドスポイト付きダークブルー美容液ボトル、ペールゴールドの花、夜の街並み背景、白い日本語コピー（大見出し「翌朝、艶印象が変わる。」、上部コピー「一晩で、肌の修復力を最大化する」、中央「高濃度ナイトリペアセラム」、下部「通常の3倍濃度の独自成分を、1滴に凝縮。」）。編集可能レイヤー指定：シアン色のハンドル付き青い破線枠7つ（「翌朝、艶印象が変わる。」、「通常の3倍濃度の独自成分を、1滴に凝縮。」、「一晩で、肌の修復力を最大化する」、「高濃度ナイトリペアセラム」、切り抜かれたボトルと花、街並みの帯、細い金色の曲線）。下部機能ブロック：金色アイコンと日本語テキストによる3つのブロック「独自3倍濃度」「夜の集中ケア」「上質な所有感」。透かしのない、洗練された高級スキンケア広告UIデザイン。

スキンケア広告レイヤー編集uiモックアップ

ChatGPTダークモードアニメ生成UI

中国語UI要素を備えたAI画像生成のやり取りを表示する、鮮明なダークモードのデスクトップ版ChatGPTインターフェースのスクリーンショット。左サイドバーは幅約19%を占め、ChatGPTロゴ、検索アイコン、および「新聊天」、「图片」（小さな「已更新」バッジ付き）、「资料库」、「定时任务」、「插件」、「项目」、「Codex」、「更多」の8つのナビゲーション行が並ぶ。「最近」ヘッダーの下には「超现实画面生成」と「生成幻想原画提示词」の2つの履歴項目。左下のプロフィールには「TT」の青い丸型アバター、ユーザー名「[Tryntje Titulaer]」、「免费版」の表示。メインチャット領域の右上には「免费试用」カプセルボタン。ダークグレーのプロンプト入力欄には青くハイライトされた「[超2d,反结构色.强畸变反透视。简谐,无字神话.21:9]」のテキストと、「取消」「发送」ボタンが配置される。その下には「编辑」オーバーレイボタン、ダウンロード矢印、共有アイコンが付いた21:9のアスペクト比の画像プレビューカード。カード内には、歪んだ逆透視魚眼構図で描かれた超ダイナミックなファンタジーアニメイラストがあり、青空や夕焼け、砕けた岩壁、巨大な龍鳳を背に、神話的な女性キャラクターが手前に巨大な手を伸ばしている（コバルトブルー、鮮烈なオレンジ、深紅の色彩）。カード下にはコピー、高評価、低評価、共有、詳細の5つのアクションアイコンが並ぶ。

chatgpt uiダークモードuiスクリーンショット

サイバーパンク格闘ゲームのキャラクター選択画面

架空の対戦格闘ゲーム「[SynClub]」の、光沢あるアーケード対戦メニュー風の縦型サイバーパンク・アニメキャラクター選択画面。構図とレイアウト：縦長2:3モバイルポスター比率。背景はダークな未来派ネオンシティで、左側が青、右側がネオンピンク／レッドに斜めに二分され、発光HUDライン、走査線、火花、パーティクル、ハイコントラストなリムライトが施されている。画面最上部中央にエレクトリックブルーのハイライトが入ったメタリックな角型ロゴ文字「[SynClub]」、その直下に「CHARACTER SELECT」のサブタイトル。左上に青く光る「PLAYER 1」、右上にピンクに光る「PLAYER 2」のSF風タブ。画面中央のグリッドを挟んで両脇に大型の立ち絵ファイター2体（左に青のP1、右にマゼンタのP2）。画面下部中央には輝く「VS」アイコン。最下部には5つの操作ガイド（選択、決定、戻る、ランダム、オプション）とコントローラーボタンアイコンが並ぶコマンドバー。メインキャラクター： - 左（Player 1）：「[REGULUS]」（下に日本語「レグルス」）。黒いマント、鎖、金属装飾、青い発光ライン、影のかかった青白い顔、赤い瞳のフード姿の男性アサシンファイター。片手の手袋でフードを持ち上げるミステリアスな構え。名前の下に5項目（TYPE, POWER, SPEED, RANGE, TECHNIQUE）の小型ステータス枠があり、TYPEは「スピード」、ゲージは青く発光。 - 右（Player 2）：「[MERU]」（下に日本語「める」）。ツインテールの金髪ゴスロリ少女。赤と黒のフリルドレス、薔薇の装飾、黒手袋、チョーカー、ハートの宝石、片手を頬に添えた上品で茶目っ気のあるポーズ。名前の下に同様の5項目ステータス枠、TYPEは「トリッキー」、ゲージは赤く発光。キャラクター選択グリッド：中央下部に発光するSF枠のポートレートタイルが正確に14個配置： - 1段目（3枠）：フードの男性、金髪女性、仮面のキャラ。 - 2段目（3枠）：銀髪メイド、青い「P1」バッジ付きレグルス、赤い「P2」バッジ付きめる。 - 3段目（5枠）：サイボーグ、魔女、金髪男性、黒髪仮面戦士、褐色のツンツン髪少年。 - 4段目（3枠）：水生・人魚風の少女、白髪キャラ、「Random」と書かれた？マークのシルエット。下部対戦パネル： - 左下青パネル：「PLAYER 1 [REGULUS] レグルス」、エンブレム、シックな黒い剣のイラストとともに「MAIN WEAPON」欄に「[黒剣 -ノクターナル-]」。 - 右下赤パネル：「PLAYER 2 [MERU] める」、薔薇エンブレム、薔薇モチーフのマイクイラストとともに「MAIN WEAPON」欄に「[ローズマイク]」。スタイル：極めて緻密なアニメキーアート、洗練されたeスポーツ格闘ゲームUI、ネオンシアンとマゼンタの対比配色、シャープな角形HUDフレーム、発光タイポグラフィ、完成されたゲームメニュー画面の質感。

ゲームuiキャラクターセレクトサイバーパンク

AIコーディングブートキャンプ LPデザインモックアップ

「[Vibe Coder Bootcamp]」のフルページ縦型モバイルWebランディングページのモックアップ。AIコーディングおよびAIエージェントのブートキャンプを、高級感と知性、実用性を兼ね備えたトーンで表現。高解像度のUIデザインカンプ、シャープな日本語タイポグラフィ、整然とした余白、情報密度が高く読みやすいレイアウト。スタイルとカラー：ダークネイビーと黒のシネマティックなセクションと、清潔感のある白のカードセクションのコントラスト。鮮やかなオレンジのアクセントタイポグラフィ、紫のハイライト、細いグレーの区切り線、シンプルなラインアイコン、ドキュメンタリー調の写真。明朝系日本語見出しとモダンなサンセリフUIフォントの組み合わせ。構成（上から下へ整然と並ぶ全7セクション）： - Hero：上部のダークなシネマティックバナー。左側に大きなオレンジの英語タイトル「[Vibe Coder Bootcamp]」、日本語サブタイトル「AIを完全に味方につける、1.5ヶ月。」、本文「1回2.5時間×全5回＋Demo Day。アプリも資料も動画も、あらゆるアウトプットをAIで」、丸みを帯びたオレンジのCTAボタン「資料請求・お問い合わせ」。右側には薄暗いオフィスで思索する黒スーツの日本人男性、暖色系デスクランプ、コードを表示するモニター、夜の街の明かり。 - No.01「課題」：白背景。オレンジのラベル「No.01 課題」。見出し「AIは、もう十分に賢い。足りないのは、あなたの入力。」「入力の質＝出力の質。」。右側にBEFORE/AFTERの比較図：BEFOREカード「あいまいな入力」→「あいまいな出力」（手書き落書きアイコン）、AFTERカード「構造化された入力」→「価値の高い出力」（紫のターゲットアイコン）、矢印で連結。 - No.02「解決＝コンテクストコントロール」：白背景。オレンジラベル「No.02 解決＝コンテクストコントロール」。見出し「コンテクストコントロール。AIエージェント時代の、基礎力。」とグラデーション文字「まわせ Vibes Output Loop」。矢印で繋がれた3つの円形ループステップ：STEP1「与える (GIVE)」、STEP2「蓄積する (ACCUMULATE)」、STEP3「循環させる (LOOP)」。 - No.03「カリキュラム」：白背景。見出し「SNSアプリ開発を“通じて”コンテクストコントロールを体得する。SNSを作るのが目的ではない。」。紫ヘッダー付きの6枚の週間カリキュラムカード：WEEK01「企画・要件定義」、WEEK02「UI/UX・設計」、WEEK03「実装・DB設計」、WEEK04「認証・セキュリティ」、WEEK05「デプロイ・運用」、DEMO DAY「成果発表・講評」。下に4つの特徴アイコンカード：「企画・UI/UX」「動くアプリ (DB・デプロイ)」「セキュリティ」「API・エージェント基盤」。 - No.04「卒業後にできること」：白背景。サムネイル付きの4枚のカードが一列に並ぶ：「アプリ・サービス」「資料・ドキュメント」「画像・動画」「業務の自動化」。 - No.05「相棒すなわちAI」：全幅のダークシネマティック帯。左側に「一人で、会社を回す。」「AIエージェントに仕事をさせ続ける人になる。」。右側に半透明のUIチャートやコードに囲まれた日本人ビジネスマンの夜景カット。 - No.06「講師」：ダークグレーのセクション。講師「[泉水亮介]」の紹介、コンクリート背景の落ち着いた表情のポートレート、右側に3つのゴールドの月桂樹バッジ。 - No.07「実績・CTA」：白背景に3つの実績メトリクスカード（「開発アプリ 120+」「満足度 98%」「業務 9割をAIで」）、封筒アイコン付きの大きなオレンジCTAボタン「資料請求・お問い合わせ」。シンプルなフッター。構図：9:16比率の縦長連続Webページ、ブラウザ枠や余計な透かしなし。

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

ダークモードAIチャット拡大チュートリアル

参照写真の水中写真をアップスケールする様子を示す、洗練されたダークモードAIチャットインターフェースのチュートリアルモックアップ。参照写真の外部アプリ枠、サイドパネル、ウィンドウ表示をすべて除外し、水中写真のコンテンツのみを使用。 - レイアウト: チャットフィード内に角丸の水中写真プレビューを正確に2点配置。右上にアップロードされた小さなプレビューを1つ、その下の中央やや左に生成された大きめの結果プレビューを1つ配置。両方のプレビューで人物の顔を隠すグレーのモザイクを維持。 - チャット要素: 上のプレビュー横に「[将图片专为4K分辨率]」というテキストが入ったユーザーメッセージバブルを1つ。小さな青いキラキラアイコンとドロップダウンシェブロンが付いた「显示思路」というアシスタントラベル。大きな画像プレビューの直下に配置された小さな丸みを帯びた「来源」ボタン。 - コールアウト: 大きなプレビューの右上隅にあるダウンロードアイコンを赤い円で囲んで強調。右側からその赤丸で囲まれたダウンロードアイコンを指す太い赤い矢印を1本配置。 - 下部入力バー: プレースホルダー「描述你的图片」、添付アイコン、「制作图片」ピルボタン、「[Pro]」モデルドロップダウン、マイクアイコンを備えた下部のダークな角丸メッセージ入力バー。 - スタイル: 洗練されたモダンなAIチャットUIのダークテーマ、漆黒の背景、控えめな中間調グレーのUIコントロール、角丸、クリーンな16:9スクリーンショット構図。

uiモックアップダークモードチャット画面

スイス風エディトリアルポートフォリオヒーローUI

[Ari Vale] というデザイナー／開発者のための洗練されたポートフォリオWebサイトのヒーローセクションデザイン。スイス・エディトリアル風のレイアウトと建築写真のコラージュを組み合わせた、16:9のアスペクト比のデスクトップ画面スクリーンショット。背景・トーン：温かみのあるオフホワイトの紙テクスチャ、豊かな余白、繊細な粒子感、上質なミニマリスト美学。レイアウトと構成： - トップナビゲーションバー：左にワードマーク「[Ari Vale]」と小さなコバルトブルーのドット。中央に「Work」「About」「Studio」「Notes」のリンク。右端に青いドットが付いた角丸のアウトライン型「Menu」ピルボタン。 - ヒーローセクション（中央よりやや左寄り）：アイブロウラベル、特大のモダンタイポグラフィ、説明文、2つのCTAボタン。 - コラージュ構成：左側にベージュのコンクリート長方形、淡い曲線建築の写真、その下に小さな岩のテクスチャ写真、斜めのコバルトブルーのテープ、そして「REFIX ANADOL」「Machine Hallucinations」「Immersive Exhibition」と右下に小さな矢印が記された黒いプロジェクトカード。右側には淡い階段状の建築写真と、その下に白い球体と石の静物写真。 - アクセント＆グラフィック：縦に並んだ「VISION」「MADE」「DIGITAL」の文字と小さな青いプラス記号。矢印入りの薄い丸型スタンプ。右端に垂直の座標「40.7128° N, 74.0060° W」。 - フッター：左下に「AVAILABLE FOR NEW PROJECTS」、極細の水平区切り線、右下に「LINKEDIN」「DRIBBBLE」「INSTAGRAM」のSNSリンクと矢印。タイポグラフィとテキスト： - アイブロウ：「[ARI VALE] — DESIGNER & DEVELOPER」（青いドット付き）。 - メイン見出し：「I design digital experiences, brands, and creative web.」（「design」のみエレガントでコントラストの高いイタリック体セリフ、その他は太いグロテスク・サンセリフ）。 - 本文：「Strategy-led design and development for forward-thinking companies and cultural projects.」 - ボタン：「View Selected Work →」、テキストリンク「About [Ari] →」。制約事項：ブラウザの枠線やクロームは表示せず、実際の洗練されたランディングページとしてレンダリング。グラデーションや人物写真を使わず、余白を活かしたアシンメトリーなバランスを維持。

ui-ux-designポートフォリオウェブデザイン

AI UIモックアップ プロンプト

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

AI UIモックアッププロンプト