黑哥 AI
切换 EN
手机端已适配;查看大图、筛选分类和复制长提示词时,用电脑浏览器访问显示效果更好。

旅行预订搜索结果页面

UI 模拟界面 浅色模式 扁平 Material

中文完整提示词

一张 1440px 宽桌面旅行预订航班搜索结果页浅色模式截图。顶部固定搜索栏预填「Tokyo」→「Barcelona」、出发日期「Aug 12」、返程「Aug 22」、「2 Adults」和蓝色「搜索」按钮。左侧 280px 过滤面板含价格滑块($400–$1,200)、停靠次数复选框、出发时段图标按钮。右侧主区列出五张航班结果卡,每张显示航空公司 logo、路线「示例应用」、起降时间、飞行时长「15h 45m」、「1 stop · MUC」和右对齐价格"$618"加天蓝色「选择」按钮。一张卡以边框高亮标注「推荐」。排序标签:"最低价"、"最快"、"最佳"(激活)。简洁无衬线字体,充足留白。

English full prompt

A desktop browser mockup of a flight and hotel search results page for travel booking, light mode, at 1440 px wide. A top sticky search bar shows pre-filled fields: origin "Tokyo", destination "Barcelona", departure "Aug 12", return "Aug 22", travelers "2 Adults", and a blue "Search" button. Below, the layout splits: a 280 px left filter panel with accordion sections — "Price Range" (dual-handle slider showing $400–$1,200), "Stops" (checkboxes: "Nonstop", "1 Stop", "2+ Stops"), "Airlines", "Departure Time" (four time-of-day icon buttons). The main right area lists five flight-result cards. Each card shows: airline logo placeholder, route "TYO → BCN", departure/arrival times "08:45 → 18:30", duration "15h 45m", stop info "1 stop · MUC", cabin class "Economy", and a right-aligned price "$618" with a bold label and a "Select" button in sky blue. One card is highlighted with a border as "Recommended". Sort tabs above the list: "Cheapest", "Fastest", "Best" (active). Clean sans-serif, ample whitespace.

相关案例