GoodCase.aiGoodCase.ai中文 AI Case 证据库
案例早报Skills创作者收藏投稿
中文EN
Agent 接入 →
GoodCase.ai · 中文 AI Case 证据库案例库加载中。
更新日志反馈
GoodCase.aiGoodCase.ai中文 AI Case 证据库
案例早报Skills创作者收藏投稿
中文EN
Agent 接入 →
AI 编程(UI)X证据 L1#web#human-reviewed#ChatGPT Image 2ChatGPT Image 2

早期互联网风个人档案页

Kashberg_0 的头像创作者Kashberg_0 →

@Kashberg_0 使用 ChatGPT Image 2完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

查看原始来源 ↗
原帖 ♥ 102
早期互联网风个人档案页

Prompt

ChatGPT 上的 GPT iMAGE 2

提示词:
在一张大幅白色画布上设计一个极简早期互联网风格的个人档案网页 / 数字作品集落地页,留出充裕的负空间,并配一圈细薄的粉彩粉色浏览器风格边框。中央放置 [SUBJECT] 的黑白编辑肖像,带柔和胶片颗粒、细微扫描纹理和低反差摄影色调。

在肖像周围散布档案元数据标签和小型星号项目符号,采用不对称排列,呈现俏皮个人简历的感觉。加入如下描述:

✦ 创作者
✦ 模特
✦ 造型师
✦ DJ
✦ 女孩
✦ 摄影师
✦ 收藏家
✦ 梦想家

在左上角制作一个彩色手绘 Logo 或个人品牌标记。其下方用小号系统字体加入微小的时间戳和日期,模拟旧式个人主页。

在右上角放置不规则贴纸风格的导航标签,使用明亮的强调色(粉色、青色、紫色、黄色和绿色)。使用如下简单标签:

HOME
ABOUT
WORK
DIARY
LINKS

在空白区域散布手写马克笔风格的笔记、自我介绍、个人想法和生活方式文案。示例:

「目前正在网上创作」
「欢迎来到我的主页」
「音乐、时尚、互联网」
「今天已更新」
「在不同项目之间生活」

保持反网格的编辑版式,刻意保留不完美的间距和俏皮的位置安排。混合微小系统字体、手写体和随意的笔记本式注释。让肖像始终保持完全单色,只把颜色留给 Logo、导航贴纸和少量图形强调元素。

复用方法

关键决定

关键决定是把黑白肖像、早期浏览器边框、系统字体与手写注释放进同一张大白画布,并用不对称散布取代常规网格;单色肖像和局部彩色贴纸的反差,正是个人主页复古感成立的视觉支点。

换到你的题材

可以替换 [SUBJECT]、个人身份标签、五个导航词和手写文案,Logo 颜色也可随个人品牌调整。不能动的骨架是中央黑白肖像、粉彩浏览器框、周围散落信息以及只在 Logo 和贴纸处用色,否则会从早期互联网个人档案页变成普通作品集。

容易翻车

复测时先看肖像是否仍保持黑白,再数导航标签颜色和五个固定栏目有没有被模型改写;如果彩色扩散到肖像或排版被自动整理成整齐网格,反网格效果就会消失,应收紧颜色使用范围并保留不规则间距。

建议模型

ChatGPT Image 2
稳定度
成本
中

Derived Skill

这个 Case 可以学走的方法。

Skill 只从多个已发布 Case 的重复模式中派生,不是另一套投稿内容。

通用 Skill个人作品集叙事查看证据 →
Kashberg_0 的头像

创作者

Kashberg_0

Kashberg_0 长期扎根X,交付可运行的界面,《早期互联网风个人档案页》配了完整实现思路。

编辑精选AI 编程(UI)
查看创作者 →

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
3D 超市包装式创意机构官网
AI 编程(UI)X@Oluwaphilemon1 →

3D 超市包装式创意机构官网

@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 HeroSkill · 个人作品集叙事

提示语

Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词:「设计一个机构网站,把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型,然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集,请保存这条 🛒

来源热度
48
稳定度
查看 Case →
3D 发票打印机 SaaS 组件
AI 编程(UI)X@uxsweta →

3D 发票打印机 SaaS 组件

@uxsweta 使用 AI UI Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 HeroSkill · 产品与电商转化页

提示语

有几个人询问提示词,所以放在这里 👇 附言:根据你的使用场景进行调整。 创建一个现代、极简的 3D 发票生成器机器组件,采用高级 SaaS 风格美学。 视觉设计 - 设计一台宽幅横向的发票打印机,灵感来自小票打印机,但外观未来感十足且干净利落。 - 使用细微的灰色线条、柔和阴影和极少细节。 - 机器应显得高级、轻盈而现代,而不是写实或工业化。 - 保持整体设计足够干净,使其可以放入仪表盘或落地页的 Hero 区域。 - 直接在机器上添加一个醒目的 Print Inv

来源热度
45
稳定度
查看 Case →
极简 AI 顾问个人作品集
AI 编程(UI)X@shushant_l →

极简 AI 顾问个人作品集

@shushant_l 使用 AI Website Builder完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 个人作品集叙事Skill · 产品与电商转化页

提示语

下面介绍如何用 AI 以极简设计风格创建你的网站。 使用这条提示:为一位数字创作者和 AI 顾问设计一个现代极简作品集网站。采用干净的黑、白和中性色调,不使用渐变、玻璃拟态或过度的视觉效果。注重简洁、留白、强有力的排版、清晰的层级和快速加载性能。加入首屏介绍与行动号召、关于版块、精选项目作品集、服务版块、客户评价、博客/文章预览、技能与工具展示、客户 Logo、联系表单和页脚。加入细微动效、平滑滚动、优雅的卡片布局、移动端优先的响应式设计,以及对 SEO 友好的结构。整体美

来源热度
43
稳定度
查看 Case →
GoodCase.ai · 中文 AI Case 证据库Case 详情页把作品、方法、作者与复测证据放在同一条阅读路径里。
更新日志反馈