程序化陈列馆
用程序化着色器铺满首屏的电影感产品陈列馆:大字索引悬停即显影预览,点击进入独立详情页,视觉随滚动连续变化。复制提示词,一键生成同款陈列馆网页。
正在加载预览…
2565 views
从这段提示词开始
生成着色器驱动的电影感产品陈列馆
为虚构电动车品牌「极境汽车 Nexus Automotive」做一个电影感产品陈列馆网站。首屏是全屏程序化着色器背景:片元着色器实时生成的流动光影作 hero,上方压「行于 / 无界」两行衬线大字与一句副标题,向下滚动进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排,悬停某一行时在旁侧显影对应车型大图并压暗其余条目,点击进入独立详情页——每款车配一段定位引言和三组图文章节(形态、座舱、性能),可返回列表。再加品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场用淡入与轻视差。交付可直接打开的静态站点,滚动、悬停显影与页面跳转全部真实可用。 把陈列内容换成一个精品咖啡品牌:五条产品线对应五款产地咖啡豆,着色器主视觉换成暖棕色调的热气与咖啡豆粒子,详情页补充产地、处理法、风味与冲煮建议。
为虚构电动车品牌「极境汽车 Nexus Automotive」做一个电影感产品陈列馆网站。首屏是全屏程序化着色器背景:片元着色器实时生成的流动光影作 hero,上方压「行于 / 无界」两行衬线大字与一句副标题,向下滚动进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排,悬停某一行时在旁侧显影对应车型大图并压暗其余条目,点击进入独立详情页——每款车配一段定位引言和三组图文章节(形态、座舱、性能),可返回列表。再加品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场用淡入与轻视差。交付可直接打开的静态站点,滚动、悬停显影与页面跳转全部真实可用。 在每个详情页底部加预约咨询表单,包含姓名、邮箱与留言字段,提交后显示成功状态;导航栏增加常驻的「预约」按钮,点击平滑滚动到表单。
为虚构电动车品牌「极境汽车 Nexus Automotive」做一个电影感产品陈列馆网站。首屏是全屏程序化着色器背景:片元着色器实时生成的流动光影作 hero,上方压「行于 / 无界」两行衬线大字与一句副标题,向下滚动进入品牌宣言段落。核心是一个车型索引:旗舰轿车、旅行 SUV、高性能超跑、都市小车四款车型以超大字号逐行竖排,悬停某一行时在旁侧显影对应车型大图并压暗其余条目,点击进入独立详情页——每款车配一段定位引言和三组图文章节(形态、座舱、性能),可返回列表。再加品牌体验视频区和联系页脚(体验中心地址与营业时间)。整体近黑白色调,衬线标题搭配等宽字体标注,滚动平滑,转场用淡入与轻视差。交付可直接打开的静态站点,滚动、悬停显影与页面跳转全部真实可用。 把整站文案换成英文,包括大字索引、详情页正文与导航,按英文重新调整字号与行距,着色器视觉与悬停交互保持不变。
