Morph拥有超过300个工具。文件转换、图像编辑、PDF操作、视频剪辑、二维码生成、颜色选取、数据格式化、字体转换等,还有更多。这个数字是优势,但也带来了设计问题。如果您在两秒内找不到所需工具,拥有300个工具与没有工具并无区别。
旧版浏览页面以扁平网格形式列出工具。当 Morph 有 40 个工具时,这种设计尚可。但当工具数量达到 300 个时,它变成了电话簿。您需要滚动、眯眼查看,最终放弃使用并转而使用工具栏。这种体验并不理想。
新的浏览页面是全面重新设计。它围绕一个理念构建:无论您知道要找什么还是只是在探索,每个工具都应在两秒内触达。
发生了什么变化
重新设计的浏览页面以单个标题开头,使用Cormorant Garamond字体: “所有工具。一个标签页。” 在其下方,页面展开为四个不同区域,每个区域专为不同的用户意图设计。
顶部,三个特色渐变卡片展示了定义Morph的工具:Morph 图像编辑器(完整图像编辑器)、视频编辑器(视频编辑器)和二维码生成器。每个卡片都有微妙的悬停动画——轻微抬升和缩放——使整个页面感觉响应迅速且充满活力,而不会显得分散注意力。在移动设备上,这些卡片会缩小以适应220像素宽的水平滚动。
在特色卡片下方,一行常用转换标签展示了最常见的文件转换:PNG 转 JPEG、MP4 转 MP3、HEIC 转 JPG、PDF 转文本,以及 WebP 转 PNG。这些是一键快捷方式,可直接访问人们最常搜索的转换组合。无需菜单、无需下拉框。点击标签,拖入文件,完成。
下方,类别卡片将所有工具组织为可浏览的分组。每个卡片左侧有3px实线边框(每类别颜色唯一),格式计数徽章和转换对计数。图像工具、视频工具、音频工具、文档工具、开发工具、数据工具——每个类别都是目的地,而非过滤器。
真正有效的搜索
搜索栏位于页面顶部附近。显示「搜索 300+ 工具...」,输入时实时过滤整个工具目录。无提交按钮,无加载旋转器。每个按键立即缩小结果范围 即时,因为搜索在客户端直接运行,无需服务器。
当搜索输入框获得焦点时,其周围会出现微妙的橙色光晕——与Morph中所有活动状态使用的#FF5200强调色相同。输入文本后,会出现一个小的清除按钮,只需轻点一下即可重置搜索,无需选择并删除。
这是故意保持简单的。没有模糊匹配,没有排名算法,没有 AI 驱动的建议引擎。它只是一个文本过滤器,应用于平面列表。它之所以有效,是因为工具名称和描述写得清晰,且在此规模下客户端过滤几乎是 即时 的。有时最好的搜索体验就是零延迟的体验。
分类即目的地
大多数工具目录将类别视为筛选器。您从下拉菜单中选择一个类别,网格将重新渲染以显示子集。这虽然有效,但将浏览体验简化为一种交易性操作。您知道自己想要什么,进行筛选,然后离开。
新的浏览页面以不同方式处理类别。每个类别卡片显示两个数字:支持的格式数量和可用的转换对数量。图像工具卡片不仅显示“图像”——还会告诉你有15+种格式和80+种转换对可用。这种上下文将标签转化为探索的邀请。
卡片以交错动画进入视口,每张卡片在前一张出现后30毫秒显示。悬停时,玻璃面板效果激活:多层阴影与背景模糊结合,形成深度效果,使卡片感觉像是从表面抬起。这些并非装饰性点缀,而是反馈机制,告知你当前位置及可交互内容。
每个动画均尊重prefers-reduced-motion媒体查询。如果您的操作系统设置为减少运动,则会禁用交错和悬停效果。无障碍不是事后考虑——它已融入每个交互中。
精选工具
浏览页面顶部的三个精选卡片是人工精选的,而非算法生成。没有流行度排名、没有A/B测试、没有参与度指标决定哪些工具出现在首页。精选工具代表了Morph的最佳功能。
Morph 图像编辑器 是一个带有图层、蒙版、混合模式和 AI 驱动功能(如生成填充和对象移除)的完整图像编辑器。视频编辑器 是一个基于浏览器的视频编辑器,支持时间线编辑、色彩分级、速度渐变、LUT 支持以及适用于 YouTube、Instagram、TikTok 和 GIF 的导出预设。二维码生成器可即时创建可扫描的代码,支持自定义颜色和大小。
这些并非唯一值得突出的工具。但精选意味着做出选择。三张卡片,三个工具,一个清晰的信息:Morph 不仅是文件转换器,更是一个创意平台。
为何重要
拥有300个条目的工具目录并非产品,而是一张电子表格。产品是用户打开“浏览”到找到所需内容之间的体验。这个间隙应以秒为单位衡量,而非滚动。
优秀的工具是隐形的。您搜索,您找到,您使用。您无需阅读文档,无需观看教程,无需创建账户。新浏览页面正是围绕这一原则设计的。一切屏幕上的内容要么帮助您找到工具,要么向您展示您不知道存在的工具。
没有注册墙,没有上传要求。大多数工具完全在您的浏览器中运行,无需服务器参与。您的文件始终保留在您的设备上。这一隐私保障并非营销口号——而是架构本身。Morph 使用 WebAssembly 和 JavaScript 在客户端处理文件。除非您明确使用 AI 功能,否则文件不会触碰服务器,即使使用 AI 功能,处理也通过 Cloudflare Workers 完成,无存储或日志记录。
300多种工具集成在一个应用中,若无法快速找到所需工具,则毫无意义。浏览功能的重新设计使查找正确工具的速度与使用速度一样快。
如果你尚未探索Morph超越文件转换的功能,浏览页面是开始的最佳起点。图像压缩、视频编辑、字体转换、元数据提取、加密、图表生成、简历制作——所有功能均按类别组织并可搜索。
打开浏览页面,输入所需内容,查看结果。或者完全不输入任何内容——只需滚动。您可能会发现一个您不知道需要的工具,例如一个在浏览器中完全运行的图像压缩器,或一个导出为GIF并优化调色板的免费视频编辑器。
所有工具。一个标签页。零杂乱。