播客星球:用 Nano Banana 一键生成「分层式扁平设计」全栈 UI
aiwlw
09-19
223

00 前言

今天把「功能模块 + 风格模块」这一套路搬到「播客星球」--一个专为中文播客爱好者打造的「发现 + 剪辑 + 社群」三合一 App。 整套界面 12 张页面,全部用同一串 Prompt 搞定,100% 视觉统一,可直接交付开发。 文章末尾会把「可复制 Prompt」和「组件化 Figma 模板」一并送给大家。


01 先睹为快:12 张页面一览

(所有预览图均为 375×812,带 1 px 手机边框,可直接拖进 Figma)

  1. 启动屏 / Launch
  2. 兴趣标签选择 / Onboarding
  3. 首页 · 星球发现 / Discover
  4. 单集播放页 / Player
  5. AI 文字剪辑 / Editor
  6. 实时弹幕 / Live Chat
  7. 主播后台 / Creator Studio
  8. 社群话题 / Community
  9. 个人中心 / Profile
  10. 充值星球币 / Wallet
  11. 深色模式 / Dark Mode
  12. 空白 & 加载状态 / Skeleton

整套视觉关键词: 「分层式扁平设计 + 高对比度黑白 + 荧光青绿点缀 + 巨大圆角 + 戏剧字号」 一句话:像棉花糖一样软,像太空舱一样干净。


02 方法论回顾:功能模块 + 风格模块

部分内容已折叠,查看完整文章请先登录。 登录后查看完整文章

07 结语

如果你也是:

  • 不会打开 Photoshop 的产品经理
  • 想 10 分钟做出投资人级别 Demo 的独立开发者
  • 或者单纯喜欢播客、想快速验证创意

那就把 Nano Banana 当成你的“远程设计总监”--写好 Brief,剩下的交给 AI。



微信扫描下方的二维码阅读更多精彩内容

打赏
10组提示词,给自己开一家「AI写真馆」
上一篇
阿里开源 Wan2.2-Animate:AI 视频人物替换进入“超真实”时代,演员行业或将迎来巨变?
下一篇
生成中...
点赞是美意,赞赏是鼓励