一起来看一下成品：
准备工具
image 2.0 https://chatgpt.com/c/
midjourney https://www.midjourney.com/explore?tab=top
codex https://chatgpt.com/zh-Hans-CN/codex/
倘若不知道模型怎么使用，可以参考这个教程（https://www.super-i.cn/info-2796.html），与本教程一起使用
https://www.flowpix.club/bj/31750.html?token=0779906f94f5fcae8a0c2f7bc4ae7a51
很多人一提到做网站，第一反应就是代码、服务器、前端、后端，听起来就很复杂。
但这次我想分享的不是传统建站方法，而是一个更适合普通创作者、品牌主和设计师的 AI 工作流。
我用 Codex 做了一个新中式服装私域网站。
它不是那种模板感很重的页面，而是一个有品牌调性、有首页大图、有系列入口、有服装展示、有门店氛围，也能承接私域转化的品牌网站。
整个过程里，真正重要的不是你会不会写代码，而是你能不能把品牌、图片、文字、页面结构这些东西准备清楚。
因为 Codex 负责搭建网站，但网站的审美和质感，更多来自前期物料。
所以这套流程可以分成两个部分。
前半段是制作品牌视觉物料。
后半段才是让 Codex 搭建网站。
如果你本身已经有品牌 logo、服装图片、模特图、门店图、产品图，那前面的很多步骤都可以直接跳过，直接进入网站制作。
但如果你和我一样，是从零开始做一个新中式服装品牌网站，那建议按照完整流程走一遍。
第一步，先确定品牌方向
不要一上来就让 Codex 做网页。
很多人失败的原因就在这里。
你没有品牌名，没有色彩，没有图片，没有产品，也没有参考网站，直接让 AI 做一个“高级的新中式服装网站”，它只能凭空猜。
最后做出来的东西，大概率就是一个看起来很空的网页模板。
所以第一步，我先问Codex：
我现在要制作一个服装私域网站门店，官网，帮我想一下这个官网需要有哪些页面，我需要准备什么素材
这一步很关键。
因为它会给你建议页面结构，你需要准备的素材。
这时候我继续询问
我先要一个最小可上线版本，需要准备什么素材，还有什么页面
随后让其给我想一个品牌：
那就给我想一个品牌吧，各种类型的都给我想一些
最后选了一个新中式的日常服装
最后我确定了一个品牌方向：青序 QINGXU。
它的感觉是现代东方、新中式日常、适合通勤和生活场景的女装品牌。
品牌不是为了做得多复杂，而是为了让后面的所有视觉都有统一标准。
你后面生成图片、写文案、做网页，都要围绕这个品牌气质来。
第二步，确定品牌色调和 logo
有了品牌名，我继续让AI给我制作网页所需的品牌物料
提示词如下
这个可以，给我想一下制作网页所需的品牌物料
AI给我的品牌物料
品牌确定后，就要先定色彩
我这次没有用特别鲜艳的颜色，而是围绕新中式服装常见的自然色系去做。
1.帮我想一下品牌整体的色调
2.先给我品牌色版提示词
AI给我的色板提示词
提示词如下：
为新中式日常服装品牌“青序 QINGXU”设计一套品牌色彩系统展示图。品牌气质为现代东方、清雅、温润、日常可穿、棉麻质感、精品女装门店。整体色调比低饱和更鲜明一些，但依然克制高级。
使用以下核心颜色： 主色：青竹绿 #4F7D68，用于 Logo、按钮、导航高亮、品牌识别。 背景色：暖宣纸白 #F7EFE3，用于官网大面积背景和留白。 文字色：墨青黑 #17231F，用于标题、正文和深色 Logo。 辅助色：松叶绿 #7FA58B，用于浅色标签、分区背景、辅助图形。 浅背景色：浅青瓷 #DDE9DF，用于商品卡片、会员区、柔和页面区块。 点缀色：茶金棕 #A67848，用于价格、会员标识、按钮悬停、节气活动。 分割线色：暖砂灰 #D8CBB9，用于边框、细线、分割线。
画面需要包含：品牌名“青序 QINGXU”、Logo色彩应用示例、7个颜色色块、每个色块标注中文名称与HEX色值、服装品牌视觉氛围参考，包括宣纸纹理、棉麻面料、竹影、青瓷、木质门店、自然光。整体排版极简高级，大量留白，现代东方设计感，适合官网品牌规范页面。
不要复杂背景，不要强烈渐变，不要霓虹色，不要廉价国潮风，不要龙凤祥云，不要过度古风，不要卡通，不要3D，不要照片拼贴过满，保持精品服装品牌的高级感。
确定色板之后，我让 AI 继续生成品牌 logo。
新中式品牌 logo 不要做得太复杂。
我让AI帮我出了8个logo提示词，
选择了第一个logo保留东方结构，但不要堆传统元素。
第三步，开始准备网页素材。
网页素材是整个网站质感的核心。
你可以把它理解成：网站只是一个容器，真正撑起页面的是图片。
这次我大概准备了几类图片。
AI直接给出了所有需要的图片提示词
第一类是首页视觉大图。
也就是用户一打开网站看到的第一张图。
这张图一定要有品牌气质。
我让 AI 帮我写适合新中式服装首页大图的提示词，再去用 Midjourney V8.2生成。
首页提示词：
Generate a Key Visual for the homepage of a modern Chinese style daily women's clothing brand "Qingxu QINGXU." An Oriental female model with a gentle temperament wears new Chinese style daily clothing in bamboo green or off white, featuring a standing collar, frog buttons, loose silhouette, and linen fabric. She stands in a modern Oriental style space with a light beige wall, wooden door frame, soft bamboo shadows, and natural light. Horizontal composition with abundant negative space on the left or center for website title and buttons. Elegant, quiet, restrained, and sophisticated - modern high end women's clothing brand advertisement feel, not ancient costume. Color palette: bamboo green #4F7D68, warm rice paper white #F7EFE3, ink blue black #17231F, tea gold brown #A67848. Linen texture, natural light, real photography aesthetic, high end large format brand advertisement, modern Oriental aesthetics, not overly traditional.--preview
记得一定要加 --preview 这个可以调用V8.2的测试模型，效果好不少
第二类是系列入口图（以下提示词都是由AI生成的）
比如网站里可以有“通勤新中式”“日常棉麻”“节气限定”这类系列入口。
每个入口都需要一张图。
这些图不是单纯展示衣服，而是告诉用户这个系列适合什么生活场景。
日常棉麻图（midjourney生成）：
为"青序 QINGXU"生成官网系列入口图，主题为"日常棉麻系列"。画面中一位东方女性模特穿米白色棉麻衬衫和浅青灰色半裙，坐在自然光充足的木质空间中，服装质感柔软、松弛、透气。背景简洁，有宣纸白墙面、木椅、少量竹影。整体清雅、自然、日常、高级，适合作为服装官网系列分类卡片。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统，不要有文字。 --preview
节气限定系列图
为"青序 QINGXU"生成官网系列入口图，主题为"节气限定系列"。东方女性模特穿浅青瓷色或茶金棕点缀的新中式连衣裙或外套，站在安静的庭院或茶室门边，光线柔和，背景有竹影、木门、米白墙面。画面有节气感、东方诗意、温润克制，但服装必须是现代日常可穿款。适合品牌官网系列入口。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。 --preview
通勤新中式图
生成"青序 QINGXU"通勤新中式系列入口图。一位东方女性模特穿茶金棕色缎面半裙和米白色立领短衫，站在大窗边，柔和自然光从侧面照射，背景为现代东方室内空间。整体有通勤后的松弛感，衣服清雅精致，适合职场、会面、下午茶和门店试穿。适合品牌官网系列入口。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。 --preview
第三类是品牌细节图
这类图很容易被忽略，但它特别重要。
因为新中式服装的质感，很多时候不是靠大场景体现，而是靠细节。
比如盘扣、立领、衣襟线条、袖口、缝线、棉麻纹理、吊牌、包装布料。
提示词如下（使用image2.0 logo图生图生成）：
为"青序 QINGXU"生成品牌包装细节图，以图1作为品牌logo 。画面包含暖米白色吊牌、青竹绿 Logo、棉绳、宣纸质感包装纸、茶金棕色小卡片，旁边有折叠整齐的新中式棉麻服装。整体清雅、精致、留白充足，适合官网品牌质感展示。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。
第四类是门店环境图。
哪怕这个网站只是私域展示，也建议做门店或品牌空间图。
因为它能增强品牌的真实感。
门头提示词如下（使用logo，与色板进行图生图 image2.0生成）：
图1的品牌logo，图2是品牌色系为新中式女装品牌"青序 QINGXU"生成线下门店门头环境图。门店外观为现代东方精品服装店，米白色墙面，深木色门框，青竹绿品牌 Logo"青序 QINGXU"，橱窗内展示新中式日常女装。整体干净、安静、有高级感，适合私域品牌官网门店页面。。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。
店内提示词如下（使用门头，与色板进行图生图 image2.0生成）：
参照图1的门头场景，图2的色板为“青序 QINGXU”生成精品服装门店室内环境图。店内使用暖米白墙面、木质衣架、青竹绿点缀、柔和灯光和自然光，陈列新中式棉麻女装，颜色包括米白、青绿、墨黑、茶棕。空间留白充足，陈列克制高级，有茶室般安静气质，但仍是现代服装门店。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。
换衣室提示词如下（使用室内图与色板进行图生图 image2.0生成）：
参照图1的门店环境图：店内陈列，图2的色板为“青序 QINGXU”生成门店试衣区和会员接待区环境图。空间有木质长椅、米白墙面、浅青瓷色软装、柔和灯光、不透明棉麻帘子、少量绿植或竹影。旁边陈列几件新中式女装。整体温润、私密、舒适，适合一对一搭配建议和会员预约试穿。现代东方美学，新中式日常女装品牌，清雅温润，克制高级，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，茶金棕 #A67848，棉麻质感，自然光，大量留白，精品服装官网视觉，真实摄影，高级品牌大片感，不古风不过度传统。
第五类是服装穿搭图。
这一部分我主要使用 GPT Image 2.0 来生成。
因为我要的是大量服装穿着图，而不是单张概念图。
我让 AI 根据品牌调性生成不同款式的新中式日常女装，比如青绿色立领上衣、米白色半裙、黑色无袖连衣裙、浅绿色套装、白色短袖衫、棕色长裙等。
AI给我的所有服装提示词
直接使用image2.0生成
然后我从里面挑了 8 张作为首页里的可购买服装。
提示词如下：
1.
茶金棕色缎面高腰半裙，A字微伞摆，长度到小腿，走动时有柔和光泽。搭配米白色立领短衫，整体温暖、轻奢、有东方女性气质，适合商品页全身图。新中式日常女装品牌"青序 QINGXU"，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品详情页，不古装，不过度传统。
2.
墨青黑色新中式无袖马甲，斜襟设计，细窄盘扣，略宽松短款版型，搭配米白色长袖内搭和茶褐色半裙。整体层次感强，现代东方，适合春秋叠穿。商品摄影风格，突出服装结构。。新中式日常女装品牌，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品详情页，不古装，不过度传统。
3.
烟蓝色新中式衬衫，细立领，斜襟隐藏扣，袖口微收，面料有细腻纹理。搭配暖白阔腿裤，整体清冷、优雅、适合春夏通勤。新中式日常女装品牌"青序 QINGXU"，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品详情页，不古装，不过度传统。画面中不要有文字
4
云白色新中式套装，上衣为短款立领斜襟衫，下装为同色细百褶长裙，裙摆轻盈，整体干净、优雅、有东方书卷气。适合品牌官网新品系列展示。新中式日常女装品牌"青序 QINGXU"，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品展示页，不古装，不过度传统。只需要单张图，不要多图拼接。画面中不要有文字
5.
浅青瓷色斜襟衬衫裙，立领，腰部有可调节系带，裙身简洁，袖口微收，面料为棉麻混纺。模特穿着自然走动，裙摆轻微摆动，画面有空气感，适合官网新品商品页。新中式日常女装品牌，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品详情页，不古装，不过度传统。
6.
青灰绿色薄款针织上衣，交领结构，贴合但不紧身，袖口细长，面料柔软细腻。搭配墨青黑阔腿裤，整体温柔、知性、适合秋季通勤。新中式日常女装品牌“青序 QINGXU”，现代东方，不古装，不影楼风，不廉价国潮。高级成衣质感，真实模特上身，干净米白背景，自然光，服装细节清晰，适合官网商品详情页。
7.
青竹绿色短款廓形外套，现代新中式立领，肩线微落，衣身干净，前襟隐藏盘扣，袖口有细窄开衩。搭配米白色内搭和同色半裙，整体清爽、有门店新品感。新中式日常女装品牌“青序 QINGXU”，现代东方，不古装，不影楼风，不廉价国潮。高级成衣质感，真实模特上身，干净米白背景，自然光，服装细节清晰，适合官网商品详情页。
8.
画面中不要有文字和logo月白色轻薄针织开衫，带有细腻中式盘扣元素，圆领微宽松版型，搭配青竹绿色半裙。整体柔软、温润、适合春夏空调房和日常通勤。自然光，近景展示针织纹理和扣子细节。。新中式日常女装品牌"青序 QINGXU"，现代东方美学，青竹绿 #4F7D68，暖宣纸白 #F7EFE3，墨青黑 #17231F，浅青瓷 #DDE9DF，茶金棕 #A67848，棉麻质感，自然光，精品服装商品摄影，干净背景，真实模特上身，适合官网商品展示页，不古装，不过度传统。只需要单张图，不要多图拼接。
为了让后续更稳定，我还专门制作了一套服装图片推导提示词。
这个提示词的作用是：只需要上传一张服装图，AI 就能帮我推导出一整套适合网页使用的图片提示词。
你是“青序 QINGXU”新中式女装商品图提示词生成智能体。
我会上传一张服装商品参考图。请你根据图片中的服装，分析它的品类、颜色、版型、面料、领口、袖型、衣襟、盘扣、腰线、裙摆/裤型、风格细节，并生成 5 张适合官网商品页使用的 AI 图片生成提示词。
品牌设定：
品牌名：青序 QINGXU
定位：现代新中式日常女装
风格：清雅、温润、克制高级、日常可穿、精品服装门店感
色调：青竹绿 #4F7D68、暖宣纸白 #F7EFE3、墨青黑 #17231F、浅青瓷 #DDE9DF、茶金棕 #A67848
视觉关键词：现代东方、自然光、棉麻/丝麻/缎面质感、干净构图、大量留白、高级商品摄影、不古装、不廉价国潮
任务：
基于我上传的单张商品图，生成以下 5 张图的提示词：
1. 正面上身图：白底影棚全身商品图 2. 背面图：白底影棚全身商品图 3. 细节图 4. 面料近景图 5. 场景图
重要规则：
- 必须保持上传商品的核心设计一致：颜色、版型、长度、领口、衣襟、袖型、扣子、腰线、裙摆或裤型不要乱改。 - 正面上身图和背面图必须是纯白或浅白影棚背景，不能出现生活场景。 - 正面上身图和背面图必须展示模特全身，从头到脚完整入镜，脚部不能被裁切，服装不能被裁切。 - 正面上身图和背面图必须适合电商商品详情页，服装完整清晰，比例自然。 - 如果参考图没有展示背面，请根据正面结构合理推导背面，但保持简洁，不要凭空添加复杂刺绣、图案或装饰。 - 生成图必须适合服装官网商品详情页。 - 模特为东方女性，气质温润自然，妆容干净，不夸张摆拍。 - 不要生成古装、汉服、戏服、影楼写真风、淘宝廉价风。 - 每条提示词都要能直接复制到 AI 图片生成工具中使用。 - 每条提示词都要写清楚：服装描述、模特姿态、构图、背景、光线、品牌气质。 - 最后附上一条统一负面提示词。
输出格式如下：
【商品分析】 简短分析这件衣服的品类、颜色、版型、面料、设计重点和适合的拍摄方向。
【1. 正面上身图提示词】 生成一张东方女性模特正面穿着该商品的白底影棚全身商品图。必须从头到脚完整入镜，脚部完整可见，服装不能被裁切，画面保留适度留白。要求完整展示服装正面版型、衣长、领口、衣襟、袖型、腰线、裙摆或裤型和整体比例。模特自然直立，双手自然下垂或轻微放松，表情自然，妆容干净。背景为纯白或浅白色无缝影棚背景，光线均匀柔和，阴影很轻，服装边缘清晰，商品颜色准确，画面干净，适合青序 QINGXU 官网商品详情页主图。
【2. 背面图提示词】 生成一张东方女性模特背面穿着该商品的白底影棚全身商品图。必须从头到脚完整入镜，脚部完整可见，服装不能被裁切，画面保留适度留白。根据参考图合理推导背面结构，保持与正面设计一致，展示肩线、后背结构、衣长、袖型、腰线、裙摆或裤型垂感。模特自然直立，头发不要遮挡后背关键结构。背景为纯白或浅白色无缝影棚背景，光线均匀柔和，阴影很轻，服装完整清晰，不添加生活场景或多余道具，适合商品详情页背面展示。
【3. 细节图提示词】 生成该商品的服装细节特写图。重点展示参考图中最有识别度的设计，例如立领、盘扣、斜襟、袖口、腰带、开衩、裙摆、缝线或扣子。画面为近距离摄影，服装材质清晰，背景简洁，光线柔和，体现青序 QINGXU 的现代东方质感。
【4. 面料近景图提示词】 生成该商品的面料近景图。根据参考图推导面料质感，展示织纹、纹理、垂坠、厚薄、光泽或天然纤维触感。画面为极简微距商品摄影，颜色保持与参考图一致，自然光侧照，质感高级，适合放在商品详情页“面料说明”区域。
【5. 场景图提示词】 生成该商品的生活方式场景图。东方女性模特穿着该商品，出现在现代东方空间中，例如精品服装门店、茶室、木质空间、庭院门边、展览空间或自然光室内。画面要表现这件衣服适合日常通勤、茶会、展览、周末出行或门店试穿。整体清雅、温润、现代新中式，不古装，适合青序 QINGXU 官网首页或商品详情页。
【统一负面提示词】
不要古装，不要汉服戏服，不要影楼写真风，不要廉价淘宝风，不要夸张刺绣，不要龙凤祥云，不要大红大紫，不要复杂背景，不要塑料面料，不要过度磨皮，不要夸张妆容，不要欧美模特，不要改变服装核心设计，不要多余文字水印，不要 logo 错字，正面和背面图不要生活场景，不要道具，不要杂乱背景，不要半身图，不要七分身，不要裁切头部，不要裁切脚部，不要裁切服装。
比如我上传这张图
然后说输入上面的提示词，就能得到5段提示词
【商品分析】
品类：新中式两件套（盘扣短款外套 + 立领刺绣内搭 + 侧开衩中长半身裙）
颜色：浅青瓷绿（外套）、暖宣纸白（内搭及半身裙）、浅绿（竹叶刺绣）
版型：微宽松直筒短款、H型中长款
面料：天然肌理感棉麻/丝麻混纺
设计重点：外套采用中式低立领、精致一字手工盘扣、袖口小开衩设计；内搭前胸饰有清雅的竹叶刺绣；半身裙侧边开衩，行走间微露小腿，兼顾现代实穿性与东方留白美感。
拍摄方向：极简现代东方美学。影棚图采用干净白底与柔和均匀光线，重点展示服装版型与工艺；场景图置于现代中式空间，利用自然光影展现温润清雅的品牌质感。
【1. 正面上身图提示词】
Full-body studio product photography of a graceful East Asian female model standing in the center. She is wearing a modern New Chinese style outfit: a light celadon green short jacket in textured cotton-linen, featuring a low mandarin collar, delicate handmade fabric frog closures, and subtle split cuffs, worn over a warm xuan-paper white inner top with elegant light green bamboo embroidery, paired with a matching warm xuan-paper white H-line midi skirt with a side split. The model stands naturally facing the camera with a gentle and serene expression, clean makeup, hair softly tied back. Full-body shot, from head to toe, feet fully visible in simple flat beige mules. Seamless, clean, pure white studio background, soft and even diffused lighting, minimal soft shadows, sharp clothing details, accurate color representation, clean composition, high-end commercial fashion photography, QINGXU brand style.
【2. 背面图提示词】
Full-body studio product photography from the back of a graceful East Asian female model standing in the center. She is wearing a modern New Chinese style outfit: a light celadon green short jacket in textured cotton-linen with clean shoulder lines, straight cut, and split cuffs, paired with a warm xuan-paper white H-line midi skirt. The model stands naturally facing away from the camera, showcasing the clean back silhouette, neat stitching, and the elegant drape of the skirt. Her hair is styled in a neat low bun, leaving the collar and back structure completely unobstructed. Full-body shot, from head to toe, feet fully visible. Seamless, clean, pure white studio background, soft and even diffused lighting, minimal soft shadows, sharp details, commercial fashion photography, QINGXU brand style.
【3. 细节图提示词】
Close-up commercial detail shot of a modern New Chinese style outfit. The focus is on the collar and chest area, showcasing the low mandarin collar of the light celadon green cotton-linen jacket, a neat handmade fabric frog closure, and the delicate light green bamboo leaf embroidery on the warm xuan-paper white inner top underneath. Macro photography, shallow depth of field, soft natural side lighting highlighting the rich fiber texture of the cotton-linen fabric and the exquisite embroidery craftsmanship. Minimalist composition, quiet and elegant atmosphere, QINGXU brand aesthetic.
【4. 面料近景图提示词】
Macro texture photography of premium cotton-linen fabric. The image displays the natural slub texture, delicate weave, and organic breathability of the light celadon green jacket fabric draped gently over the warm xuan-paper white skirt fabric. Extreme close-up, minimal composition, soft directional natural light casting subtle shadows within the weave, emphasizing the tactile, high-end, and pure quality of natural fibers. Calm and clean color palette, suitable for fabric detail presentation in the QINGXU brand catalog.
【5. 场景图提示词】
A lifestyle fashion portrait of a serene East Asian female model wearing a modern New Chinese style outfit: a light celadon green short jacket, a warm xuan-paper white embroidered top, and a matching warm white midi skirt with a side split. She is standing gracefully in a minimalist modern Eastern space, such as a contemporary tea room with light wood elements, textured plaster walls, and a quiet bamboo courtyard visible outside. Soft natural sunlight streams through a large window, creating long, beautiful shadows. The model has a gentle, peaceful expression, looking slightly away from the camera. High-end lifestyle photography, clean composition, heavy negative space, elegant, restrained, and modern Eastern aesthetic, QINGXU brand style.
【统一负面提示词】
不要古装，不要汉服戏服，不要影楼写真风，不要廉价淘宝风，不要夸张刺绣，不要龙凤祥云，不要大红大紫，不要复杂背景，不要塑料面料，不要过度磨皮，不要夸张妆容，不要欧美模特，不要改变服装核心设计，不要多余文字水印，不要 logo 错字，正面和背面图不要生活场景，不要道具，不要杂乱背景，不要半身图，不要七分身，不要裁切头部，不要裁切脚部，不要裁切服装。
随后依据提示词依次生成图片（使用image2.0）
图片全部生成之后，将你所有的图片整理到一个文件夹内，然后让Codex帮你进行整理。
我让 AI 帮我规划文件夹结构。
比如 01-品牌Logo，02-首页主视觉，03-系列入口与品牌氛围，04-品牌细节-面料包装，05-门店环境，06-商品详情-多视图分组，07-单图商品补充，08-待归类上传，09-网站参考。
其中网站参考是从p站（pinterest）中找的
第四步，准备网站参考和网页制作 Skill
素材准备好之后，我开始准备网站参考。
我找了几张符合审美的网站截图。
不是为了照抄，而是为了告诉 AI：我想要的页面节奏是什么样的。
同时我还安装了多个制作 Web 的 Skill。
https://github.com/DavidHDev/react-bits
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
https://github.com/VoltAgent/awesome-design-md
https://github.com/better-auth/better-icons
这些 Skill 的作用是让 Codex 在制作网页时更稳定，比如更懂页面结构、响应式布局、视觉层级、组件拆分、样式管理。
第五步，正式让 Codex 制作网站。
因为前面已经提前准备好了品牌资料、网页规划、参考案例，以及对应的 Web 制作 Skill，所以这一步不需要重新解释整个项目。
我直接告诉 Codex：
“你开始结合我最开始启用的 Skill、MD 文件、网页规划，以及我提供的网站参考图，按照之前确定的品牌方向开始制作网页。”
由于 Codex 已经拥有前面的上下文信息，它会自动读取之前的品牌设定、页面结构、视觉规范以及素材文件。
随后它会根据规划开始搭建整个网站，包括首页视觉区域、品牌介绍、系列入口、商品展示、面料细节、门店环境、会员入口等模块。
第一次生成出来的网站通常不会完美。
这很正常。
不要期待一次就完成。
AI 做网站更像是你请了一个执行能力很强的前端助手。
哪里不满意，就截图圈出来，告诉它具体怎么改。
比如我一开始对字体不满意。新中式网站如果字体太普通，气质会弱很多。
所以我找了两个更符合风格的字体，直接交给 Codex。
我让它把网站标题改成京华老宋体，把正文改成 Zen 老式明朝。
改完之后，整个页面的东方气质立刻会明显很多。
后面我还调整了商品展示部分。
一开始 Codex 做出来的服装展示，是直接全部陈列在首页里。
而我的需求不是做一个传统商城，而是做一个更有高级感的新中式服装私域网站。
所以我让 Codex 把商品展示方式改成弹窗。
首页只保留精选服装的图片入口，用户点击某一件服装后，再弹出对应的商品详情。
修改细节
当你把这些细节一轮一轮调整完，它就会从一个 AI 生成网页，慢慢变成一个真正能用的品牌私域网站。
因为 Codex 的额度不够用，所以我后面还有很多小细节没有继续调整。
比如部分按钮的状态、不同屏幕尺寸下的适配、商品弹窗里的细节排版、图片裁切比例、文字层级、动效节奏，以及一些页面过渡的小问题，其实都还可以继续优化。
但这也正好说明一点：用 AI 做网站，不是一次生成就结束，而是先快速做出一个完整可看的版本，再根据自己的审美和需求，一轮一轮去打磨。
电商转化执行卡
把这节课压缩成一张可执行卡片：看重点、照步骤、避坑，再复制模板直接开做。
这节课讲的不是单纯出图，而是围绕「用Codex做一个新中式服装网站」把产品主体、卖点和场景一起做成能转化的视觉方案。
按原文节奏走最稳：先吃透「准备工具」，再把「第一步，先确定品牌方向」定住，接着处理「第二步，确定品牌色调和 logo」；最后用「第三步，开始准备网页素材。」收口。
- 先把「准备工具」里的卖点讲清楚。
- 这一段别让背景抢了产品主体。
- 做完「第二步，确定品牌色调和 logo」后，检查材质和转化感。
- 先把「第三步，开始准备网页素材。」里的卖点讲清楚。
- 围绕「第四步，准备网站参考和网页制作 Skill」只取局部结构，别整张照搬。
- 做完「第五步，正式让 Codex 制作网站。」后，检查材质和转化感。
不要只追求画面好看而忘记卖点；产品主体、材质、使用场景和购买理由必须清楚。
检查产品是否一眼可见；核心卖点是否明确；材质是否真实；场景是否服务购买决策；是否适合做主图、详情页或短视频。
请围绕「用Codex做一个新中式服装网站」帮我做一个可直接执行的方案。 我的目标是：【填写你的具体目标】 我的素材/产品/角色信息是：【填写已有素材和限制】 请输出：产品卖点拆解、主视觉方案、场景图提示词、短视频脚本和转化自检清单。要求产品突出、材质真实、卖点清楚。