Wiki 知识库

全部文档 / 标签: 设计工作流

12 篇
清除

画过10,000+张 UI 高保真,我的设计审美心得(1):8 条原则 + 5 个常用 AI 设计 Skill

作者基于 10 年 UI/UX 设计经验,结合 AI 工具实践,总结出一套设计审美方法论。文章实测了 5 个 GitHub 上星数最多的 AI 设计 Skill:UI UX Pro Max(自动匹配行业风格)、Taste Skill(原创设计方向)、Impeccable(逐块打磨去 AI 味)、Emil Kowalski Skills(动效细节)、Hallmark(上线前检查),并配以场景演示。作者还分享了 8 条可复用的设计原则,包括先定义再动手、拆解好设计不照搬、先出全貌再逐块改、统一视觉规则等,强调工具在变但好的设计判断力依然无法被 AI 替代。

技术 › Skill Xian | 弦 2026-10-279.7 KB 20K 183 92

这设计真的长在了审美上:AI Design Skills 与 Fantastic Posters 开源项目推荐

作者推荐了两个开源 AI 设计 Skill:一是 AI Design Skills 中的 landing-page-design,为 Claude Code、Cursor、Codex 等编程工具提供从内容规划到视觉系统的落地页制作规则,包括卖点组织、统一字体配色、按钮悬停、空页面、移动端和无障碍支持等交付细节;二是 Fantastic Posters,内置 33 种设计风格提示词(如瑞士极简、包豪斯、Riso 印刷等),支持自动选风格、上传参考图和 Logo、批量生成海报。作者强调把设计风格沉淀为可反复调用的 AI 工作流,比一次性提示词更有价值,并能解决风格不稳定的问题。

技术 › Skill Shlcy 2026-10-263.4 KB 65

MOSS-Image 实操:用 JSON Layout 控制文字、物体和画面构图

作者实测国产开源生图模型 MOSS-Image,重点验证其 JSON Layout 对文字、物体位置和画面构图的可控性。文章对比了普通提示词与 JSON Layout 在同一封面需求下的生成效果,详细讲解了中心坐标系和 yxyx 格式的 bbox 写法、在线体验参数设置、官方示例分析,以及 ZeroGPU 额度问题和本地部署方法。作者强调可复用的不是某张图,而是一套固定种子、对照测试的评估方法,认为 JSON Layout 让提示词变成可保存、可修改的布局资产,使 AI 生图真正进入设计工作流。

技术 › 工具与效率 蔡文彬CyberBin 2026-10-2110.6 KB 2.2K 25 84

这次 AI 出图,我终于不用整张重来了

作者分享了使用 GPT-image-2.5 生成透明背景图片的体验。透明图让满意的人物素材可以被保留和复用,换背景、改排版时无需整张重做。文章建议从存储整张图转向积累素材零件:人物、道具、装饰、特效分别存档,并介绍了多符号复合表情系统的设计方法(如 emoji 与颜文字组合塑造复杂神态)。同时强调要仔细检查素材边缘质量(发丝、半透明部分),提出从确定用途、单独生成主体、多底色检查到保留原始 PNG 的素材库搭建流程,倡导以可复用思维做 AI 出图。

技术 › 工具与效率 VoxCat 2026-10-155.9 KB 7.8K 73 79

如何用 AI 设计品牌吉祥物(Krea 教程):零经验也能上手

Relate Studio 联合创始人 Alex 分享了一套完整的 AI 品牌吉祥物设计流程:先在 Figma 收集参考并定义角色个性与比例;再用 Krea 快速生成粗略概念,挑选轮廓、性格和比例最好的方案;随后在 Nano Banana 2 中逐步清理细节、修正纹理与背景;接着保持角色一致性生成新姿态和角度;最后制作海报等设计构图,形成可向客户展示的完整视觉系统。作者强调无需插画或 3D 技能,AI 生成结果足以作为 3D 和动效设计师的制作参考,并可通过持续扩展姿态、表情与场景实现品牌层面的规模化应用。

技术 › 工具与效率 Alex 2026-09-108.4 KB 238.1K 592 77

Using Astra, Fable, and Grok to build my personal website (what i learned)

作者Emily Lai花3天时间、使用180+个提示词,借助多个前沿AI模型从零构建个人网站。工具栈包括:Grok用于研究个人网站参考和品牌方向,Claude Fable 5/5.1负责设计稿、代码和UX优化,GPT 6 Astra用于3D渲染和速度优化,Aside浏览器作为harness驱动屏幕,Wispr Flow语音转提示词。作者详细分享了从设计概念、品牌技能对比(如Impeccable、taste-skill)、BRAND.md创建,到内容整理的完整工作流。最终选择了'The Desk'记事本风格UI设计,包含工作、健康实验和公开学习内容。

