月球背面

中国 UI 设计比西方更复杂？

Wed, 01 Apr 2026 16:00:00 GMT

我们都知道，中国的 App 界面设计总是给人高信息密度、布局紧凑的印象，以至于很多人会感到这些 App 界面过于杂乱，尤其是不同国家地区文化的用户。

至于原因，业内众所周知的原因主要有 3 点：

App 平台化

中国的互联网公司很喜欢以 App 为中心扩张业务范围，背后的原因是在中国基于网页搜索引擎的流量来源在移动互联网时代被近乎完全的抛弃，作为垄断地位的搜索引擎百度已经被边缘化。App 是最重要的「流量入口」，公司 App 靠主营业务吸引用户，再在 App 中推出一系列其他的业务。

所以你可以在类似 Uber 的打车 App（滴滴打车）中贷款、开信用卡、买保险、叫家政。在类似 Dropbox 的网络存储 App（百度网盘）中浏览网页、像 Netflix 一样看电影、像 TikTok 一样看短视频、甚至求职。

意想不到的业务

想象一下 Google 把它的所有业务融合成一个 App，中国的 App 就是这样的产品模式，这就是 App 的平台化。一个 App 的涉及的业务如此之广，意味着功能会非常多，用户界面不可避免的要变得根据复杂臃肿。

绩效驱动的设计

在中国 App 的 UI 设计师的权力范围大多只涉及到视觉呈现，而功能布局大多数时候设计师可做不了主，不同业务的负责人都想方设法让自己的业务尽可能争取界面中更多曝光，而这种情况下界面布局只能由上一级负责人来协调，设计师只能视觉上优化被指派的功能布局。

而这样绩效驱动的设计，自然要榨干屏幕上尽可能多的空间来产生最大的效益，留白就是在寸土寸金的屏幕上浪费金钱。

无论界面设计还是用户体验要为业务完全的让位，最极端的体现就是在中国很多 App 的启动时会有非常长时间的启动广告（开屏广告），并且会随机的强制跳转到广告商的 App 或者网页，你必须前往广告商的 App（例如一个购物 App 的促销产品）后再回到原来想要打开的 App。

所以说，UI 设计其实由设计师决定的部分没有很多，更多的是由业务和商业模式决定的

语言文化差异

最后就是语言文化的差异了，汉字的信息密度会比拉丁文字更高，这在界面设计上也有显著影响，比如用中文设计里能轻松的设计紧凑的宫格，而拉丁文字的设计下，由于文本过长就很难设计的很紧密。

此外按人类学家（Edward T. Hall）的说法，中国是高语境文化（High-Context Culture），在高语境文化下，人们更倾向于从丰富的信息中提取有用的信息，而不是对此排斥。

另外一个语言差异是搜索，由于使用拼音输入中文进行搜索相比英文直接输入要更慢，搜索的优先级并没有那么的高。

如果排除商业因素呢

商业元素是中国 App 设计中最重要的因素，那如果排除商业因素呢，这里我找到了一些很好的例子，就是「博物馆」的 App，各国的博物馆的 App 商业模式差异较小，由绩效主导的程度也较小，设计师的权力范围相对较大，这些 App 的界面设计就更能反映出不同国家地区文化的差异了。

这里我们选取了中国国家博物馆、首都博物馆的官方 App 与西方常用的博物馆 App Bloomberg Connects、British Museum 来对比一下。

我们可以看到，在中国的博物馆 App 的界面设计相比商业 App 简洁一些，但不多，但仍然保留了较高的信息密度和复杂性，而和西方博物馆 App，最大的不一样是着陆页的导航，中国的 App 非常喜欢把尽可能多的功能入口以宫格的形式放在着陆页上，而西方的 App 则的着陆页缺少功能入口，倾向于让用户去导航栏或者搜索栏去寻找功能入口。

看来，商业因素虽然是中国 App 设计中重要的因素，但即使排除商业因素，中国的 App 设计仍然与西方差异很大，最大的差异就是着陆页的功能导航上，看来不管是因为真的文化差异还是用户的使用习惯已经被商业 App 塑造了，中国人确实更喜欢更高信息密度和平铺导航的界面设计。

最后

最后我想说的是，某一个 App 的界面设计风格可能是设计师或者产品团队的设计决策，但如果要论群体的设计风格，它更多的是有商业模式和文化环境所决定的，再追根溯源，其实是由消费者所决定的，最终的消费者选择了什么样的产品，什么样的产品就存活下来，而存活下来的产品的设计风格就会被模仿和延续，形成了一个文化环境，最终形成了一个国家地区的设计风格。

为什么选择 Moonvy 月维?

Mon, 26 Jan 2026 16:00:00 GMT

