Originally published at marcandrew.me on July 30th, 2020.

最初于 2020 年7月30日 在 marcandrew.me 上 發布 。

Ah good old White Space. One of the simplest things to add to your designs to improve both your UIs, and user experience. Let me share my (quick) thoughts with you on why you need to use it generously, and show it some love.

很好的舊空格。 添加到您的設計中以改善UI和用戶體驗的最簡單的事情之一。 讓我與您分享一下我的(快速)想法，您為什么需要慷慨使用它，并表達一些愛意。

允許您的網站或應用程序室的消息呼吸。 (Allow the message of your site or app room to breathe.)

It makes me weep into my pillow (with rounded corners of course) when I see UIs bursting at the seams with masses of information crammed into such a small area.

當我看到用戶界面在接縫處爆裂 ，大量信息塞滿這么小的區域時，它使我哭泣(當然是帶有圓角的)。

The message of your Website or Mobile App has no room to breathe, and this in turn has your user gasping for air as they try to digest the information that’s in front of them.

您的網站或移動應用程序的消息沒有呼吸的余地 ，這又使您的用戶在嘗試消化面前的信息時喘不過氣來。

Of course there’s times when an abundance of the white stuff is just not practical.

當然，有時候很多白色的東西是不切實際的。

Amazon for example couldn’t apply a ridiculous amount of White Space to their UI. They’ve got a lot of products, and a small shop window to display it all in. Too much White Space is money right?

例如， 亞馬遜無法將大量的空白應用到他們的用戶界面。 他們有很多產品，還有一個小商店櫥窗可以全部顯示出來。 太多的空白是金錢嗎？

But for many other types of sites, the generous use of something as simple as White Space can bring your message across much easier, present a more professional looking and polished UI, and make for a much better experience for the user.

但是對于許多其他類型的網站，像White Space這樣簡單的內容的大量使用可以使您的消息更容易傳播，呈現更專業，更優美的UI，并為用戶帶來更好的體驗。

Like I mentioned, it’s one of the easiest things to implement inside of your designs, and can take any UI from average to ‘Hot Damn!’ with minimal effort.

就像我提到的那樣，這是在設計內部實現最簡單的事情之一，并且可以將任何UI從平均水平變為“ Hot Damn！”。 用最少的精力。

Use it generously. Use it well. Your UIs (and end-users) will thank you for it.

大量使用它。 好好用 您的用戶界面(和最終用戶)將感謝您。

Thanks for reading the article.

感謝您閱讀本文。

Want more UI & UX Tips? Awesome! Grab my FREE Cheatsheet at https://marcandrew.me/the-ui-ux-cheatsheet

需要更多UI和UX提示嗎？ 太棒了！ 在 https://marcandrew.me/the-ui-ux-cheatsheet上獲取 我的免費備忘單