
UI / UX デザイン
没入型音楽アプリUIポスター
スマホモックアップ上にダークモードの音楽アプリUIポスターを描画します。曲名や歌詞、解説文、グローの色を自由にカスタマイズ可能です。
ui-ux-design音楽プレイヤーモックアップケーススタディグラスモーフィズムダークモードポートフォリオ
類似のプロンプトを見るダークモードUI AIプロンプト
プロンプト
{
"type": "音楽アプリUIコンセプトポスター",
"style": "プレミアムで未来的なモバイルアプリのショーケース、ダークモード、映画のようなプロダクトプレゼンテーション、Spotify風のグリーンネオングロー、高コントラスト、洗練されたグラスモーフィズム、洗練されたテック広告の美学",
"format": "黒背景の中央にスマートフォンモックアップを配置した縦型ポスター",
"headline": {
"kicker": "CONCEPT 1",
"title": "IMMERSIVE PLAYER",
"subtitle": "Music becomes environment."
},
"device": {
"type": "モダンなブラックスマートフォン",
"position": "中央",
"screen": {
"app": "没入型ミュージックプレイヤー",
"status_bar": {
"time": "9:41",
"icons_count": 3
},
"top_area": {
"left_icon_count": 1,
"center_text_lines": 2,
"texts": [
"PLAYING FROM",
"Liked Songs"
],
"right_icon_count": 1
},
"artwork": {
"shape": "フルスクリーンの背景ポートレートと中央の正方形アルバムカバーオーバーレイ",
"subject": "青緑色のオーロラ風ライティングに包まれたカーリーヘアの歌手のムーディーなシルエット",
"dominant_colors": [
"ディープブラック",
"ティール",
"エメラルドグリーン",
"シアングロー"
]
},
"side_tab": {
"count": 1,
"label": "QUEUE",
"orientation": "右端の垂直ピルボタン"
},
"track_info": {
"song_title": "[Dancing in the Rain]",
"artist_name": "[The Weeknd]",
"favorite_icon": true
},
"playback": {
"waveform": "全幅に広がるオーディオリアクティブなネオングリーン波形",
"time_labels": [
"1:42",
"4:09"
],
"progress_slider": true,
"main_controls": {
"count": 5,
"items": [
"シャッフル",
"前へ",
"大型再生/一時停止ボタン",
"次へ",
"リピート"
]
},
"secondary_controls": {
"count": 4,
"items": [
"お気に入り",
"デバイス接続アイコン",
"設定・スライダーアイコン",
"歌詞カード上部の小型ユーティリティアイコン行"
]
}
},
"lyrics_card": {
"title": "LIVE LYRICS",
"text": "[Baby, I’m dancing in the dark, with you between my arms...]",
"style": "グリーンの環境光を放つ角丸の半透明カード",
"bottom_position": true
}
}
},
"layout": {
"sections": [
{
"title": "KEY COMPONENTS",
"position": "左下",
"count": 4,
"labels": [
"フルスクリーンアルバムアート + ダイナミックブラー",
"音反応型波形",
"リアルタイム同期歌詞",
"フローティングコントロール"
]
},
{
"title": "WHY IT WORKS",
"position": "中央下",
"count": 2,
"labels": [
"感情的な没入感を生み出す",
"音楽を映画のように、個人的で、生き生きと感じさせる"
]
},
{
"title": "INTERACTION",
"position": "右下",
"count": 4,
"labels": [
"上にスワイプで歌詞表示",
"左にスワイプで再生キュー",
"タップでマイクロインタラクション",
"触覚+グローフィードバック"
]
}
],
"footer_cta": {
"count": 1,
"text": "[Let the music surround you.]",
"icon": "緑色の円形音楽アプリロゴ"
}
},
"lighting": "スマートフォンの背後から放射される柔らかなエメラルド色のバックグロー、控えめなビネット、発光するエッジ、上質なショールーム感覚",
"color_palette": [
"ブラック",
"チャコール",
"ホワイト",
"Spotifyグリーン",
"エメラルド",
"ティール"
],
"quality": "ハイエンドなUIケーススタディレンダリング、鮮明なタイポグラフィ、リアルな端末の反射、クリーンな余白、Behance/Dribbble向けプレゼンテーションポスター"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[Dancing in the Rain]プレースホルダー[The Weeknd]プレースホルダー[Baby, I’m dancing in the dark, with you between my arms...]プレースホルダー[Let the music surround you.]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 3:4
- 追加日