設(shè)計(jì)中的負(fù)面空間:技巧和最佳時(shí)間
我們經(jīng)常認(rèn)為沉默,空虛或無色對我們是不利的。我們認(rèn)為他們是理所當(dāng)然的,而不會(huì)認(rèn)為他們是對比的堅(jiān)實(shí)基礎(chǔ)。只有沉默讓我們知道聲音的價(jià)值。只有空白的空間讓我們明白我們想要填補(bǔ)什么。只有無色才能讓我們在舞臺(tái)上感受到更明亮,更深的色彩。只有沒有空氣讓我們知道它有多重要。今天我們正在談?wù)撛O(shè)計(jì)中的空氣。讓我們討論負(fù)面空間。
什么是設(shè)計(jì)中的負(fù)面空間?
基本上,消極的空間 - 或者像往常所說的那樣是空白空間 - 是空置的布局區(qū)域。它不僅可以放置在布局中的對象周圍,還可以放在布局之間和內(nèi)部。負(fù)面空間是頁面或屏幕上所有對象的一種呼吸空間。它不僅定義了對象的界限,而且還根據(jù)
格式塔原則在它們之間創(chuàng)造了必要的聯(lián)系, 并提升了有效的視覺表現(xiàn)。因此,白色空間是一種正確的設(shè)計(jì)元素,對積極的用戶體驗(yàn)有很大的影響。“空白就像一塊畫布:它是將設(shè)計(jì)元素融合在一起的背景,使它們脫穎而出” - 來自
交互設(shè)計(jì)基金會(huì)的 Mads Soegaard說。
平面設(shè)計(jì)中的負(fù)面空間經(jīng)常出現(xiàn)在徽標(biāo),插圖,海報(bào)和創(chuàng)意刻字中,成為視覺呈現(xiàn)的活躍部分,使關(guān)鍵物體更具表現(xiàn)力。例如,在下面的
博客插圖中,我們可以看到背景元素(月亮)如何扮演對 比負(fù)面空間的角色,使得奧地利人看起來更加生動(dòng)和動(dòng)態(tài)。
在針對網(wǎng)站和移動(dòng)應(yīng)用的UI設(shè)計(jì)中,負(fù)面空間是界面的高可用性和可
導(dǎo)航性的重要因素。布局元素周圍的負(fù)空間也稱為宏空間,而它們之間和內(nèi)部(字母和筆劃元素)之間的空間也稱為微空間。
為什么負(fù)空間很重要?
想象一下你自己進(jìn)入一個(gè)完全擠滿了各種工作人員的房間。書架,箱子,書包,一堆書和衣服,桌子上擺滿了各種各樣的東西。你會(huì)專注于這些條件嗎?你現(xiàn)在真的需要所有這些東西嗎?你能找到你需要的東西,需要多少時(shí)間?那么,這與用戶感覺打開頁面或屏幕時(shí)沒有負(fù)面空間的重要性相同。
客戶和一些設(shè)計(jì)師可能希望在一個(gè)頁面或屏幕上放置盡可能多的元素和功能,以為它可以節(jié)省游戲并對客戶有所幫助。但這是一個(gè)錯(cuò)誤:事實(shí)上,用戶并不需要一次性完成所有工作。更重要的是,太多元素沒有足夠的空氣會(huì)顯著提高注意力分散的程度:超載的信息和交互元素大多數(shù)他們不這樣做,用戶將不得不努力找到DO需要的東西。正如
Aarron Walter所說,“如果所有事情都為了觀眾的注意而嚷嚷,什么都聽不見”。
影響負(fù)空間的核心因素
正確使用負(fù)面空間可能會(huì)對以下用戶體驗(yàn)因素產(chǎn)生相當(dāng)大的影響。
可讀性和可讀性:如果元素之間沒有足夠的空間,則會(huì)變得難以閱讀并要求額外的努力。盡管許多用戶將無法制定原因,但這可能是導(dǎo)致眼睛和大腦緊張的強(qiáng)烈原因。適量的消極空間,特別是微觀空間,解決了這個(gè)問題,并使過程更自然。因此,負(fù)面空間直接影響頁面或屏幕上的
排版效率。在音樂中,暫停與聲音起著同樣的作用。在閱讀時(shí),它的工作方式相同:正確放置空格會(huì)使文本更易于閱讀。
品牌化:如果您檢查任何徽標(biāo)指南,您會(huì)發(fā)現(xiàn)設(shè)計(jì)師會(huì)在其周圍定義適量的空間空間,以便正確識別。打破這個(gè)規(guī)則對視覺表現(xiàn)是有害的。
資源的性質(zhì):負(fù)面空間對所謂的設(shè)計(jì)語氣有影響。例如,新聞資源在主頁上的空白空間少于設(shè)定心情并理解平臺(tái)充滿動(dòng)態(tài)顯示的數(shù)據(jù)的博客。
注意比例:足夠的負(fù)面空間增強(qiáng)了視覺層次,并允許用戶關(guān)注關(guān)鍵元素。