视觉设计

CSS 复现 23 种设计风格：从拟物到液态玻璃的成本阶梯与兜底写法【实战】液态玻璃上线 16 个月后，苹果在 iOS 26.1 给它加了个开关。这篇文章用 CSS 复现 2007–2028 年的 23 种设计风格，回答三个工程问题：

西西木科技丨Shopify开发机构

独立站极简设计：字体、影像与构图如何形成品牌识别打开几个独立站，白色背景、大幅图片、细线和简短标题，看上去都很干净。可关掉页面以后，有的还能让人想起一种气质，有的只剩下“挺好看”的印象。

为什么独立开发者都应该试试 Open Design？我见过不少独立开发者的产品，技术底子都还行，设计却像贴了张草稿纸。功能都有，就是看着不专业。用户说不出哪里不对，反正不愿意掏钱。

堆了 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 一键完成，适合产品、设计、开发快速原型沟通！