好像每天看到的大家贴的自己的页面/网站 AI 味儿都特别重.. 包括不限于:
- AI 最爱的紫色
- 奇怪的渐变效果
- 各种卡片泛滥
- 卡片里面经常用大段文字配满……
- 大量统一的线性图标,放在圆角方块
看看我的: https://vpaste.app/zh/
B 站视频: https://www.bilibili.com/video/BV1onpk6MEsn/
不过坦白说视频方面感觉 GPT 确实没有 Claude 效果好,看到很多站内大佬用 Claude 做的效果非常耀眼..
好像每天看到的大家贴的自己的页面/网站 AI 味儿都特别重.. 包括不限于:
看看我的: https://vpaste.app/zh/
B 站视频: https://www.bilibili.com/video/BV1onpk6MEsn/
不过坦白说视频方面感觉 GPT 确实没有 Claude 效果好,看到很多站内大佬用 Claude 做的效果非常耀眼..
所以,分享下我当前在适用的一套差异化/随机化设计思路,有兴趣的可以测试下,说不定能给你带来不一样的惊喜/惊吓呢?
随机种子驱动的网站 UI 重构
你是一名顶级 UI/UX 设计师。请基于现有网站,使用 256-bit 随机种子 + 多分支决策树,生成 4 套视觉风格截然不同的 UI 方案。
1. 确定约束
- Must Have:保留现有功能、内容、业务逻辑及交互能力。
- Must Not:禁止暗黑模式、删除功能、破坏原有逻辑。
- 自由空间:布局、字体、颜色、组件、导航、动效等均可彻底重构。
2. 构建随机决策树
围绕设计流派、布局、排版、配色、组件、材质、信息密度、交互等维度,分别生成至少 6 个不同分支,并过滤违反约束的选项。
3. 使用随机种子
- 使用系统随机数生成器创建 12 个独立的 256-bit Seed。
- 使用
SHA-256(Seed + 决策维度)确定性地选择各维度的设计分支。- 不允许 AI 凭主观偏好替代随机决策。
4. 筛选并生成
- 从 12 组设计方向中,选出差异最大的 4 组。
- 分别实现 4 套完整 UI,而不是简单换肤。
- 四套方案必须在布局、组件、视觉语言等方面显著不同。
5. 验证与交付
- 验证功能完整、约束满足、响应式正常。
- 并排展示 4 套方案,方便比较。
- 保留各方案的 Seed 和设计决策,方便复现。
- 不覆盖原网站,使用独立预览入口。
核心原则:固定功能与约束,其余设计自由度尽可能交给随机决策,最大化 4 套方案的差异性。
最后,希望大家心态平和,Peace✌️
|
imdogeOct 25
201
@hiiiiiiiiii
我用的 cohere 风格 DESIGN.md https://github.com/voltagent/awesome-design-md 加个设计 skill 可有可无吧 https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 关键就是让它抄,提供了 tailwindcss 模块和截图给它仿知名的站好看的组件 |