Morph 博客
产品

Morph的新浏览体验:300+工具,零杂乱

由Morph提供5分钟阅读
2026年3月20日 · 阅读时长4分钟

Morph拥有超过300个工具。文件转换、图像编辑、PDF操作、视频剪辑、二维码生成、颜色选取、数据格式化、字体转换等,还有更多。这个数字是优势,但也带来了设计问题。如果您在两秒内找不到所需工具,拥有300个工具与没有工具并无区别。

旧版浏览页面以扁平网格形式列出工具。当 Morph 有 40 个工具时,这种设计尚可。但当工具数量达到 300 个时,它变成了电话簿。您需要滚动、眯眼查看,最终放弃使用并转而使用工具栏。这种体验并不理想。

新的浏览页面是全面重新设计。它围绕一个理念构建:无论您知道要找什么还是只是在探索,每个工具都应在两秒内触达。

发生了什么变化

重新设计的浏览页面以单个标题开头,使用Cormorant Garamond字体: “所有工具。一个标签页。” 在其下方,页面展开为四个不同区域,每个区域专为不同的用户意图设计。

顶部,三个特色渐变卡片展示了定义Morph的工具:Morph Artboard(完整图像编辑器)、Flowcut(视频编辑器)和二维码生成器。每个卡片都有微妙的悬停动画——轻微抬升和缩放——使整个页面感觉响应迅速且充满活力,而不会显得分散注意力。在移动设备上,这些卡片会缩小以适应220像素宽的水平滚动。

在特色卡片下方,一行常用转换标签展示了最常见的文件转换:PNG 转 JPEG、MP4 转 MP3、HEIC 转 JPG、PDF 转文本,以及 WebP 转 PNG。这些是一键快捷方式,可直接访问人们最常搜索的转换组合。无需菜单、无需下拉框。点击标签,拖入文件,完成。

下方,类别卡片将所有工具组织为可浏览的分组。每个卡片左侧有3px实线边框(每类别颜色唯一),格式计数徽章和转换对计数。图像工具、视频工具、音频工具、文档工具、开发工具、数据工具——每个类别都是目的地,而非过滤器。

真正有效的搜索

The search bar sits near the top of the page. It reads "Search 300+ tools..." and filters the entire tool directory in real time as you type. There is no submit button. There is no loading spinner. Every keystroke narrows the results instantly because the search runs entirely client-side against the tools array.

当搜索输入框获得焦点时,其周围会出现微妙的橙色光晕——与Morph中所有活动状态使用的#FF5200强调色相同。输入文本后,会出现一个小的清除按钮,只需轻点一下即可重置搜索,无需选择并删除。

这是故意保持简单的。没有模糊匹配,没有排名算法,没有 AI 驱动的建议引擎。它只是一个文本过滤器,应用于平面列表。它之所以有效,是因为工具名称和描述写得清晰,且在此规模下客户端过滤几乎是 即时 的。有时最好的搜索体验就是零延迟的体验。

分类即目的地

大多数工具目录将类别视为筛选器。您从下拉菜单中选择一个类别,网格将重新渲染以显示子集。这虽然有效,但将浏览体验简化为一种交易性操作。您知道自己想要什么,进行筛选,然后离开。

新的浏览页面以不同方式处理类别。每个类别卡片显示两个数字:支持的格式数量和可用的转换对数量。图像工具卡片不仅显示“图像”——还会告诉你有15+种格式和80+种转换对可用。这种上下文将标签转化为探索的邀请。

卡片以交错动画进入视口,每张卡片在前一张出现后30毫秒显示。悬停时,玻璃面板效果激活:多层阴影与背景模糊结合,形成深度效果,使卡片感觉像是从表面抬起。这些并非装饰性点缀,而是反馈机制,告知你当前位置及可交互内容。

每个动画均尊重prefers-reduced-motion媒体查询。如果您的操作系统设置为减少运动,则会禁用交错和悬停效果。无障碍不是事后考虑——它已融入每个交互中。

精选工具

浏览页面顶部的三个精选卡片是人工精选的,而非算法生成。没有流行度排名、没有A/B测试、没有参与度指标决定哪些工具出现在首页。精选工具代表了Morph的最佳功能。

Morph Artboard 是一个带有图层、蒙版、混合模式和 AI 驱动功能(如生成填充和对象移除)的完整图像编辑器。Flowcut 是一个基于浏览器的视频编辑器,支持时间线编辑、色彩分级、速度渐变、LUT 支持以及适用于 YouTube、Instagram、TikTok 和 GIF 的导出预设。二维码生成器可即时创建可扫描的代码,支持自定义颜色和大小。

这些并非唯一值得突出的工具。但精选意味着做出选择。三张卡片,三个工具,一个清晰的信息:Morph 不仅是文件转换器,更是一个创意平台。

为何重要

拥有300个条目的工具目录并非产品,而是一张电子表格。产品是用户打开“浏览”到找到所需内容之间的体验。这个间隙应以秒为单位衡量,而非滚动。

优秀的工具是隐形的。您搜索,您找到,您使用。您无需阅读文档,无需观看教程,无需创建账户。新浏览页面正是围绕这一原则设计的。一切屏幕上的内容要么帮助您找到工具,要么向您展示您不知道存在的工具。

没有注册墙,没有上传要求。大多数工具完全在您的浏览器中运行,无需服务器参与。您的文件始终保留在您的设备上。这一隐私保障并非营销口号——而是架构本身。Morph 使用 WebAssembly 和 JavaScript 在客户端处理文件。除非您明确使用 AI 功能,否则文件不会触碰服务器,即使使用 AI 功能,处理也通过 Cloudflare Workers 完成,无存储或日志记录。

300多种工具集成在一个应用中,若无法快速找到所需工具,则毫无意义。浏览功能的重新设计使查找正确工具的速度与使用速度一样快。

如果你尚未探索Morph超越文件转换的功能,浏览页面是开始的最佳起点。图像压缩、视频编辑、字体转换、元数据提取、加密、图表生成、简历制作——所有功能均按类别组织并可搜索。

打开浏览页面,输入所需内容,查看结果。或者完全不输入任何内容——只需滚动。您可能会发现一个您不知道需要的工具,例如一个在浏览器中完全运行的图像压缩器,或一个导出为GIF并优化调色板的免费视频编辑器

所有工具。一个标签页。零杂乱。

浏览 300+ 工具