浅谈 BentoUI

BentoUI 具有信息展示全面、传达效率高的优点。将不同的功能和信息按信息逻辑分配在各个分区中，有效提高信息的可读性，用户可以根据分区摘要信息快速寻找内容。而且它的页面形式感十分强烈，视觉冲击力充足，能给人留下深刻的印象，勾起用户兴趣。因此，它很适合应用在展示商品信息、个人作品集、工具类 UI 的仪表盘等需要同时展示同类信息的设计场景。

另一方面，即使并非上述这种处理繁杂信息的设计需求，BentoUI 天然适配响应式设计的基因和丰富的微交互空间也是设计师不错的选择，既能提高工作效率，保证用户在不同设备上都能获得较一致的用户体验，也能为页面增添色彩，为用户带来惊喜和满足感。

然而，BentoUI 也存在比较明显的短板，那就是视觉动线模糊。相比常见的列表布局，信息密集且平铺的 BentoUI，无论采用何种设计方法，都很难为用户梳理出一条清晰的视觉动线。聚合式的卡片结构，始终会使用户的视觉焦点被分散。在信息并列展示的页面中，这个问题或许并不明显，但如果是遇到有明显阅读顺序或者需要强调步骤的设计场景， BentoUI 明显完成不了任务。

BentoUI 清晰的结构与直观的视觉风格相结合，满足了用户对界面清晰度的要求，也能在并列展示大量信息的场景中出色发挥；凭借其天生的适应性，BentoUI 满足了对在各种设备上无缝运行的相应式设计需求；还有其乐高积木式的拼接风格，也为设计师进行创新有趣的微交互留下广阔空间。

同时，其局限性也较为明显，应用场景相对单一，无法为用户提供清晰明确的视觉动线，甚至会因为过强的形式限制设计师的创意。

当我们日常在强调清晰、简约、一致的时候，BentoUI 似乎带着一点叛逆的朋克味道，给人一种反其道而行之的感觉。但它似乎又有神奇的魔法，当繁杂的内容分发到一个个的分区后，再经过设计师的细致调整，结果能给人惊喜。

无论如何，BentoUI 确实是一种流行中的热门设计风格，但流行的设计趋势并无意义。我们日常说“形式服从功能，形式服务内容。"，所以最终我们还是需要回到设计任务本身，关键还是看工具是否能更好地为我所用，表我所想。没有好坏，只有合适。

最后，当你面临合适的设计场景时，不妨考虑一下 BentoUI！