IP
生成
ダークニュース記事のUI再設計プレビュー画像
主要参照画像

ダークニュース記事のUIデザイン変更

シンプルな日本語AIニュース記事ページを、サイドバーに要約、タグ、共有機能、関連記事などを備えた、モダンなダークトーンの編集レイアウトに変換します。

これはその他のインスピレーション向けのgpt-image-2プロンプトケースです。以下のコピー可能なプロンプトを使用して同様のビジュアルを生成し、再利用する前にAwesome Nano Banana Pro Prompts帰属表示と商用利用権を確認してください。

プロンプトセット全体が必要ですか? その他のインスピレーション 関連する例をもっと見るにはトピックハブを開くか、 GPTイメージ2プロンプトライブラリ 完全な例の索引、再利用可能な構造、および出典の明記については、こちらをご覧ください。

プロンプト

コピー準備完了プロンプト

REFERENCE_1をソース記事ページ、REFERENCE_0をウェブサイトのブランディング/ナビゲーションの参照として使用し、記事ページは洗練されたモダンなダークモードのニュースUIで再設計され、日本語の記事テーマとウェブサイト全体のアイデンティティは維持されました。ロゴとナビゲーションリンクを含むヘッダーは維持されましたが、記事のレイアウトは広くなり、より編集的な内容になりました。「アーカイブに戻る」リンク、カテゴリタグ、日付、目立つ見出し、短い導入段落、深宇宙/惑星の輝きをテーマにしたワイドで映画のようなメイン画像が追加されました。記事本文は、「クロードコードNo.100」、「コンピューティングリソースの強化とパートタイムのスリップ」、「利用規約の更新と謝罪」、「機能と製品データの更新」、「今後の展望」の5つのセクションタイトルが明確に表示されるセクションに再フォーマットされました。ハイライトツールチップ/注釈ボックス、引用ボックス、箇条書きリスト、下部のソースリンクカードなどの埋め込みUI強化が追加されました。右側のサイドバーに、4つのカードを積み重ねて配置します。1)「このノートブックの要点」には、番号付きの要約が5つ含まれています。2)「タグ」には、Anthropic、Claude、Claude Code、Expert、Computing Resources、Part-Timer Slipの6つのタグが含まれています。3)「共有」には、Link、Twitter/X、Facebook、Hatena Bookmarkの4つの共有ボタン/アイコンが含まれています。4)「関連ノート」には、関連する記事へのリンクとその日付が4つ含まれています。控えめな境界線、角丸のカード、柔らかなグレーのテキスト、琥珀色のアクセントライン、十分な余白を使用し、GitHubとnews.smol.aiのリンクはフッターに残しておきます。

このカテゴリーのその他の事例

カテゴリー、入力モードの互換性、品質、およびリスクの低さに基づいて優先順位付けされています。

6

再利用と出典に関する注記

ケースを事前に確認してから、このプロンプトを安全に使用してください。

  1. 1.プロンプトをコピーするか、生成ボタンを使ってDovooで直接開いてください。
  2. 2.ご自身の用途に合わせて、変数、アスペクト比、および参照画像を調整してください。
  3. 3.公開または有料利用の前に、情報源の権利、帰属表示の要件、およびブランドまたは肖像権に関するリスクを確認してください。
ダークニュース記事のUIデザインをGPT向けに再設計(画像2) | Image Prompt Gallery