您可以用X-Shop设计什么
您不是在选择主题。您是在从提示生成设计方向和布局结构 — 然后逐个部分完善它。
部分布局
生成和重塑hero、精选系列、信任区块、评论、横幅和CTA。
设计方向和规则
用提示控制层次、间距、组件密度和整体视觉基调。
产品和系列体验
改善PDP/系列布局以提高清晰度、叙事和转化结构。
提示 → 生成 → 设计 → 预览 → 发布
描述您的品牌
基调、风格、结构偏好
生成设计
几秒钟内
打开设计师模式
定位特定部分
用提示迭代
布局 + 内容 + 结构
预览并发布
准备好时
像设计师一样完善每个部分 — 使用提示
初稿后,您可以定位任何部分并让X-Shop重新设计:更改布局、简化、增加间距、添加/删除模块。
设计提示示例:
让hero更简洁:标题更短、更多留白、单个主要CTA。
用轮播替换精选网格并添加信任条。
让产品页面更有编辑感:添加材料 + 护理 + 尺寸区块。
减少视觉噪音:折叠以上元素更少,层次更强。
迭代实战
您的第一份草稿只是起点。使用自然语言不断演进您店铺的任何部分,直至完美。
User Request
"将此精选产品网格更改为带快速添加按钮的高密度列表。"
AI Result
网格转换为紧凑且经过转化优化的列表视图。
User Request
"更新全站间距使其更加宽松,并为类别徽章使用更柔和的粉彩色调。"
AI Result
间距增加了20%,所有组件的颜色令牌已更新。
User Request
"将“材质与保养”移至侧边抽屉,并将其替换为“搭配推荐”引擎。"
AI Result
信息层级已重新排序,并注入了动态推荐模块。
User Request
"将现代外观转换为大胆边框和高对比度排版的粗犷主义美学。"
AI Result
CSS架构已重建以匹配新的视觉身份,同时保留原始内容。
AI Design 功能
无需开发人员
无需技术专家的设计迭代
独特生成
每个草稿来自您的提示
部分级重新设计
生成/替换特定部分
布局控制
层次、间距、密度、结构
转化友好结构
为电商流程构建的设计模式
预览和发布工作流
浏览器预览、发布
设计变体
生成替代方向
内容优化
用提示重写标题和部分内容
AI Design的提示示例
极简奢华
"设计一个高端极简店铺,具有强烈的排版层次和平静的编辑感。"
街头服饰上新
"创建一个大胆高对比的设计,优化新品上市,带有精选系列。"
美容编辑
"设计一个护肤店铺,包含教育部分、护理程序和产品故事区块。"
现代家居
"创建现代装饰设计,按房间分类并提供干净的产品页面。"
常见问题
AI Design只是主题选择器吗?
不是。X-Shop从您的提示生成独特的设计方向 — 不是预制主题。
我可以只重新设计特定部分吗?
可以 — 您可以在设计师模式中定位各个部分并用提示迭代。
我需要代码吗?
日常设计生成和迭代不需要。
我需要开发人员吗?
不需要 — 您可以生成草稿并继续用提示完善设计。
我可以在发布前预览吗?
可以 — 先预览,然后发布。