移動(dòng)白色空間設(shè)計(jì)的最佳實(shí)踐

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

1.手指設(shè)計(jì)

在設(shè)計(jì)優(yōu)化移動(dòng)觀看時(shí)，您首先需要考慮的是將點(diǎn)擊目標(biāo)限制在最小30到40像素，這是研究的觸摸目標(biāo)尺寸的理想范圍。當(dāng)然，除了大小之外，您還需要在觸摸目標(biāo)之間添加空白區(qū)域，以便用戶達(dá)到他們所要達(dá)到的目標(biāo)。

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

當(dāng)您感到有興趣在頁(yè)面上推送更多內(nèi)容時(shí)，為自己分配15點(diǎn)用戶注意力。讓你添加到步伐的每個(gè)項(xiàng)目花費(fèi)1點(diǎn)。

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

3.創(chuàng)造性地使用空白區(qū)域

您可以考慮使用對(duì)比色，形狀，字體大小和不對(duì)稱負(fù)空間來(lái)為您的布局提供更多動(dòng)力。作為一個(gè)活躍的設(shè)計(jì)元素，白色空間與周圍元素的感知相關(guān)。

4.重新排列導(dǎo)航菜單白色空間的設(shè)計(jì)響應(yīng)

當(dāng)您處理響應(yīng)式網(wǎng)站設(shè)計(jì)時(shí)，您需要為您的空白區(qū)域設(shè)置不同的斷點(diǎn)，以便為您的客戶提供持續(xù)無(wú)縫的體驗(yàn)。

如果您的網(wǎng)站偏好多個(gè)鏈接，您別無(wú)選擇，只能使用三欄漢堡圖標(biāo)查看隱藏菜單。“轉(zhuǎn)向更小的屏幕空間，你必須永遠(yuǎn)不要失去與引人注目的設(shè)計(jì)相關(guān)的東西：易讀性，簡(jiǎn)潔性，設(shè)計(jì)基調(diào)和品牌。”

如果您決定堅(jiān)持使用漢堡包圖標(biāo)，一旦您的瀏覽器遇到某個(gè)斷點(diǎn)，您就會(huì)注意到它會(huì)彈出，漢堡包會(huì)帶走您現(xiàn)在丟失的鏈接。當(dāng)漢堡包接管時(shí)，請(qǐng)注意每個(gè)鏈接之間的空白區(qū)域：這是將鏈接分開的好時(shí)機(jī)，因此它們適合手機(jī)上的手指點(diǎn)擊。

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

.

5.考慮垂直而不是水平

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

請(qǐng)記住，如果您在網(wǎng)頁(yè)設(shè)計(jì)中遵循良好的白色空間管理，Shopify的響應(yīng)式移動(dòng)工具可以平滑地將相同的呼吸空間轉(zhuǎn)換到您的移動(dòng)界面，就像這些令人驚嘆的Shopify主題所示。

6.思考響應(yīng)式排版

總是在你的標(biāo)題和正文段落之間找到適當(dāng)?shù)钠胶?，這樣它們就不會(huì)像錯(cuò)位的弗蘭肯斯坦身體部位一樣。幫助自己一些響應(yīng)式排版，并注意你的行高，字距，字母間距，文本塊之間的邊距，甚至是字體的顏色。

您可能沒(méi)有桌面版本的奢華空白區(qū)域，但在處理最適合移動(dòng)設(shè)備的排版時(shí)，您可以使用不同的組合，因此空白區(qū)域仍然是讓讀者專注于您的頁(yè)面的一個(gè)積極因素。

7.移動(dòng)響應(yīng)圖像

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

白色空間是您網(wǎng)站設(shè)計(jì)中不可或缺的一部分，更可能是在為移動(dòng)受眾設(shè)計(jì)時(shí)。移動(dòng)到更小屏幕的空間，你必須永遠(yuǎn)不要失去與引人注目的設(shè)計(jì)相關(guān)的東西：易讀性，簡(jiǎn)潔性，設(shè)計(jì)基調(diào)和品牌。