
UI / UX 設計
深色模式科技新聞網頁介面
生成帶有側邊欄、主視覺圖與排版模組的精緻深色模式日文科技新聞頁面。修改標題、標籤與章節名稱即可套用於任何主題。
深色模式網頁設計ui ux新聞排版儀表板編輯排版日文介面
提示詞
基於參考圖片中網站品牌與佈局的現代深色模式日文科技新聞文章頁面UI/UX設計稿。頂部設有帶Logo和導航連結的頂欄。編輯風格佈局包含返回歸檔連結、分類標籤、釋出日期、醒目的大標題及導語段落。標題下方展示一張以深邃太空和發光星球為主題的寬幅影院質感頭圖。正文結構包含5個小標題:「[Claude Codeの発表]」、「[計算資源の強化とパートナーシップ]」、「[利用規約の更新と謝罪]」、「[機能・プロダクトのアップデート]」和「[今後の展望]」。內聯UI元件包括琥珀色高亮提示框、引言卡片、專案符號列表以及底部的來源連結卡片。右側邊欄包含4個垂直排列的卡片:1) 帶有5條要點的「この記事の要點」;2) 包含[Anthropic]、[Claude]、[Claude Code]、[エージェント]、[計算資源]、[パートナーシップ]的「タグ」;3) 包含連結、Twitter/X、Facebook、Hatena Bookmark按鈕的「シェア」;4) 帶有4條帶日期連結的「関連記事」。暗巖灰色背景,精緻細邊框,低飽和度灰色文字,琥珀色強調線條,充裕留白,底部帶有GitHub和news.smol.ai連結。
可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[Claude Codeの発表]佔位符[計算資源の強化とパートナーシップ]佔位符[利用規約の更新と謝罪]佔位符[機能・プロダクトのアップデート]佔位符[今後の展望]佔位符[Anthropic]佔位符[Claude]佔位符[Claude Code]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間