
UI / UX 設計
深色日系AI資訊彙整頁面UI
設計帶有時間軸文章列表、篩選標籤和發光Hero卡片的日系深色科技部落格彙整頁面。可替換分類標籤、日期與導覽選項以配合品牌需求。
ui設計網頁設計深色模式日文排版時間軸儀表板
提示詞
參考現有的深色AI新聞網站設計,保持相同的品牌調性、日文排版、深色主題、Logo、頂部導航和頁尾風格,設計一個全新的歸檔頁面UI。將頂部導航的啟用項設為帶有微弱黃色下劃線的[アーカイブ]。打造一個精緻現代的歸檔介面:頂部是一個帶有細邊框的醒目Hero卡片,標題為[アーカイブ],附帶一個黃色圖示標籤[すべての記事]、簡短介紹文案,以及右側裝飾性的金色日食/行星發光圖形。Hero下方是一個搜尋欄和兩個用於篩選時間段與排序方式的緊湊下拉選單。新增分類篩選標籤膠囊:すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他,其中“すべて”呈黃色高亮。文章列表呈現為按月份分組的時間線,包含兩個月份區塊:包含3條文章的“2026年5月”和包含2條文章的“2026年4月”。每行均顯示日期、黃色時間線小圓點、加粗的日文文章標題、一行摘要、右側3個標籤晶片以及向右的箭頭圖示。底部放置分頁控制元件:上一頁箭頭、高亮的1、2、3、省略號、24、下一頁箭頭。整頁居中對齊,留白適度,帶有纖細邊框、微妙漸變、毛玻璃質感卡片以及清晰易讀的日文排版。
可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[アーカイブ]佔位符[すべての記事]佔位符“すべて”引號內文字“2026年5月”引號內文字“2026年4月”引號內文字
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間