ダークモード対応辞書アプリの画面デザイン

英語の辞書エントリー(翻訳、イラスト、発音、ボトムナビゲーションを含む)を iPhone 風の洗練されたアプリ画面として作成します。
プロンプト
目的:英語の辞書・単語学習アプリのリアルな iPhone スクリーンショットを作成する。ダークモードを採用し、achievement のエントリーを表示する。
キャンバス:縦型スマートフォン画面、アスペクト比 9:16、背景は黒。上部には iOS スタイルのステータスバーを配置し、左側に 12:11、右側にモバイル通信・Wi-Fi・バッテリーアイコンを表示。角丸カード、ソフトシャドウ、モダンでミニマルな UI を使用すること。
レイアウト:トップナビゲーションには要素を正確に 2 つ配置する。左上に白い左向きの山括弧(シェブロン)が入った円形のダークな戻るボタン、中央に白い文字でページタイトル「achievement」を表示。右端には細い縦型のスクロールインジケーターを表示する。
セクション:以下の順序で正確に 4 つのコンテンツセクションを表示する:1)翻訳、2)イラスト、3)発音、4)下部に一部が見切れた「意味(Meanings)」ヘッダー。セクションラベルはミュートグレーの太字で、左揃えとする。
テキストコンテンツ:「翻訳」の下には、日本語テキスト 何かを成し遂げた結果や業績 を含む角丸のダークなピル型カードを配置する。「発音」の下には、大きな角丸のダークなカードを作成し、発音記号 /əˈtʃiːvmənt/、読み方の目安「ə-CHEE-vmənt」、右側に青いスピーカーアイコン、細い区切り線、左下に小さな角丸の「CEFR」タグを配置する。
イラスト:イラストセクションには、オフホワイトの背景を持つ大きな角丸の長方形画像カードを配置する。その中には、黒いガウンとタッセル付きの角帽を身につけ、目を閉じて微笑む快活な若い卒業生の女性を描く。彼女は左手に赤いリボンで結ばれた卒業証書を掲げ、右手でガッツポーズをしている。周囲にはカラフルな長方形の紙吹雪を散らす。フラットなベクターイラストスタイル、暖色系、クリーンなエッジを使用し、イラスト内に文字は入れないこと。
ボトムナビゲーション:下部にフローティングタイプの角丸ブラックタブバーを重ねる。タブは正確に 3 つとする:青い卒業帽アイコンとハイライトされたグレーのピル型背景を持つ「レッスン(Lessons)」、白い開いた本アイコンの「単語(Words)」、白い歯車アイコンの「設定(Settings)」。タブバーは発音カードと、うっすらと見える「意味(Meanings)」ヘッダーを部分的に覆うように配置する。
ビジュアルスタイル:高精細なモバイルアプリのモックアップ、ダークテーマ、iOS の比率、角丸、繊細なグラデーション、白とグレーのタイポグラフィ、アクセントカラーの青、洗練された製品スクリーンショット。余計な単語、アイコン、透かし、ブラウザのクロームなどは一切含めないこと。
このプロンプトの使い方
- 1
上の完全なプロンプトをコピーします。
- 2
GPT Image 2 に対応したプラットフォーム(YouMind など)を開き、プロンプトを貼り付けます。
- 3
アイデアに合わせて被写体・スタイル・細部を入れ替え、生成します。
これは YouMind のプロンプトライブラリにある無料の AI プロンプトです。ほかにも数千点の 画像 プロンプトがあり、すべて自由にコピーして使えます。
ほかの 画像 プロンプトを見るその他のプロンプト機能
ビジョンツール
画像からプロンプト
どんな写真も詳細な AI 画像プロンプトに変換。無料の Image to Prompt 変換ツールが構図・スタイル・ライティングを解析し、数秒で同じ表現を再現できます。
クリエイターのために。ずっと無料。
YouMind は世界中のクリエイターに信頼される AI 制作パートナーです。ここにあるプロンプトは、より速く、より良い制作を助けるために厳選されています。





