UI - 值得一看 - 第3页

用 v0 快速生成高质量网页UI的实战流程

v0 是一个面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可v0 是面向产品与设计的 UI 生成工具：用自然语言描述界面与交互，即可快速生成可用的网页 UI 草稿代码。本文用一次从需求到落地...

设计经验 3天前 0

Figma AI：用提示词快速生成UI草稿与组件的实战流程

Figma AI 是 Figma 内置的智能能力，适合用提示词快速生成界面草稿、文案占位与组件变体，并在同一画布里继续迭代与协作。本文用一套可复用流程，带你从需求到可交付的UI初稿。

设计经验 3天前 0

用 v0 快速生成高质量 UI：从提示词到可交付页面

v0 是 Vercel 推出的 AI UI 生成工具，适合把需求或草图快速变成可运行的页面结构。本文用一个完整示例讲清提示词写法、组件迭代、落地交付与常见坑。

设计经验 3天前 0

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

分享 Uizard Autodesigner 这款 UI 生成工具的实用用法：如何把需求文字或草图快速变成可编辑的界面原型，并用组件与风格约束做一致性迭代，适合产品经理与设计师提效。

设计经验 3天前 0

Figma AI：从提示词到可编辑UI原型的高效工作流

分享一个近期讨论度很高的 UI 生成工具：Figma AI。它把“从需求到可编辑界面”的步骤串成一条工作流，适合产品设计运营快速出原型、迭代布局与文案。

设计经验 4天前 0

Galileo AI：用提示词生成UI原型的上手指南

Galileo AI 是一款面向产品与设计工作的 UI 生成工具：用一句清晰的需求描述，就能生成可参考的界面布局与组件结构，适合作为原型早期的灵感起点与快速迭代素材。本文用一个完整示例讲清楚如何写提示词、如何...

设计经验 4天前 0

v0.dev：用一句话生成高质量UI原型并导出可用代码

v0 dev 是 Vercel 推出的 UI 生成工具：用自然语言描述页面需求，即可生成可编辑的界面方案与前端代码。适合快速做原型、落地组件规范，并与现有设计系统对齐。

设计经验 4天前 0

为什么导出 PNG 会发虚：像素对齐与抗锯齿的十个检查点

导出 PNG 出现发虚、边缘毛、文字不清晰，很多时候不是软件问题，而是像素对齐、缩放比例、抗锯齿与导出流程的组合坑。本文给出一套可逐项排查的检查点，帮助你快速定位并修复。

设计经验 4天前 0

UI 设计里「一致性」不是死板：6 个你能立刻用上的规则

很多团队把“一致性”理解成所有页面长得一模一样，结果牺牲信息层级与效率。本文用 6 条可落地的规则解释：什么时候该一致，什么时候该刻意变化，并给出快速自检清单。

设计经验 4天前 0

配色不脏不灰：从对比到饱和度的 7 个快速修正方法

配色看起来发灰、发脏，往往不是颜色选错，而是对比关系、饱和度分配、材质与光照逻辑没统一。本文用 7 个可直接套用的修正方法，帮助你把界面与海报的颜色拉回干净、清晰、有层次的状态。

设计经验 5天前 0

12个免费图标网站清单：可商用资源与使用要点

整理12个常用免费图标网站，附网址，并说明授权与下载格式要点，适合UI 海报产品设计快速取用。

设计经验 5天前 0

为什么你做的按钮“不够清晰”？对比度与WCAG的入门科普

界面看不清往往不是“字体太小”，而是前景与背景对比度不足。WCAG给出对比度建议：正文常用4 5:1，大号文字3:1，有助于提升可读性与无障碍体验。

值得一看 7天前 0

颜色值#FFFFFF是什么意思？HEX与RGB的换算与常见坑

HEX是用十六进制表示RGB通道的写法，例如 FFFFFF=RGB(255,255,255)。理解通道范围、缩写 FFF、透明度 RRGGBBAA等规则，能避免改色与对齐出错。

值得一看 7天前 0

SVG和PNG的区别是什么？图标交付选哪个更合适

SVG是矢量格式，可无限缩放且便于在网页中改色；PNG是位图格式，适合复杂纹理与需要像素级呈现的内容。图标线稿多用SVG，图片特效多用PNG。

值得一看 7天前 0

UI组件做不齐的9个原因与统一方法

组件怎么摆都不齐，通常不是审美问题，而是缺少统一坐标、间距体系与组件规则。本文总结9个最常见原因，并给出一套可落地的统一方法（含检查清单），适合Figma Sketch等场景。

设计经验 1个星期前 0

从“好看”到“能用”：新手做UI最容易踩的10个细节坑与修正方法

把UI做得“能用”比做得“好看”更难。整理10个新手最容易踩的细节坑：对齐、间距、状态、字号、对比、触达面积、文案长度、图标一致性、导出规范、交付信息。每个坑都给可操作的修正方法。

设计经验 1个星期前 0

设计师不被 AI 替代的 5 个能力：从“出图”到“出系统”

过去一年，AI 把“快速出图”这件事推到了新高度：参考图、风格迁移、文生图、组件生成……很多人焦虑的点也很直接：当出图门槛变低，设计师还能靠什么建立价值？答案不是“学更多工具”，而是把工作方式从“交...

值得一看 3个星期前 0

10个海外高质量设计资源站

在 2026 年的设计环境下，除了大家耳熟能详的 Behance 和 Dribbble，还有很多垂直且极具深度的资源站。为了满足你对“高质量”的需求，我整理了 10 个在灵感、素材、UI UX 和商用资源方面表现最顶尖的海外网站：

设计经验 3个星期前 0

ComfyUI工作流下载渠道整理

OpenArt Flow和Comfy Workflows是获取ComfyUI工作流的首选，Civitai也值得关注，eSheep和Liblibai则为国内用户提供了免装备工作流下载和在线服务。根据自身需求在这些渠道选择合适的工作流,将大大提高ComfyUI的...

设计经验 2024-04-05 0

ComfyUI 新手入门教程附安装文件

ComfyUI是Stable Diffusion的一款用户界面，与WebUI相似，可实现文生图、图生图、图像处理、AI视频生成等操作。

设计经验 2024-04-05 0

#UI

用 v0 快速生成高质量网页UI的实战流程

Figma AI：用提示词快速生成UI草稿与组件的实战流程

用 v0 快速生成高质量 UI：从提示词到可交付页面

Uizard Autodesigner：从需求到UI稿的生成与迭代方法

Figma AI：从提示词到可编辑UI原型的高效工作流

Galileo AI：用提示词生成UI原型的上手指南

v0.dev：用一句话生成高质量UI原型并导出可用代码

为什么导出 PNG 会发虚：像素对齐与抗锯齿的十个检查点

UI 设计里「一致性」不是死板：6 个你能立刻用上的规则

配色不脏不灰：从对比到饱和度的 7 个快速修正方法

12个免费图标网站清单：可商用资源与使用要点

为什么你做的按钮“不够清晰”？对比度与WCAG的入门科普

颜色值#FFFFFF是什么意思？HEX与RGB的换算与常见坑

SVG和PNG的区别是什么？图标交付选哪个更合适

UI组件做不齐的9个原因与统一方法

从“好看”到“能用”：新手做UI最容易踩的10个细节坑与修正方法

设计师不被 AI 替代的 5 个能力：从“出图”到“出系统”

10个海外高质量设计资源站

ComfyUI工作流下载渠道整理

ComfyUI 新手入门教程附安装文件

大家都在看

设计笔记