Prompts - html 生成小红书封面
输入“/”快速插入内容
Prompts - html 生成小红书封面
Prompts - html 生成小红书封面
用户33用户332025年4月24日修改
2025年3月27日创建
2153
2265
0
0
1.
生成网站
代码块
使用一个HTML文件生成以下网页：
1. 页面布局描述
- 顶部导航栏：
- 左侧：BankApp 标志
- 右侧：功能、定价、关于、登录、立即开始 按钮 (额外添加css: align-item:center)
- 主内容区域：
- 标题：更改您使用的银行账户
- 小标题：体验重新构想的银行业务。简单、安全，专为现代世界设计。
- 两个按钮：立即开始、了解更多
- 图片：可正确显示的英文数据看板图片，图片链接（https://p3-flow-imagex-sign.byteimg.com/ocean-cloud-tos/image_generation/f79cee5b8986d56b9d67eb754d2c0fb0_1741677298377196362.jpeg~tplv-a9rns2rl98-image.jpeg?rk3s=25bff839&x-expires=1773213298&x-signature=x99wKGT1vj9papUAhuUZoG8LJFY%3D）
- 功能模块标题：为您设计的功能
- 功能模块：
- 安全交易：银行级加密保障所有交易
- 实时更新：即时获取账户活动通知
- 智能储蓄：AI驱动的洞察助您节省更多
- 常见问题区域：
- 标题：常见问题解答
- 问题列表：我的数据有多安全？、费用是多少？、如何开始使用？
- 底部区域：
- 号召性用语：准备好开始了吗？加入数千名已经转换银行的满意客户。
- 按钮：创建账户
- 底部导航：互相之间加上适当的间距（50px左右），样式美观
- 产品：功能、定价、安全
- 公司：关于我们、职业发展、联系我们
- 资源：文档、博客、帮助中心
- 法律：隐私、条款、Cookies
- 社交媒体链接：Twitter、LinkedIn
- 版权信息：© 2024 BankApp 版权所有
2. 字体类型和色号：
- 字体：无衬线字体（如 Arial 或 Helvetica）
- 背景色：#F5F5F5
- 文字颜色：#333333
- 按钮背景色：#007BFF
- 按钮文字颜色：#FFFFFF
- 登录按钮颜色：#F5F5F5
- 登录按钮文字颜色：#000
- 立即开始按钮颜色: #000
- 立即开始按钮文字颜色 #FFFFFF
- 创建账户按钮颜色(#007BFF)
- 创建账户按钮文字颜色#000
- 链接颜色：#007BFF
- 边框：border-radius: 8px
3. 页面功能交互逻辑：
- 顶部导航栏：
- 添加浅色背景色增强区域区分度
- 点击 功能、定价、关于 跳转页面，如果无法跳转，请添加提示信息，至少要有点击反馈
- 点击 登录 打开登录弹窗，至少要有点击反馈
- 点击 立即开始 滚动至创建账户按钮
- 主内容区域：
- 点击 立即开始 滚动至创建账户按钮
- 点击 了解更多 跳转至功能详情页，如果无法跳转，请添加提示信息，至少要有点击反馈
- 常见问题区域：
- 点击问题展开答案，至少要有点击反馈
- 底部区域：
- 添加背景色增强区域区分度，
- 点击 创建账户 打开注册表单，至少要有点击反馈
- 点击底部导航链接跳转页面，至少要有点击反馈
- 社交媒体链接在新标签页打开，至少要有点击反馈
4. 响应式设计实现逻辑：
- 手机端：
- 顶部导航栏显示汉堡菜单
- 主内容按钮和功能模块垂直排列
- 常见问题垂直布局
- 底部导航链接垂直排列
- 桌面端：保持原始布局和间距