视觉设计

堆了 20 套主题、10+ 组件，用户还是用不出来？我给设计 Skill 加了「自动驾驶」最近我一直在折腾 Han Design。它原本是一个给 AI Agent 用的中国风网页设计 Skill，里面有主题、颜色、字体、组件、纹样、排版规则，也有 han.css 和 han-scoped.css 这样的 CSS 资产。

我给 Han Design 做了 6 套很值钱的中国风配色主题代码、主题展示页和参考说明见 Han Design 项目仓库。github.com/you-want/ha…

把中式美学塞进工具站，到底怎样才不土？我拿烟火食间试了一遍事情是这样的。前两天，我一直在改烟火食间的主题。它是个帮你规划饮食的网站。你填几个人吃、吃几天、有没有忌口，再加一点口味、预算和做饭时间，它给你一周菜单，顺手把采购清单也理出来。

格式塔设计原则全解析：12项核心原则在 UI/UX 中的实战应用指南【原创投稿】原创发布于 https://figma-file.store/blog/4533.html

cos-design RippleWater & SmokeFog：水面涟漪与烟雾雾气怎么做发布日期：2026-07-24 标签：前端 / React / WebGL / Canvas / 组件库 / cos-design / 视觉特效

cos-design WeatherBackground：用 Canvas 做一个「会变天」的背景引擎发布日期：2026-07-22 标签：前端 / React / Canvas / 组件库 / cos-design / 视觉特效 / Open-Meteo

如何用AI辅助LOGO设计还记得年初的时候在社交平台上看到各种达人对AI生成LOGO的失败尝试，感叹人类在标志图形设计这个方向守住了边界，不曾料到才几个月过去，这块看似坚固的城墙已经开始动摇了，AI视觉理解重构这项能力的出现让出图的可控性再次上了新台阶，在AI的启发协助下设计LOGO也变成了现实。说话打不过就加入，今天就来分享下如何与AI这位“完美”队友并肩做设计。

挑战一句话生成可视化大屏设计稿ChatGPT Image 2.0 的出现，让数据可视化大屏的设计工作又迎来了一次跃迁。我最近在想如果用户只说一句“我要做一个智慧港口大屏”，AI 能不能直接帮我们生成一张可用的设计稿？

cos-design v3.0：从 15 个 Demo 到 49 个组件的视觉特效库本文记录 cos-design v3.0.0 的重大升级——一次将组件规模扩大三倍以上、并重新梳理产品结构的版本发布。如果你正在评估是否引入、或从 v2.x 升级，这篇文章会比 CHANGELOG 更完整地说明「做了什么」以及「为什么这样做」。

分享 5 套 uni-app 实用主题，一键适配暗黑模式在 uni-app 移动应用开发中，主题系统不仅影响视觉美感，更直接关系到可用性、可访问性和品牌感知。

前端暗黑模式的适配艺术你有没有发现，Vibe Coding 流行后，出现了大量深色背景、暗黑模式的网站。先不论它们 AI 味重不重，但有些网站的暗黑模式下，真的让人看着不舒服，是生理层面、看着的不舒服。

给设计稿做体检：我搓了个 Skill，专治 Figma 转代码出垃圾前阵子聊 Figma MCP，大家都说香——稿子链接一丢，组件代码自动出来，不香吗？直到我亲眼看到一份转出来的产物：

什么是包容性设计？从跨文化、性别到种族多样性的 UX 设计实战【投稿】原创文章发布于 https://figma-file.store/blog/4494.html

我在 React Canvas 里做了一个液态玻璃透镜效果最近我在 react-canvas 里做了一版「液态玻璃透镜」后处理，目标是：这篇文章记录一下这个效果的实现思路、关键代码和踩坑。

一篇文章让你读懂Figma的原始数据结构最近使用AI做还原视觉相关的提效项目，在AI还没出来之前也刚好做过Figma相关的实践和项目，也趁此机会温故知新一下，分享给有需要的童鞋~

MasterGo AI 实战教程：10分钟生成网页设计图（附案例演示）一款能让你写一句话，自动生成 UI 页面的工具，你用过吗？本文带你从 0 上手 MasterGo AI，快速生成网页 / APP / 后台管理系统等高保真设计稿，全程 AI 一键完成，适合产品、设计、开发快速原型沟通！

Vue项目中字体引入：完整实操指南前言：在 Vue 项目开发过程中，常会遇到需引入特殊字体的场景（如 UI 设计稿指定的鸿蒙字体）。若仅在代码中设置font-family而未完成字体文件的引入配置，页面端始终无法呈现设计预期的字体效果。

翻译：苹果那传奇般的细节关注去哪儿了？以下是该网页文章《What Happened to Apple's Legendary Attention to Detail?》的中文翻译：

草梅 Auth 与 AI 开发心得 | 2025 年第 27 周草梅周报本文在草梅友仁的博客发布和更新，并在多个平台同步发布。如有更新，以博客上的版本为准。您也可以通过文末的原文链接查看最新版本。