抓取任意网站的“设计系统”#设计AI生成网页设计的 AI，怎么训练数据？有程序员公开了做法及工具它能帮你抓取参考网站的字体、配色，配色拆分为头图、CTA、高亮、背景、辅助色，可以一键下载字体和配色css图二、图三是我以 behance 首页为例，测试这个抓取工具-

发布时间: 2024-07-08 10:31:02

1分

数据加载中

关注推特

收听电报

2

1

0

抓取任意网站的“设计系统”
#设计AI
生成网页设计的 AI，怎么训练数据？有程序员公开了做法及工具
它能帮你抓取参考网站的字体、配色，配色拆分为头图、CTA、高亮、背景、辅助色，可以一键下载字体和配色css
图二、图三是我以 behance 首页为例，测试这个抓取工具
-
IT技术
( design-foundations.com )

9个月前由倪爽提交

抓取任意网站的“设计系统”

#设计AI

生成网页设计的 AI，怎么训练数据？有程序员公开了做法及工具

https://t.co/p7RM22h0Ok

它能帮你抓取参考网站的字体、配色，配色拆分为头图、CTA、高亮、背景、辅助色，可以一键下载字体和配色css

图二、图三是我以 behance 首页为例，测试这个抓取工具

- 字体抓取很准确。这也错不了，都写在 css 里了
- 抓出来的配色方案有明显错误

---

顺便说几句用 AI 做 UI 设计、网页设计

这个网站抓取的这些参数，部分代表了 AI 眼里“好设计”的衡量标准。而我的测试结果，部分代表了 AI 训练数据的质量

由此大概能想象出，这种 AI 能创造出什么样的设计

另外，很多 UI 设计、网页设计从视觉上、逻辑上都不容易抽象成基本要素，很难用 AI 来模仿这些设计的背后的 design pattern

还得等待真正能“看懂 UI 设计”的 AI

点击图片查看原图

点击图片查看原图

点击图片查看原图

Markdown支持

评论加载中...

您可能感兴趣的：更多

1

2

1

1

AI 时代，设计师怎么设计设计系统/Design System
#一边一边
今天我割草、收拾院子时听的播客，嘉宾是发明了 Atomic Design/原子设计的 Brad Frost
他围绕设计系统，聊了一些很有趣的话题：
- 为什么要建立一个通用的设计系统？
他想在 HMTL
IT技术
( overcast.fm)

11个月前 • 倪爽 • -- 点击 0 评论

2

2

1

1

生成式 UI 和结果导向的设计
#设计AI
NNGROUP 的分析文章
生成式 UI 指 AI 根据用户的个体需求定制的 UI，这种 UI 会脱离传统人机交互的设计范式，也能不依赖设计师做出具体设计
结果导向的设计指不先设计界面，而由结果倒推出界面设计，结果导向设计师将转向制定规则
IT技术
( www.nngroup.com)

11个月前 • 倪爽 • -- 点击 0 评论

3

2

1

1

什么是设计系统（Design System）？
#迷你设计课
客户心目中的设计系统
我跟国内客户沟通设计方案时，总得跟不懂设计的老板、VP、总监们解释一下：
设计系统就像乐高积木，创建好之后交给你们 UI 设计师、PM 和程序员，他们拿这些积木搭建出完整产品。免得每次从头开始做设计、做开发，可以省掉
IT技术
( twitter.com)

11个月前 • 倪爽 • -- 点击 0 评论

4

2

1

1

发现世界一流设计背后的故事

#设计参考

有很多搜集优美、漂亮设计的设计参考网站，但我们只能看到设计的结果，而无法了解设计的过程、设计师的设计思路、设计中遇到的问题，甚至设计中学到的东西…

Off-Grid…
IT技术
( twitter.com)

1年前 • 倪爽 • -- 点击 • 下载视频 0 评论

00:01:02

5

2

1

1

打造智能自主的 AI 系统: 四大智能体设计模式深度解析
// 通过反思、工具使用、规划和多智能体协作四种设计模式的系统性组合，为构建具有自主能力的AI系统提供了完整的架构方案，使 AI 能够像人类一样进行迭代改进、工具运用、战略规划和团队协作，从而显著提升系统性能
// 各个设计模式的深层原理：
时政
( twitter.com)

5个月前 • meng shao • -- 点击 0 评论

6

2

1

1

怎么实现跨平台的设计系统
一般公司会分别创建和维护 3 套设计系统，应对 iOS、Android 和 Web 平台，而 Musixmatch 只使用一种设计语言，结合 React Native 技术，把一套通用设计系统应用到这三个平台
为用户提供了一致的使用体验，也减少了设计、开发成本
#设计参考
IT技术
( medium.com)

11个月前 • 倪爽 • -- 点击 0 评论

7

3

2

2

用 AI 设计工具做 UI 设计的三个层级
#迷你设计课
我总被问 AI 设计工具的问题，每个人情况不同，以下经验适合技术背景的创业公司、独立开发者
1，用 AI 工具代替 UI 设计师
这是多数程序员的想法，毕竟 AI 可以“节约”设计成本、“降低”和设计师的沟通难度、“加快”整体开发速度
推荐的 AI
IT技术
( twitter.com)

4个月前 • 倪爽 • -- 点击 0 评论

8

2

1

1

收集好看 PPT 设计的网站。
IT技术
( deck.gallery)

1年前 • ding.one • -- 点击 0 评论

9

2

1

1

为什么 AI 工具 flowith 用起来特别累
#设计AI #迷你设计课
flowith 是一款以白板方式组织 AI 对话、使用动态 UI 实现人机交互的 AI 工具，它在 ChatGPT 那种毫无新意的对话式 AI 界面之外，重新发明了 AI 工具的使用方法
设计很有意思，但是用起来很累
从设计角度说一下“很累”的原因…
IT技术
( twitter.com)

11个月前 • 倪爽 • -- 点击 0 评论

0.06444 Second , Gzip Enable.本网所有言论均来自网络，不代表本网站立场。联系方式: [email protected]

©2012.11.21 bad.news All rights reserved. 社区自动运营第 -- 年零 -- 天
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

关注推特