为什么不用 Figma 自身来交付

你可能有疑问，Figma 本身也可以交给工程师进行协作开发，为什么还需要一个第三方工具，这里就揭示给你为什么那么多团队使用 Moonvy 月维进行交付的理由：

更好用

Moonvy 月维提供的设计交付功能更加强大，并且由于专注于交付上手起来更加容易，比 Figma 有更人性化的操作体验，比如快速多选复制文本、查看图层轮廓。

Moonvy 月维甚至能实现很多 Figma Dev Mode 不能实现的图层效果，如渐变描边、多层文本渐变等。

此外还有切图压缩、CSS rem/vw/vh、微信小程序 rpx、设计倍数切换、专业色彩格式切换等开发者非常需要的功能，可以说在把设计交付给工程师这件事上 Moonvy 月维比 Figma 更好用更强大。

自由切换设计工具，鸡蛋不放在一个篮子里

使用 Moonvy 月维这样的专门的第三方设计交付工具，可以让团队同时使用不同的设计工具如 Figma、Sketch、即时设计等，这样无论设计师使用什么工具，给到工程团队的交付流程与体验能保持一致，即使某个工具出现问题暂时不能使用，也不会影响项目的正常进行。

更便宜

Figma 专业版的席位更加昂贵，在 2024 年后 Dev Mode 也会只有付费后才能使用。通过 Moonvy 月维来进行交付设计能给你省下更多的团队成本。

更专业的设计交付

为了帮助工程师能够轻松的还原设计图每个细节，我们提供了最专业的设计标注与代码生成功能，相比 Figma 自带的 Dev Mode 更加强大。

更人性化的操作体验，工程师实现设计图更高效；
不惧复杂图层与特殊效果，Moonvy 能识别更复杂的设计图，各种特殊的效果都能完美生成代码，甚至 Figma 自带的 Dev Mode 不支持的效果也能通过月维实现；
结构布局一目了然，用「图层轮廓」在开发前先了解页面布局；
设计图到链接文档，串联各个工具。

更强的设计管理

强大的设计管理可以打造一个团队设计资源的唯一信息来源，让团队协作更省心，多类型资源随取随用。

用最适合的方式展示你的设计，设计图逻辑关系用画布视图，设计素材灵感用瀑布流的图墙视图、SVG 插画库用可以用图标视图，多种视图只为更好呈现你的设计。
按你的用途整理文件，动画、视频、图片、设计图都可以在一个文件夹里存储。
在一个页面掌握项目，通过项目概览可以方便看到整个项目的更新情况。

轻松的团队协作

开发进度、任务迭代使用标签管理进度一目了然。
使用「看这里」强提醒在线成员，不遗漏重要消息。
任何文件都可以添加评论和备注，将宝贵的讨论过程保留下来。

极致的用户体验

让操作习惯保持一致，我们为鼠标滚动增加习惯设置。
设计图可以单独设置背景，呈现最好的设计效果。
记不清素材的名称？通过颜色标签可以找到它。
同过「在线的团队成员」将自己传送到对方正在看的设计图一起参与。

与设计师在一起

相比其他产品的团队，Moonvy 月维是一个更用心在设计上、更关心设计师的团队，我们为设计师推出了一系列的好用的工具，并且建立了最有爱的设计师社群，我们希望长期的为设计师这个群体做出更有价值也更有趣的贡献。

哪个版本适合你？

免费版

Moonvy 月维的免费版能够使用全部功能，马上开始使用

团队版

我们根据团队规模提供不同的套餐，可以前往官网升级团队

个人大会员

对偏个人用途的用户，我们提供了「个人大会员」套餐，除了增加基础用量外，未来还会获得增值功能（FigmaEX 同步数据等）。

团队容量 + 10GB
为免费版团队增加 1 位成员额度（可以通过购买大会员构成 10 ~ 20 之间规模的团队）

迁移指南

帮助你快速理解月维的使用逻辑，顺利完成工具的更换并继续高效交付。

了解如何从 蓝湖、摹客或其他设计交付平台 更换到 Moonvy 月维

迁移旧习惯

月维是通过 「设计图文件名称」 来判断是否自动覆盖的，这样可以更灵活地 手动控制设计图的覆盖规则。

如果你仍然希望使用 画板 ID 的方式，可以在 月维 Figma 插件 的设置页面中：

勾选：☑️ 按照画板 UID 上传

设置后，设计图的覆盖规则将与蓝湖保持一致。

img

更多迁移细节前往，迁移指南

Axure 文件托管

月维支持 **Axure 原型文件托管

操作方式如下：

在 Axure 中导出 HTML
将 包含 HTML 的整个文件夹 上传至月维
即可在月维中 同时查看设计图与原型

