讨论

NovaTrend 高端电商网站 UI/UX 设计简报

来自 Wikiprompt,自由的提示词百科全书

abbasi
贡献者abbasi来源

2026年6月7日

NovaTrend 高端电商网站 UI/UX 设计简报 一份逐页完整的规范,适用于类似 Shopify 的奢华电商网站,涵盖板块、颜色和交互,用于设计生成。

相关媒体

提示词内容收藏

🌐
完整电商网站UI/UX设计提示词 为名为NovaTrend的热门在线品牌设计一个世界级高端电商网站。 设计必须融合Apple、Nike、Zara、Gymshark、Dyson以及现代Shopify Plus商店的风格,具备卓越的UI/UX、奢华视觉、流畅动画和以转化为核心的布局。 画布设置 宽度:1440px 高度:自动/长滚动布局 响应式设计,适配桌面端、平板端和移动端 12列网格系统 最大内容宽度:1320px 清晰的间距和视觉层级 设计风格 视觉方向 现代奢华 极简高端 Apple风格UI 高端产品展示 干净留白 玻璃拟态效果 柔和阴影 流畅动画 交互元素 微交互 高转化导向 配色方案 主色:#111111 辅助色:#FFFFFF 强调色:#FF6B35 浅灰:#F8F9FA 成功色:#22C55E 文本色:#1A1A1A 顶部公告栏 导航栏上方的全宽通知栏。 示例: 🚚 满$50全球免运费 🎉 夏季促销低至7折 ⚡ 限时闪购 导航栏 粘性高端导航栏 左侧 品牌Logo 中间 首页 商店 新品上架 畅销商品 分类 关于我们 博客 联系我们 右侧 搜索图标 心愿单图标 账户图标 带角标的购物车图标 功能 滚动时固定 超级菜单 悬停效果 搜索弹窗 移动端菜单 平滑过渡 英雄区 大型电影感英雄区 布局 左侧: 主标题 副标题 行动号召按钮 右侧: 高端产品展示 浮动产品卡片 3D产品展示 主标题 “发现你会喜爱的产品” 副标题 选购为现代生活方式精选的最新热门产品。 按钮 主要按钮:立即选购 次要按钮:探索系列 效果 视差滚动 浮动元素 平滑入场动画 高端灯光效果 信任徽章区 四个功能卡片 功能 ✓ 免费配送 ✓ 安全支付 ✓ 轻松退货 ✓ 24/7客服 动画图标 悬停效果 精选分类 现代网格布局 分类 时尚 电子产品 美妆 健身 家居装饰 配饰 每个卡片包含: 分类图片 文字覆盖层 悬停缩放 CTA按钮 新品上架区 现代产品网格 每个产品卡片包含: 产品图片 产品名称 价格 促销价格 评分 心愿单按钮 快速查看按钮 加入购物车 悬停动画: 图片切换 缩放效果 浮动按钮 畅销商品区 高端产品展示 功能 大型产品卡片 畅销徽章 评价 快速购买按钮 热门产品轮播 横向产品滑块 功能 自动滑动 箭头控制 滑动支持 产品标签 徽章: 热门 爆款 库存紧张 限时闪购区 大型促销区域 包含 倒计时器 小时 分钟 秒 内容 折扣产品 折扣百分比 CTA按钮 “立即抢购” 为什么选择我们 奢华功能区域 功能 高端品质 快速配送 安全结账 客户满意度 设计 现代图标 渐变背景 悬停动画 精选系列区 大型系列展示 示例 夏季系列 奢华系列 健身系列 科技系列 每个系列包含: 横幅图片 系列描述 系列选购按钮 视频展示区 全宽视频区域 功能 自动播放背景视频 播放按钮覆盖层 产品故事 品牌叙事 客户评价 高端评价滑块 包含 客户图片 姓名 评分 评价文本 已验证购买徽章 效果 轮播动画 玻璃卡片 社交证明区 展示统计数据 示例 50,000+ 满意客户 4.9★ 平均评分 100万+ 已售产品 100+ 服务国家 Instagram购物区 可购物Instagram信息流 功能 图片网格 产品标签 悬停效果 点赞数 购物按钮 新闻通讯区 奢华邮件订阅 主标题 获取独家优惠与新品信息 输入框 邮箱地址 订阅按钮 权益 独家折扣 优先体验 特别优惠 博客区 最新文章 卡片布局 精选图片 标题 摘要 阅读更多按钮 常见问题区 手风琴式FAQ 问题 配送信息 退货政策 退款流程 支付方式 订单追踪 移动应用区 应用推广区域 包含 手机模型 应用截图 下载按钮 App Store Google Play 最终行动号召 大型转化区域 主标题 准备好升级你的购物体验了吗? 按钮 开始购物 浏览系列 页脚 高端多栏页脚 第1栏 Logo 公司简介 社交媒体图标 Facebook Instagram TikTok Pinterest YouTube 第2栏 商店 男装 女装 配饰 新品上架 畅销商品 促销 第3栏 支持 联系我们 常见问题 配送 退货 追踪订单 第4栏 公司 关于我们 招聘 联盟计划 媒体 博客 第5栏 新闻通讯 邮箱输入 订阅按钮 页脚底部 版权 隐私政策 条款与条件 Cookie政策 接受的支付方式 Visa Mastercard PayPal Apple Pay Google Pay 安全徽章 附加页面 首页 完整落地页 商店页 产品网格 高级筛选 排序 搜索 分页 产品详情页 图库 缩放 变体 评价 相关产品 最近浏览 心愿单页 已保存产品 购物车页 购物车摘要 优惠券 运费计算器 结账页 多步骤结账 支付网关 订单摘要 账户中心 订单 地址 个人资料 心愿单 设置 关于我们页 品牌故事 团队 使命 联系我们页 联系表单 地图 支持信息 博客页 文章 分类 搜索 常见问题页 可搜索知识库 高级交互 平滑页面过渡 超级菜单导航 粘性加入购物车 产品快速查看弹窗 AI产品推荐 动态购物车抽屉 在线聊天组件 退出意图弹窗 最近浏览产品 无限滚动 滚动触发动画 加载骨架屏 智能产品搜索 最终目标 创建一个高端Shopify Plus品质的电商网站,宽度1440px,奢华视觉,卓越UX,以转化为核心的布局,现代动画,响应式设计,以及媲美Apple、Nike、Zara和全球最佳在线商店的购物体验。

登录以查看完整提示词

继续使用:

登录即表示你同意我们的 使用条款 和 隐私政策

用法

此提示词专为 creative 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:creative| meigen| ecommerce-design| ui-ux

讨论