夜雨聆风学习资料网

ARTICLE · 1078184

旅行 APP也可以设计得这么好看(含提示词)

旅行 APP也可以设计得这么好看(含提示词)

旅行 APP也可以设计得这么好看(含提示词)

这次我用 AI 做了一套「AI 智能旅行规划 APP」UI,一共 6 个页面。

核心功能很简单:

用户输入目的地、旅行时间、预算、同行人数和兴趣偏好,AI 自动帮你生成完整旅行路线。

这套设计里,我重点做了几个旅行产品非常常见的页面:

① 旅行首页
大图展示目的地,支持直接搜索城市,同时展示热门目的地和近期热门路线。

② AI 行程生成
输入旅行天数、预算、同行人数,再选择美食、摄影、历史、购物、自然、夜生活等兴趣标签。

③ 每日行程
直接按照 Day 1、Day 2 拆分行程,用时间轴展示上午、午餐、下午、晚餐和夜间活动。

每个地点还会显示图片、距离以及步行、地铁、出租车等交通方式。

④ 地图路线
把一天要去的景点直接标记在地图上,用路线串起来,一眼就能看懂今天应该怎么走。

⑤ 旅行预算
住宿、交通、餐饮、门票、购物、其他费用统一统计,再配合圆环图和预算进度条展示。

⑥ 旅行收藏
把喜欢的城市、酒店、餐厅和景点统一收藏起来,后面做攻略的时候直接调用。

这次整体视觉我比较喜欢。

我没有做成传统工具类 APP 那种密密麻麻的界面,而是尽量加入了:

目的地摄影
地图
路线规划
天气
时间轴
图片卡片
预算可视化

整体使用天空蓝作为主色,再加入湖蓝、沙滩米色和浅绿色,让它更像一个真正面向年轻用户的旅行产品。

现在用 AI 做 UI,我越来越觉得一个很重要的点:

不要只告诉 AI“帮我设计一个旅行 APP”。

真正影响结果的,是你有没有把:

产品定位
页面结构
视觉风格
颜色
组件
具体功能
每一页展示什么

这些东西说清楚。

提示词越像一份简单的产品需求文档,生成出来的 UI 往往越完整。

这也是我最近一直在测试的一种方式:

先把产品想清楚,再让 AI 帮你完成视觉设计。

如果你也想尝试,这套完整提示词我整理好了,可以直接复制修改。

后面我还会继续整理更多:

AI APP
记账 APP
健身 APP
读书 APP
电商 APP
小程序
SaaS 后台
PC 管理系统

等不同类型的 UI 设计提示词。

如果这类内容对你有用,可以先收藏,后面做产品或者找设计灵感的时候直接拿出来用
#设计 #提示词 #AI设计 #UI提示词 #GPTimage2

收录于AI提示词
广东,1小时前,

相关学习资料