👉 查看 Axure 文件上传详细帮助

完成以上设置后，即可继续使用 月维进行设计交付。

了解更多功能细节，戳这里

月维新增设计图字体下载功能

Sat, 03 Jan 2026 16:00:00 GMT

现在月维上的设计标注，可以支持下载字体文件了。

支持中文大部分免费商用字体，以及 Figma 中的设计师可以直接使用的用谷歌字体，都可以支持。设计师不用任何操作。

如何操作

打开 Moonvy 月维上的设计标注，选中文本字体，在右侧面板中找到文本属性

点击「下载字体」或者「谷歌字体」按钮，就可以下载

下载后的压缩包内就有 ttf 或者 woff2 格式的字体文件了

需要注意的是，目前不支持上传自定义字体，仅支持匹配 Fimga 中的 Google 字体和常见商业免费字体。

这里推荐几个网页字体工具：

中文字体子集化工具，按需加载部分字体： https://chinese-font.netlify.app/zh-cn/
字体格式转换工具：https://fontsource.org/tools/converter

设计素材周刊 211 期

Sat, 16 May 2026 16:00:00 GMT

📰 设计资讯

Google I/O

太平洋时间 5 月 19 日上午 10 点， Google I/O 大会了解 Google 和 Android 的最新创新。Android 新特性、Chrome 浏览器新功能以及 Google AI 的更新

https://developer.android.com/

会议日程：https://io.google/2026/#schedule

国内 UI 设计工具「妙多」将于今年7月底停止运行

官方关停说明：https://miaoduo.com/help/others/489912186378811

🏆 产品推荐

UI 设计灵感网站

每日用户界面灵感，由设计团队精心挑选

https://collectui.com/

LOGO 变成云朵

在线网页小工具，上传你的 logo 或者矢量图案，会根据轮廓生成云朵的样子，支持导出到本地

https://clouds.kineticstudio.com/

https://x.com/hunterthompson/status/2054622972506497467

截图美化并支持录屏优化

Mac 应用「ScreenTune」工具支持整理截图和屏幕录像，从拍摄·录像，到背景、注解、缩放、导出，一应俱全。无论是日常分享，还是想分享制作好的内容时，都能派上用场的工具，是一次性收费工具

https://screentune.app/

Visual Poetry 是一个基于浏览器的生成式艺术工具

用户粘贴诗歌并上传图片后，系统会让文字沿着图像的轮廓、明暗或区域分布排列，把文本转化成可导出的视觉艺术作品。

https://visualpoetry.kiira.in/

最具创意的 React 动画组件库

React Bits 是一套开源的创意前端组件库，包含动画、交互式和完全可定制的组件，用于构建网站。超过 110 种免费、可自定义的文本、背景和 UI 动画

https://reactbits.dev/backgrounds/orb

https://github.com/DavidHDev/react-bits

🎊 设计素材

高质量动态图标库

一系列流畅、高质量的动画图标，可用于您的下一个项目。直接复制粘贴到您的应用中即可。包含 260+ 个自然高质量的动态图标

https://www.itshover.com/icons

免费在线提示词库 MeiGen

汇集了GPT Image 2、Nano Banana 2、Seedance 2.0、Veo 3.1和Midjourney 的所有比较热门提示词。

https://www.meigen.ai/invite/M3RUXWRD

https://github.com/jau123/MeiGen-AI-Design-MCP

🏖 随便看看

AI 记录型 APP

AI卡路里与实时功能，实时照片食物记录与 AI 扫描

https://apps.apple.com/us/app/littlebite-ai-calorie-live/id6761377025

AI 驱动的小世界构建项目

这是一个帮助用户快速生成世界观、场景、角色或故事雏形的工具。你只要提供一点想法，它就能帮你把一个小型的虚拟世界原型搭出来。可以打开网页体验他

https://tinyworld.build/

类似的项目还有另一个：https://github.com/boona13/mykonos-island-voxels

小型 ESP32 控制面板

这个好玩，ESP32 小屏幕放在桌面上，随时瞥一眼就知道 Claude Code 配额还剩多少，省得在终端里来回切。

https://x.com/geekbb/status/2054352171018403890

https://github.com/HermannBjorgvin/Clawdmeter

Github 的小章鱼动画

在 AI 泛滥的时代，我们中的一些人仍然在手工制作东西，GitHub Copilot 应用的 Octocat 是在 Blender 中建模、绑定和动画化的

https://x.com/CameronFoxly/status/2054976947806241214

我们是谁？

Moonvy 月维是一款专业的「设计资源管理工具」，让设计图的管理与交付在浏览器中就能轻松完成。提供更高效的切图、标注体验，并支持多种开发代码格式，让设计交付更省心、更顺畅。（moonvy.com）

