🍱便當竟是最新UI設計潮流?!
你知道什麼是『便當格』設計風格嗎？Bento Gird是一種UI風格可以很有創意地調整區塊的大小和重點，展現多元資訊和活力。
Bento Grid 便當格
你知道什麼是『便當格』Bento Grid 設計風格嗎？
Bento Grid是一種最近非常流行的UI風格，利用網格的方式排列內容，就像便當盒一樣，你可以很有創意地調整區塊的大小和重點。它的特點就是同時用大大小小的方格來顯示多多樣的資訊和圖像，展現出一種豐富、充滿活力的氣氛。
你可以在許多網頁設計、簡報設計，甚至是平板、手機程式上看到這個風格。許多用來打造個人頁面的工具，像是bento.me或是Linktree，也可以看到類似的UI呈現。
Bento grids 的起源
這個風格的起源其實眾說紛紜，但不可不提的是Apple肯定要負一些責任(笑)。過去幾年在呈現產品功能的視覺畫面裡，Apple常用便當格這樣的風格，間接讓許多將Apple視為設計最高指導原則的設計師也將這樣的風格帶入他們的產品，最終讓此風格變得更加普遍、受歡迎。
當然，也有許多品牌早早就開始使用類似的風格，例如Microsoft, HTC… 等。大家如果喜歡這個風格，想多參考範例運用在自己的作品中，也可以參考bentogrids.com，裡面有許多好的範例。
Bento grids 的運用和優缺
其實，Unblock也偷偷開始運用便當格設計了…你注意到了嗎😉
除了以上提到的標準樣貌，市場上也有許多變化形，例如：破格、扁平化、搭配數據視覺化用在dashboard…等運用，完全依據設計師的想像發揮🔥！
不過，這樣的風格乍看下好看，其實仍有許多細節須注意！在資訊表現上，要小心重點的安排！因為便當格一次呈現大量的資訊，如果沒有好好的安排文字大小、顏色或是比例的對比，容易造成所有資訊都等比呈現，造成讀者抓不到重點，或是不深入閱讀的問題。大家在運用上要謹慎處理！
如果是重點資訊，可以考慮增加更戲劇性的比例，或是提出來在非便當格的編排地區使用。例如以下蘋果耳機的範例。
你也注意到這個趨勢，或是已經開始使用了嗎👌🏼？留言告訴我們吧！
🔥 設計你的設計職涯，一次系統性突破作品集、求職困境!
職涯規劃＋求職求學＋作品集＋面試，系統性打包喬治10+年國際UX/UI設計經驗！
💌 歡迎加入Unblock設計新聞，成為內容創作者!
也想分享你的經驗給設計社群，或是開始自己的個人品牌，創造影響力嗎？歡迎和Unblock聯繫，成『Unblock設計新聞』電子報的內容創作者！