Digidop全新语言切换器设计系列

任何从事过网站设计工作——甚至只是思考过网站设计的人——都深有体会：要在美观与吸引力之间找到恰当的平衡点绝非易事。同样困难的，是设计出既简洁又高效的用户体验。网站的所有元素都面临着这样的挑战，而本文将聚焦语言切换按钮这一具体元素，进行更深入的探讨。

除了作为网页内容翻译解决方案Weglot 通过语言切换按钮实现从用户体验角度发布多语言网站的功能。Weglot 集成Weglot 网站后，您会发现默认按钮设计既简约又高效。但若您追求创意，可能更倾向于个性化定制。 此时您可利用基础设置功能，选用预设模板，若精通CSS设计，甚至能亲手打造专属按钮。

本文将带您了解这些语言切换器模板，您可在我们自家的切换器图库中找到它们。若需更多选择，不妨浏览我们与Finsweet合作打造的模板合集。

关于合作

几年前，我们Webflow 知名的网页设计公司 Finsweet合作，开发了多款可克隆复用的语言切换器设计方案，适用于Webflow 。这些设计甚至能在任何技术平台上使用。该项目取得了巨大成功——这些语言切换器已在各类网站上被复制使用超过8000次！

不过，越来越多的设计师，尤其是网络代理团队，开始跳出固有思维，调整甚至设计自己的切换器，为他们开发的网站用户提供独特的体验。

显然，Digidop正是如此。这家成立于2021年的网络代理公司，是法国首家且唯一Webflow 三重Webflow 机构：Webflow 、客户至上认证及Webflow 领军者Webflow 。迄今为止，该公司已为不同领域的客户完成60余个网站项目，并通过免费内容和在线学院分享专业知识。 公司创始人弗洛里安与托Weglot诞生伊始便是最活跃的合作伙伴。他们通过各类文档与 视频 Weglot 社区分享Weglot 经验，更难能可贵的是始终积极提供宝贵反馈Weglot助力我们持续优化产品。

当我们考虑与一家代理公司合作提供新的语言切换器系列时，我们知道 Digidop 团队的经验、批判性和技术眼光将促成一次富有成效的合作。

因此，第一步Weglot 共同思考如何优化技术集成与切换器的运行机制，以实现尽可能无缝的体验。随后，Digidop团队凭借其艺术与设计才能，设计出5款语言切换器方案，我们将在本文中为您详细展示。

5款适用于网站的语言切换器设计方案

极简主义与流畅线条近期在网页设计领域蔚然成风。Digidop推出的首款语言切换器正是顺应这一潮流而生。它采用简约的下拉菜单设计，Weglot默认提供的功能相似，但线条更为简洁。用户操作便捷，更重要的是其高度通用性，能完美适配各类网站设计风格。

为保持用户体验的极简风格，这里是第二种语言切换器。仅包含语言名称和箭头，别无他物。此语言选择按钮具备通用访问性，不会破坏网站设计布局。简单、高效且不显眼。

当网站提供大量语言选项时，这些极简设计便显露出局限性。 语言切换器必须保持简洁，避免呈现购物清单般的繁杂感。为兼顾设计流畅性与功能性，Digidop设计机构开发了这款第三代语言切换器——用户只需点击语言选项即可弹出语言选择窗口。这种以大窗口形式呈现的菜单设计，正成为网站的新兴趋势。对于多语言网站而言，此类切换器堪称理想之选。

近几个月浏览网页时，你可能遇到过色彩极简的网站，甚至只有两种强烈对比色的双色网站。要实现美观又高效的效果，必须精心保持元素的简洁性。这正是第四代语言切换器所应对的挑战——通过轻触开关般的操作，点击其中一种语言即可完成选择。 当然，若仅提供两种语言选项，此设计效果最佳。

同样，一些网站通过使用大字体，有时是粗体，甚至是大写字母，来推动双色、粗犷的方法。Citadium网站就是这样做的。基于这一趋势，Digidop 团队推出了第五款，也是最后一款切换器。它可用于 2 种或大量语言，并确保用户可以方便地使用。

‍“

这些语言切换器供您使用、玩弄，甚至从中获得灵感。您可以克隆和定制它们，以适应您的设计和用户体验。在这次新的合作中，根据 Digidop 的建议，我们进一步完善了这个系列，为您提供了在前端重复使用它们的机会。您也可以在项目的模拟阶段自由使用它们。

Digidop 联合创始人托马斯-拉博内（Thomas Labonne）在本视频中揭示了这一合作的所有秘密，并解释了如何直接在 Figma 上使用语言切换器。 在这里，您可以找到 Figma 文件。

那么，若您准备尝试直接Webflow 复用这些语言切换器模板，这里提供了所有可克隆的组件。接下来，Digidop联合创始人Florian Bodelot将为您详细演示这些语言切换器的使用方法。

结论

现在，您可以在您的网站设计项目中享受重复使用这些组件的乐趣了。我们要感谢Digidop公司团队的反馈、技术支持和高超的设计技巧。请不要忘记查看他们的教育内容，这将有助于您在项目中更进一步。

随着网页设计的不断发展，我们计划推出新的语言切换器系列。因此，如果您有任何设计想法，请随时告诉我们。