社区案例

Mixtape Zine 网页重新设计

将参考的 Mixtape 广播杂志布局转换为焕然一新的期数模型，并更新节目时间、专题插图及底部预览卡片。

Paul Bakaus · 2026-07-25 · 约 4 分钟

参考效果：Mixtape Zine 网页重新设计 — 社区作者发布的参考画面 · Paul Bakaus

编辑提示词

完整提示词

以 REFERENCE_0 作为设计/风格基准，将同一个 Mixtape 广播杂志网页重新生成为修订后的期数模型。保留大胆的复古编辑布局、电光蓝/奶油色/黄色/黑色调色板、超大块状排版、圆形时钟选择器主题、策展人面板、节目流程条以及底部类别卡片结构，但需将页面更新为新一期的外观，并调整内容和优化间距。

需应用的重点更改：
- 将顶部元数据更改为新一期：7 月 24 日，星期五，第 001 期，并附带一个小的“今日直播”指示器。
- 将右上角的标题更新为：“一小时 YouTube 精选。由超级粉丝挑选。现已就绪。”
- 将大型圆形小时拨盘向左移动，使其与主标题产生更强烈的重叠效果。保留中心标签“今日小时 / 音乐视频 / 由 Mara Ortiz 策划”，但旋转外部的五个分段以匹配新的活动顺序。
- 将当前的“正在播放”专题设为最后一幕，包含大号时间码 {argument name="current timecode" default="00:48"}、标题 {argument name="featured act title" default="The Future Arrives Early"} 以及“剩余 12 分钟”。将专题插图替换为一张深蓝色调的电影感场景，画面中一名穿着西装的男子站在现代建筑环境中，右下角附带小的“正在放映/导演”署名文字。
- 保留 Mara Ortiz 作为策展人，但使用更深蓝黑色的肖像裁剪，并保持策展人卡片结构：肖像、姓名、简短个人简介、策展人寄语以及“成为策展人 →”。

节目流程条：从左至右创建 5 个节目单元：
1. “Public Access Fever” — 00:00，已播放，8 分钟
2. “The Beat Goes Global” — 00:08，已播放，12 分钟
3. “Directors Turn Auteur” — 00:20，已播放，15 分钟
4. “Deep Cuts, Big Swings” — 00:35，已播放，13 分钟
5. “The Future Arrives Early” — 00:48，正在播放，12 分钟
保留左侧醒目的标签“今日节目流程”和右侧标语“一小时。五幕戏。现场策划。现已就绪。”

底部区域：将之前的下部网格替换为更简洁的 3 张大型预览卡片及一个侧边列表。
1. {argument name="first preview card" default="Animation After Dark"} — 标注为“今日晚上 9 点”，配以蓝色调动漫眼睛图片。
2. {argument name="second preview card" default="Cult Sci-Fi"} — 标注为“今日晚上 11 点”，配以复古宇航员/太空头盔图片。
3. {argument name="third preview card" default="Game Design"} — 标注为“明日中午 12 点”，配以蓝色像素艺术景观图片。
添加一个左侧蓝色面板，文字为“探索更多小时”，并附带简短的辅助文案和“浏览所有类别 →”。添加一个右侧黑色“正在播放”面板，列出 5 个项目：Internet Lore、Fashion Forward、Reality TV Canon、Hip-Hop Deep Cuts、Skate Culture，以及一个黄色的“查看今日完整指南 →”链接。

风格限制：保留参考资料的高对比度杂志美学、清晰的网格、粗边框、压缩的大写字体、不完美的印刷质感以及屏幕海报感。请勿添加额外的部分、水印、浏览器界面或不相关的 UI。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 Paul Bakaus 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页

使用示例 →

把这个思路，变成下一次创作。

在 RonasAI 中开始创作 ↗