1 / 1

Dark AI News 归档页面重新设计

案列来源：千葉村（京都）

App & 网页设计openai/gpt-image-2#App & 网页设计#极简主义#文字 & 排版#创意#AI

基于现有的 AI 新闻网站 UI，生成一个现代化的深色模式日语归档页面重新设计方案。

8.5w人正在用

auto推荐尺寸

4.5w收藏人数

提示词模板

以 REFERENCE_0 和 REFERENCE_1 作为现有的深色 AI 新闻网站设计参考，在保持品牌、日语排版、深色主题、Logo、顶部导航和页脚标识一致的前提下，创建一个焕然一新的归档页面 UI。将当前激活的顶部导航项设置为 {argument name="active navigation" default="アーカイブ"}，并添加一条细微的黄色下划线。将简单的列表布局替换为精致的现代归档界面：添加一个带有边框的大型 Hero 卡片，标题为 {argument name="page title" default="アーカイブ"}，配有一个黄色的小图标标签 {argument name="eyebrow label" default="すべての記事"}、一段简短的介绍语，并在 Hero 卡片右侧添加一个装饰性的金色日食/行星发光图形。在下方添加一个搜索栏以及两个用于选择时间段和排序方式的紧凑型下拉菜单。添加 8 个分类筛选标签：すべて、Claude、OpenAI、Google、Agents、ツール、ニュース、研究、その他，并将“すべて”以黄色高亮显示。将文章列表转换为按月份分组的时间轴，包含 2 个月份板块：2026 年 5 月包含 3 行文章，2026 年 4 月包含 2 行文章。每一行应显示日期、一个黄色的小时间轴圆点、加粗的日语文章标题、一行摘要、右侧的 3 个标签块以及一个箭头图标。在适当位置使用参考资料中可见的文章标题，并补充类似归档页面的额外标题。在底部添加分页控件，包含 6 个元素：上一页箭头、高亮的 1、2、3、省略号、24、下一页箭头。保持页面居中，并运用充裕的间距、细边框、微妙的渐变、玻璃质感卡片以及完美的日语文本渲染效果。