技术 › 前端 Emily Lai 2026-09-0723.2 KB 23.1K 234 70

如何榨出 AI 设计的 99% 创造力:一套三阶段工作流

作者受前苹果设计师 Anshu Chimala 启发,指出 AI 设计产出平庸的根源在于 LLM 作为下一个词元预测器、经 RLHF 对齐后天然倾向安全解。文章借鉴设计双钻模型,提出三阶段工作流:探索、确立、交付。核心技法包括:注入随机种子字符串打破思维定势、用大胆具象的提示词激发创意、三步发散法生成设计概念、引入'设计挑刺官'子智能体构建独立评审反馈闭环,以及调用图像生成工具提升视觉质感。通过多智能体协同与成本控制,可在极短轮次内产出超越常规 AI 模板的高水准设计。

技术 › 前端 米开朗基杨 2026-09-0427.3 KB 72.4K 244 84

如何从一张参考图设计品牌系统

拥有十年品牌设计经验的作者AmirMušić分享了结合AI(Lovart Agent)从单一参考图构建完整品牌系统的工作流。他以虚构的无咖啡因能量饮料Juicee为例,演示了从参考图解构、生成Brand Kit锚点、建立品牌指南,到扩展出4个口味SKU关键视觉、包装设计和营销场景的全过程。文章强调AI负责加速生成,而设计师的角色是判断、定向和把控品牌一致性,并提出Brand Lock方法论来管理参考层级、防止视觉漂移,最后开源了Lovart Brand System Skill供复制使用。

技术 › Agent AmirMušić 2026-09-0313.2 KB 436K 939 83

设计师AI工作流:用 DESIGN.md + CSS,管住 Agent 的版式

文章介绍 Vercel 如何用 design.md 文件、CSS 样式表和评测闭环,解决 AI Agent 生成页面总「差一点」、需要反复人工修整的问题。核心方法是把工作拆成三层:design.md 写设计判断(读者、信息层级、拒绝的套路),CSS 承接字号、间距、表格等机械性版式约束且不占模型上下文,评测闭环把每次返工转化为可复查的规则。作者强调规则要从模糊感觉翻译成可观察动作,如「别丑」改为「表格全宽」。测试显示公开场景下机械故障从 91 次降到 39 次,约少 57%。建议从一类高频产物入手,把高频修改沉淀为规则,逐步减少返工。

技术 › Agent bubbPro 2026-09-027.1 KB 11.3K 25 84

Full Guide: How To Use Claude Design Inside Claude Code

本文详细介绍了如何将 Claude Design(Anthropic 的对话式设计工作区)与 Claude Code 结合使用的工作流。作者讲解了通过 MCP 服务器连接两者、使用 /design-sync 导入企业设计系统、结合截图与代码库提供上下文、利用 Refero Styles 等真实设计参考生成初版方案的方法。文章还涵盖如何通过聊天、行内评论或画布直接编辑进行迭代,安装或自建设计 Skill 以固化设计规则,以及建立评估与审批流程,最终实现从设计到代码实现的无缝衔接。同时指出了 beta 阶段的局限性。

技术 › Claude Code Tom 2026-08-2920.0 KB 37.9K 79 79

一段 Prompt,生成 3 套杂志感文章封面

作者分享了一段用于生成杂志感文章封面的 Prompt。使用时只需填写文章标题,可选填内容摘要,模型会先理解文章的核心主题、情绪与关键词,再围绕主题生成 3 张 16:9 横幅封面设计。三个方案在主视觉概念、构图、字体、色彩等维度各有差异,如同三位设计师的不同提案,适用于公众号封面、博客 Banner、专题头图等场景。文末附完整 Prompt 可直接复制使用。

技术 › 工具与效率 南鸢 nuyoah 2026-08-229.6 KB 3.8K 20 78

如何用 AI 将随手拍的照片转化为商业级产品海报

本文介绍了一套普通人也能复用的低成本产品视觉生产线。作者通过实战演示,从精修产品图、制作拆解爆炸图、场景融图、光效增强到工业设计线稿,详细展示了如何将随手拍摄的“烂图”转化为符合商业标准的产品海报、电商主图及发布会 KV。

技术 › AI 蔡文彬CyberBin 2026-06-069.5 KB 31K 160