Passive and Active Space 
被動式和主動式空間
 
The application of white space all depends upon context. 
空白空間的應用全由情境決定。
                                        
As we said above, the more space used, the stronger the pull. But you don’t always want the strongest pull possible for every element on a page, not to mention how much screen real estate that would consume. 
如同之前所說的,越多空間使用,拉力就越強勁,但您不總是盡可能想要在頁面上的每個元素有最強大的拉力,更別提及會消耗掉螢幕上多少資產。 
                                        
Let’s look at how passive and active space help create balance in negative space. 
咱們來看看被動式和主動式空間如何幫助負形空間創造平衡。
 
                       
1. Passive Space 
被動式空間
                                        
Think of passive white space as the bare minimum. 
想像被動式空白空間成基本的最低限度。             
                
Without enough white space, a site becomes illegible and frustrat- ing to navigate, as effort is required to make sense of the jumble. Passive white space is however much white space is required to make the site comprehensible.
沒有足夠的空白空間,網站會變得難以辨認、折騰瀏覽,所以下功夫讓這混亂地網站變得有意義是必備的。 然而被動式空白空間需要更多地空白空間讓這個網站容易理解。 
 
                                
                        
                                             Source: Resonate ‘15
               
In the above example, take a look at the spacing between the words/links at the top navigation bar. Also, look at the text at the bottom and the spacing between the letters, words, and lines. Do you notice anything out of the ordinary? You shouldn’t, they’re all spaced so as not to draw attention. That’s passive spacing. 
看看上面例子裡頂端瀏覽列的文字和連結之間地間距。也看看底端文字和字母、單詞、行之間的間距, 你有注意到任何與眾不同的地方嗎? 應該沒有,它們都被間距開以致於沒吸引到目光,那就是被動式空間。  
 
For macro white space, passive spacing means adding enough borders and margins to clarify the distinctions between elements and avoid confusion. For example, putting enough space between a login navigation bar and a site navigation bar at the top of the screen. 
對於宏觀式的白色空間,被動式間距意味著增加足夠邊框和邊距來澄清元素間的區別避免混淆。舉例來說,在螢幕頂端的登入瀏覽列和網站瀏覽列之間放入足夠的空間。                                
 
                                                   
For micro white space, this means spacing out letters, lines of text, and paragraphs to maximize readability, and spacing items in a list or menu to make them individually easy to spot when scanning (in other words, removing clutter).
對於微觀式的白色空間,這意味著間隔出字母、文字行、段落來最大化可閱讀性,在列表裡間隔出項目或選單讓他們在迅速瀏覽時容易個別地被識別出來(換句話說,移除凌亂)。
 
                                                   
Passive applications should feel organic and natural. In fact, the main purpose of passive white space is that it goes unnoticed. What makes it passive is that it doesn’t draw attention to itself. It simply looks “normal.”                        
被動式應用應該令人覺得原始自然,實際上,被動式空白空間的主要目的是讓它沒有被注視到,本身沒有吸引到目光讓它成為被動式,它只是看起來「正常」。
 
The moment when enough space is used that it starts to stand out, then it becomes active.
當使用足夠的空間讓它開始脫穎而出的時刻,它就成為主動式了。                               
                                                                                           
2. ActiveSpace 
主動式空間 
 
Using white space actively is attempting to influence your user’s visual flow. Surrounding an element with a large amount of white space is a great way to get it noticed. 
使用主動式空白空間企圖影響使用者的視覺流程。大量的空白空間圍繞在一個元素上是種非常棒的方式讓此元素獲得注目。