AI做的落地页像霓虹酒吧?先给它这8个参考站
X 上有人整理了 8 个原帖称免费的设计参考库,覆盖导航、页脚、CTA、Hero、3D 图标和玻璃效果。用法很直接:挑参考,丢给 Claude 或 Cursor 这类 AI 编程工具,让它复制风格,不要复制内容。
用AI生成落地页,代码能跑,页面一眼假:霓虹渐变铺满屏,按钮像从2019免费模板里抠出来。问题常出在参考给得太少。只丢一句“做个高级点的落地页”,模型只能返回平均值,平均值就是模板感。
X 上有人 niko 整理了一份清单,8 个原帖称免费的设计参考站,给 AI 做网页时当样本。原帖附了界面演示视频:
清单在这:
- scrolltide.co:600 多个设计和代码提示词,面向 3D 网页和滚动效果。
- navbar.gallery:导航栏参考。
- footer.design:页脚参考,至少不至于让人想立刻关掉。
- cta.gallery:按钮和行动号召的写法与样式。
- styles.refero.design:从真实产品里抽出来的风格。
- supahero.io:Hero 区参考,可以直接看结构。
- 3dicons.co:界面用 3D 图标。
- glass.samasante.com:玻璃组件和效果。
用法不复杂。挑两三个和项目气质接近的参考,连同需求一起丢给 Claude 或 Cursor 这类 AI 编程工具,要求它参考布局、层级、配色和交互,不要照抄文案与品牌元素。原帖回复里有人补了一条约束:给 AI 两三个你喜欢的网站,让它复制风格,不复制内容。这个说法比“做得高级点”有效。
回复里还补了一个站:21st.dev。做组件参考可以一起看。
这些站解决参考密度,不解决审美判断。参考库再多,最后仍要人选、删、改。有人调侃,金矿属于收钱的人。提醒很直白:工具把门槛压低,判断力没跟着自动上涨。用前看一眼各站授权和是否全免费,别把参考当授权。
发布时间: 2026-10-31 23:46