NovaTrend 高端电商网站 UI/UX 设计简报
来自 Wikiprompt,自由的提示词百科全书
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 工具中。
为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。
讨论
0 条评论