UI 中合理的留白

留出空間是生活中一個重要的方面。想象一下聲音中沒有間隙,會得到一個雜訊的線性流。這同樣適用於攝影、建築、繪畫、雕塑。

空間是人類所需要的。- Ken Hiebert

空間感可以在設計中增加:

  • 重點
  • 層級
  • 整體易讀
  • 視覺張力

當你設計整體布局時這是很重要的,你要讓元素放在一起可以呼吸。要做到這一點,我們需要在元素之間留空間、創建空白。它可以為我們的用戶建立焦點,通過視覺引導他們。

每個人都看到了但是很少有人真的看懂了。- Greg Berryman

作為設計師你需要看懂。你需要知道視覺語言。

 

空間

視覺上最易被忽視的元素空間。如果你是初學者,可能試圖填滿每一個空的空間。更有經驗的設計師會鼓勵你使用更多的空白。從用戶的角度來看,很少有人會抱怨它有太多的空白。缺少空間感會造成視覺干擾。

下面,我們來看個例子:

相同的內容、元素的垂直位置。注意通過相同定位的元素創建的空間,創建的視覺層次、對比度和秩序感。涉及到圖形設計這是至關重要的。通過內容可以易於閱讀和掃描。

 

微觀空間

白色微觀空間是用來描述在一個特定的白色小空間設計元素的術語。這是組內的空間元素。字母間的、句子間的空間。調整你的最小的元素之間空間,會使它們變得更加醒目和有組織性,創造出視覺和諧的感覺。

 

宏觀空間

另一方面,宏觀空白是指更大部分的留白。這些都是負空間元素,主要應用在行列、段落、圖片等UI中。

這使眼睛的視線可以有路徑。

有人可能會說,我們這是在浪費。但是在實踐中它是指導你完成項目最重要的元素。

 

視覺層面

在美學上留白也是和最終的效果很相關的。例如去購物,更多的奢侈品牌零售商店相比普通的零售商留有更多的空間。

設計是一個過程,在尋找和炫耀的異同中固有視覺設計的內容。

空間有更多的價值:

  • 高端
  • 簡單
  • 奢華
  • 舒適
  • 罕見
  • 開放

 

讓我們討論一下用戶

現在你可能知道空間是重要的。另一方面,空間可能導致設計師和用戶之間存在問題。可悲的是,許多用戶和經理認為空間是浪費的。他們認為這些空間可以用來引入更多的內容或安排更多的信息。

最重要的事情是不討厭那些用戶。區分好的設計師最重要的是謙遜。你需要忘記自我,試圖理解用戶的思考方式。

通常客戶沒有這些,這時你需要來解釋和指導用戶或經理。安排一個會議,解釋你的思考過程,,而不是一個人想問題。

如果這個不可行可以進行A / B測試。我進行過大量的用戶測試,發現人們真的不喜歡大量的文字和調用操作按鈕。

空間對設計來說像呼吸空氣一樣。

 

原文鏈接:https://blog.prototypr.io/how-to-use-space-in-ui-design-15e169127236
作者鏈接:https://blog.prototypr.io/@acreno


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化