半岛综合体育官方网站Bento box设计新趋势正在频繁出现你真的了解它吗？Bento box设计风格或Bento UI作为一种设计趋势正在被验证，它近期频繁的出现在大众视野。本文中我们将讨论Bento box设计趋势的起源和发展，并结合设计应用案例，让大家感受它的魅力，望此后的应用中，为设计师朋友带来更多灵感和启发。

　　大家对便当盒(Bento box)应该很熟悉，印象最深的是日式便当盒，看上去既精致又有食欲，格子用来区分食物，极其讲究组合的美感。Bento UI就是用户界面如同便当盒的结构，有清晰的区块划分，整齐又整体的将内容排布。

　　这种设计风格不仅是一个框架，它融入了极简主义和东方传统美学，将功能与美感推向一个全新的体验。它追求简单直接的解决方案，让用户能够轻松理解并操作。

　　Bento UI让人很容易联想到苹果的widget，widget词典释义为小组件。2020年6月苹果手机推出了iOS 14正式版系统半岛综合体育官网，其中讨论度最高的要数Widget。苹果强调Widget不是进入应用的另一快捷方式，而是一种快速展示用户关心的应用程序数据的信息展示方式。

　　大众视其为新的流量入口，各大应用抢先适配，多款以时钟、日历、天气功能的小组件应用多次轮番登上App Store应用免费榜前列。

　　在知乎上，一篇关于夸赞苹果widget的帖子中，有用户调侃的评论道：看来，你对Android手机一无所知。的确，widget早在2008年的Android手机系统上就已经广泛应用了：信息类、集合类、控件类、混合类widget层出不穷。

　　2010年的Windows Phone 7引入Metro设计语言系统，这些都可以视为现今Bento box设计风格的灵感来源。我们作为设计师，追根溯源会为设计创意开个好头。

　　Bento UI的设计美学中，核心元素是Box，你也可以称它为“卡片”、“组件”、“单位”...

　　1-2 Bento UI可以在不同尺寸的设备上，根据空间进行自适应调整，根据网格规则，在多端可以提供一致的用户体验。

　　Bento UI会给人很自我的感觉，它的每个卡片间都有清晰的边界，使内容更加突出，用户能直观的判断出卡片类型及其功能，方便信息捕捉。

　　当对卡片进行操作时，按钮、开关、点赞层作为重要的操作引导元素，无论任何形状，在这个紧凑的空间内，定会得到用户一定的注意力。

　　1-2 重视反馈：微交互加入必要环节在使用中，被反馈是用户最需要的，也是最基本的交互设计规则之一。反馈动效并非越突出越好、越多越好，也不单纯是为了有趣，要根据使用场景的特征，合理的添加。下图这个输入框回弹动效不难看出设计师的巧思。

　　必要的操作反馈要讲究克制，细节处打磨够精准，才会让用户眼前一亮。下图中，卡片放置之前，会显示一个灰色格子预判位置；拖拽卡片会模拟物体失重的晃动感，非常自然又充满趣味。

　　漂亮的日式便当盒最大的特征是食材丰富、食物组合极具形式美感。Bento UI的卡片类型多样，需要仔细处理和平衡，避免因信息密集导致的阅读压力问题。美感与口感的权衡，这是专属于设计师的克制艺术。

　　白玉微瑕，Bento UI也并非完美。在严格的栅格系统上运行，每个单元是一个规矩的矩形，这种严格的布局让异型、破窗等不规则的创新设计很难融入。另外，圆角也是Bento Box设计美学的关键。

　　如果你渴望更多灵感可以去bento grids看看，上面集合了丰富的Bento UI应用程序的创意案例：

　　1-4 Nev的个人网站一个来自爱尔兰设计师Nev的个人网站和Benro的设计有异曲同工之处，当你想设计自己的网站时，不妨作为参考：

　　1-5 LinearLinear的官网大面积暗色中流畅克制的微动效，加之无衬线体带来锋利又庄重的专业感，让人惊叹科技感也能如此打造：

　　除了满足当前用户需求之外，UI和UX还将承担预测、探索、解决用户新的痛点和期望的持久任务。随着各端的UI和UX趋势不断发展，设计师需要了解设计趋势，也有责任让设计更进一步，以获得更有用、更直观、更愉快的用户体验。