设计素材周刊 210 期

Sat, 09 May 2026 16:00:00 GMT

🏆 产品推荐

照片变海报

简单的工具让为照片或图片增加设计感的细节，变成具有艺术感的海报

https://brand-generator.stoyanov.works/

iconfont 一键复制 SVG（谷歌浏览器插件）

适合设计师、前端开发者、内容创作者 —— 任何需要频繁从 iconfont 获取素材的人，都能节省 80% 的重复操作时间

包含一键复制 SVG / PNG、独立尺寸设置、单色图标颜色设置、格式自由切换、智能直接下载等便捷功能

https://chromewebstore.google.com/detail/mdppffkkdflablljjebkdbibbeilpanp

2个特殊符号网站

包含多种种类的特殊字符，颜文字、中文特殊字符、数学字符、函数、天气等各种特殊符号

http://atmsps.top/apps/tsfh/tsfh.html#section-1

https://emojidb.org/starfish-emojis

AI 图片提示词灵感库

覆盖 APP、运营、海报、插画与 IP 等设计场景，每张图都配有可直接复制的 AI 提示词，让灵感随取随用，全部由 GPT-image2 完成

https://image2hub.netlify.app/

韩国的设计网站

设计师社区可以发布设计也可以浏览器各种类型的设计灵感和案例

https://notefolio.net/

为 PNG 元素添加描边插件

Figma 中为 PNG 元素添加符合元素轮廓的描边，非常实用并且免费

https://www.figma.com/community/plugin/1457662942651611491

轻量级图片处理插件

Simple Image 是一款面向设计师与日常用户的轻量级图片处理插件，提供类似 PS 的核心基础功能，可以在插件内完成常见的图片编辑操作，如色彩调整、简单修复等，无需打开大型软件即可快速处理图片

https://www.figma.com/community/plugin/1615558697625316087/simple-image?q_id=22f8cdbb-d8d0-4f74-a882-ea5516c38f50

🎊 设计素材

APP 灵感

不安装软件的情况下可以直接查看APP的交互、界面、动画等内容

https://www.spottedinprod.com/apps/arcsearch

UI 设计系统免费文件

NexUI 设计系统 v1.0 正处于积极开发阶段。组件、设计令牌（Tokens）及相关文档均在定期更新中。

目前包含、485 个组件、 65 个页面、168 个变量（涵盖颜色、间距、圆角、排版）、5 种模式（含深色与浅色模式），以及专为 React、Tailwind CSS 及 TypeScript 工作流打造，支持自动布局（Auto Layout）

https://www.figma.com/community/file/1634721689281002450

https://www.figma.com/community/file/1597689109043873925/toggle-ui-simplify-your-themes-modes-and-font-switching?q_id=2e5d0c6b-33e1-4598-96dc-013e0e86f612

背景图案素材

Toggle UI 的配套资源库——包含网格图案、点阵列、栅格瓦片、叠加蒙版、背景叠加层以及矢量源文件。所有图案均为矢量格式，完全可编辑，并旨在与 Toggle UI 的主题及模式系统实现无缝协同。免费使用。

https://www.figma.com/community/file/1634670417196145369

Vaadin 设计系统免费文件

专为 Vaadin 设计系统（采用 Aura 主题）打造的 Figma 资源库。该资源库适用于 Vaadin Web 组件及 Vaadin 框架，助力开发者利用纯 Java 语言构建精致的 Web 应用程序。库中组件均包括自动布局、属性、变体及插槽等。该 Figma 文件力求尽可能精准地还原 Vaadin Web 组件的实际效果。

https://www.figma.com/community/file/1634129379077243697

🏖 随便看看

漂亮的工业设计产品网站

一个漫步于以工艺和关怀打造的产品之间的场所

https://roam.neesh.page/

https://www.curated.supply/

哪个设计更好？

我们目前每天都在接触 AI 工具，AI 工具常用的对话框设计哪种附件的展示方式更喜欢，可以评论区聊聊你的看法

https://x.com/_heyrico/status/2053158331905450090

我们是谁？

设计素材周刊 209 期

Sun, 26 Apr 2026 16:00:00 GMT

📰 设计资讯

Framer 着色器更新

最近 Framer 一系列的着色器更新，能做超炫的品牌 LOGO 视觉效果适合推广使用

渐变着色器，能够模拟光线在全息表面上分解成彩虹的效果。与直接控制颜色不同，您可以控制塑造颜色的数学公式，以及着色器的扭曲和流动方式。Holo 现已在“插入”面板的“着色器”类别下提供，这个效果真的非常帅，许愿希望 Figma 也赶紧跟上

https://www.framer.com/updates