
UI / UX 設計
深空玻璃擬態UI設計系統展示板
生成精緻暗黑科幻設計系統展示板,包含磨砂玻璃UI卡片、按鈕與行星數據。修改括號內的品牌標題與強調色即可自訂介面風格。
ui套件玻璃擬態儀表板科幻ui設計系統太空主題元件庫
提示詞
{
"type": "未來感玻璃擬態UI設計系統展示板",
"theme": "具有高階工業設計質感的深空探索儀表盤",
"style": {
"background": "帶有微妙星空薄霧的近似純黑磨砂畫布",
"lighting": "柔和陰影、微弱泛光、暖琥珀色高光、冷藍紫色點綴、半透明玻璃面板",
"material": "磨砂玻璃、高光深色表面、纖細發光線條、柔和折射",
"mood": "奢華科幻、極簡、電影質感、高度精細"
},
"layout": {
"format": "單張寬屏展示板",
"sections": [
{
"title": "[COSMIC GRAVITY]",
"position": "左側列",
"count": 5,
"labels": [
"頂部品牌模組",
"調色盤色塊",
"漸變條",
"字型樣本",
"字號階梯列表"
]
},
{
"title": "[UI ELEMENTS]",
"position": "中右上方",
"count": 7,
"labels": [
"EXPLORE按鈕",
"圓角標籤1",
"圓角標籤2",
"水平滑塊",
"切換開關",
"BLACK HOLE膠囊按鈕",
"JUPITER膠囊按鈕"
]
},
{
"title": "CARDS",
"position": "中右中部",
"count": 3,
"labels": [
"JUPITER卡片",
"BLACK HOLE卡片",
"小型指標卡片"
]
},
{
"title": "DATA DISPLAY",
"position": "中右下方",
"count": 3,
"labels": [
"87%環形進度卡片",
"折線圖卡片",
"水平控制卡片"
]
},
{
"title": "bottom navigation",
"position": "底部中央",
"count": 7,
"labels": [
"主頁圖示",
"雲朵圖示",
"星火圖示",
"訊號圖示",
"圓角矩形圖示",
"愛心圖示",
"托盤圖示"
]
},
{
"title": "VISUAL EXAMPLES",
"position": "底部橫排",
"count": 5,
"labels": [
"BLACK HOLE",
"GRAVITY RING",
"LIGHT GLOW",
"NEBULA DUST",
"GLASS SURFACE"
]
}
],
"centerpiece": "在黑色畫布上懸浮排列的密集半透明深色卡片與控制元件,佈局如高階設計系統海報"
},
"text": {
"branding": "[COSMIC GRAVITY]",
"small labels": "遍佈各處的微型大寫無襯線細小說明文字,呈現技術UI標註風格",
"percentage": "87%",
"distance": "779.3 M km",
"right slider value": "79%"
},
"visuals": {
"palette": [
{
"name": "亮白",
"appearance": "柔和發光的白色色塊"
},
{
"name": "暖沙色",
"appearance": "奶油米黃色塊"
},
{
"name": "柔李子色",
"appearance": "暗淡紫羅蘭色塊"
},
{
"name": "深藏青",
"appearance": "藍黑色塊"
},
{
"name": "鴨翅深黑",
"appearance": "深青黑色塊"
}
],
"planets": [
{
"name": "類木行星",
"appearance": "帶有纖細發光軌道環的條紋氣態巨行星"
},
{
"name": "黑洞 / 環狀虛空",
"appearance": "帶有明亮吸積盤樣光環的黑色圓形中心"
},
{
"name": "遙遠恆星",
"appearance": "帶有微弱光暈的細小明亮金色光點"
}
],
"chart motifs": [
"發光環形進度環",
"極簡山峰折線圖",
"水平數值滑塊"
]
},
"typography": {
"primary": "寬字距的大寫利落幾何無襯線字型",
"specimen": "白色大型Aa示例",
"secondary": "用於標籤與資料的小型整潔無襯線字型"
},
"colorScheme": {
"primary": "[warm amber gold]",
"secondary": "[deep blue-violet]",
"surface": "炭黑色半透明玻璃",
"text": "柔和白與低調灰"
},
"camera": {
"view": "正平視扁平海報視角",
"composition": "留白充足、帶有纖細邊框的均衡網格"
},
"rendering": "極度精細的現代產品設計樣機、高對比度、優雅玻璃擬態、清晰的UI套件呈現、微妙虛化與發光",
"customization": {
"product name": "[UI ELEMENTS]",
"theme name": "[deep-space exploration]"
}
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[COSMIC GRAVITY]佔位符[UI ELEMENTS]佔位符[warm amber gold]佔位符[deep blue-violet]佔位符[deep-space exploration]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間