移動白色空間設計的最佳實踐

不可否認，需要在移動顯示屏上擠入如此多的內容，這限制了您可以使用的空白區域。由于大量的空白空間不受影響，因此智能，平衡的方法是唯一的方法。使用白色空間，同時牢記該領域的一些最佳實踐。

1.手指設計

在設計優化移動觀看時，您首先需要考慮的是將點擊目標限制在最小30到40像素，這是研究的觸摸目標尺寸的理想范圍。當然，除了大小之外，您還需要在觸摸目標之間添加空白區域，以便用戶達到他們所要達到的目標。

2.技術性：分配≤15分的用戶注意力

當您感到有興趣在頁面上推送更多內容時，為自己分配15點用戶注意力。讓你添加到步伐的每個項目花費1點。

如果一個屏幕比另一個屏幕更重要，您需要為其分配額外的點以使其脫穎而出。只有有限的點可供您使用，很明顯您不能將空白推出等式。

3.創造性地使用空白區域

您可以考慮使用對比色，形狀，字體大小和不對稱負空間來為您的布局提供更多動力。作為一個活躍的設計元素，白色空間與周圍元素的感知相關。

4.重新排列導航菜單白色空間的設計響應

當您處理響應式網站設計時，您需要為您的空白區域設置不同的斷點，以便為您的客戶提供持續無縫的體驗。

如果您的網站偏好多個鏈接，您別無選擇，只能使用三欄漢堡圖標查看隱藏菜單。“轉向更小的屏幕空間，你必須永遠不要失去與引人注目的設計相關的東西：易讀性，簡潔性，設計基調和品牌。”

如果您決定堅持使用漢堡包圖標，一旦您的瀏覽器遇到某個斷點，您就會注意到它會彈出，漢堡包會帶走您現在丟失的鏈接。當漢堡包接管時，請注意每個鏈接之間的空白區域：這是將鏈接分開的好時機，因此它們適合手機上的手指點擊。

如果你能做到這一點，你也可以讓自己的導航菜單重新排列，然后再放入漢堡圖標。例如，您可以定義某個斷點，并將導航面板重新配置為從頂部到側面。您的導航甚至可以在特定斷點下使用漢堡菜單返回到頂部。這是一個具有挑戰性的方法，但它將贏得客戶的贊譽。

.

5.考慮垂直而不是水平

桌面為您提供了選擇垂直和水平元素的便利。然而，移動設備的范圍有助于降低而不是跨越頁面。在這里，您需要努力使用空白區域來分解多個內容元素，即使它們彼此下降。始終追求簡潔，清晰，讓讀者呼吸。

請記住，如果您在網頁設計中遵循良好的白色空間管理，Shopify的響應式移動工具可以平滑地將相同的呼吸空間轉換到您的移動界面，就像這些令人驚嘆的Shopify主題所示。

6.思考響應式排版

總是在你的標題和正文段落之間找到適當的平衡，這樣它們就不會像錯位的弗蘭肯斯坦身體部位一樣。幫助自己一些響應式排版，并注意你的行高，字距，字母間距，文本塊之間的邊距，甚至是字體的顏色。

您可能沒有桌面版本的奢華空白區域，但在處理最適合移動設備的排版時，您可以使用不同的組合，因此空白區域仍然是讓讀者專注于您的頁面的一個積極因素。

7.移動響應圖像

你能設法讓你的圖像自我擴展以適應更好的垂直觀看，并且有合理的空白空間，那么實現電子商務成功可能是你的圣杯。您甚至可以決定在不犧牲讀者對您網站的期望的情況下完全取出您的設計元素的哪些部分。您可能也喜歡：黑暗面的力量：黑暗的用戶界面。

白色空間是您網站設計中不可或缺的一部分，更可能是在為移動受眾設計時。移動到更小屏幕的空間，你必須永遠不要失去與引人注目的設計相關的東西：易讀性，簡潔性，設計基調和品牌。