我想，每當你想到有關空白利用的網頁設計中時，Apple或者Google這樣的“先驅”可能是你首先會考慮到的范例。雖然這些公司在它們的設計中使用白色空間這一點做得很好，但還有很多其他方法可以充分利用空間，而且它并不總是白色的。
可以毫不夸張的說，白色空間是你的網站設計計劃的重要組成部分。現在由創新互聯做網站公司來看看空間作為一種設計工具的重要性，以及通過列舉五個充分利用空白的網站作為說明案例，以幫助你更全面和直觀的認識空間（你會發現，有些根本就不是白色的）。
Ⅰ.初識白色空間
白色空間是指那些在網頁設計中不受設計元素影響的任何部分。這包括圖形或圖像之間，文本行之間的空間以及邊距等。設計元素內的開放空間，例如FedEx標志內“隱藏”的箭頭被稱為負空間，盡管交換術語變得相當常見。
白色空間很之所以如此重要，是因為它在促進網站設計整體可讀性和組織方面發揮著重要的作用。
· 使用戶更容易瀏覽和閱讀文本內容；
· 幫助創建類似元素的自然分組；
· 優先考慮設計中的元素，例如號召性用語，搜索或導航；
· 創造和諧與復雜的感覺；
· 建立平衡和視覺層次；
· 有助于使大塊文本更容易消化（更有可能被閱讀）；
· 以合乎邏輯的方式引導用戶瀏覽和查看整體設計。
Ⅱ.空間不必非得是“白”的
在網頁設計中，可能對于空白需要被重新定義一下，簡單的說：白色的空間不一定是白色的（聽起來是不是很拗口）。
白色空間可以是任何的純色，或背景模糊，甚至有點動效。它們之間的共同因素是空間還是那個空間。它不包含其他的內容或設計元素。這樣，如果用戶看過去或遠離它，則不會丟失任何信息。
關鍵在于，所有的空白實際上都可以是白色的，但是設計者選擇以另一種方式創建視覺效果，同時仍然使用空間的原理。
白色空間可以出現在網站設計中的任何部分，并且應該作為一種工具來提高從頁面頂部到底部和整個輔助頁面的可用性和視覺規劃。一些優秀的設計模式會一直使用白色空間來幫助用戶更容易地將視覺效果消化掉。
示例1：U+Design
U+Design在其網站設計的文本元素中，通過在黑色畫布上字面上顛倒空間的概念，營造出大量的開放性元素。圖像位居于較輕的空間中，產生陰陽效應，雖然空間在技術上都不是采用白色的，但它們都是空白的。
空間的應用在滾動效果的配合下同樣好用，對于那些擁有足夠的元素和幾何的空間和設計元素，我們鼓勵滾動。
如果你正在尋找如何創建可讀性文本的課程，請查看此網頁設計。雖然使用了多種文本樣式和顏色，但一切都是可讀的，文本放置的方式和大小提供了良好的層次結構。
示例2：Emark
Emark在其網站設計中，使用剪切和幾何圖案來創建空白并增加圖像和文字的視覺感。空間是白色和彩色的混合形狀和線條，有助于提供視覺流動和間接的起到引導作用。
該網頁設計還使用包含大量白色空間的白色背景色塊。明亮的顏色和空間組合創建了獨特的文本容器，將其作為可點擊的動作調用可以有效的提高轉化率。彩色的空白區域，用戶可以很快知道這些塊中的每一個都被設計為點擊。
整個設計使用大量填充，并且在文本元素的行間距周圍強調了空白，以增強可讀性（這是目前的網頁設計趨勢之一，我們可能會看到移動文本間距概念開始更多的進入基于桌面的網站設計中）。
例3：Joke de Winter
Joke de Winter在他的網站背景中使用模糊的黑白照片作為白色空間的基礎。在外觀上，通過一種更現代化的分層設計，是的整體的設計具有獨特和流暢的感覺。
鼠標滾動到下面，文本元素周圍使用更多的空白區域，具有超大的邊距，以強調特定的文本元素。設計中的白色空間在白色和灰色之間交替，就像前面的例子，這些包括我們經常在文字之間看到的更多的間距。
在整個網站設計中，所有的邊緣都有不對稱的風格，空間充足。在不平衡中創建“平衡”是和諧的視覺體驗，并能創造用戶瀏覽的興趣點。
例4：Astronauts Wanted
Astronauts Wanted在對其網頁設計規劃時想要的快節奏的動作可能不是在考慮空白時首先想到的。但是，注意看視頻上的標志、文字和其他元素，它們就使用了空間，并且能夠有效的工作。重要的是，上面的滾動信息很容易被閱讀，它的中心兩邊是充足的空間和（用負空間制作的標志有助于注意整體效果）。
在靜止圖像之上，帶有文本塊的滾動使用相同的概念。該空間設計精美，設計中唯一實際的白色元素是文本本身。
示例5：Le Farfalle
Le Farfalle在主視覺圖中使用了一個很簡單的切口，跟前面的例子一樣，但是當你滾動頁面的時候，通過用大的交替空間更換圖像時，會出現最令人印象深刻的空間變化。
這種風格使用戶可以輕松地從圖像轉移到文本上，然后通過所有內容向后移動頁面。什么可以使一個沉重的設計變得輕巧，易于閱讀呢？無外乎上面的這種形式了。
此外，設計使用廣泛的空白和填充，使每個元素都有自己的空間。這種空間的使用創造出與餐廳氛圍相匹配的復雜美學。
總結

白色的空間不一定是白色的，不要讓自己陷入陷阱。你完全可以通過一些例子，使用空間與顏色和圖像和視頻作為一個起始點，開始你的創造力。

本文來自創新互聯品牌網站建設網站設計制作公司-創新互聯
標簽：創新互聯,做網站公司, 企業網頁制作, 專業網站制作, 網頁設計

標題名稱：白色空間在網頁設計中的應用
轉載源于：http://m.newbst.com/news36/173436.html

成都網站建設公司_創新互聯，為您提供網站導航、App開發、建站公司、軟件開發、面包屑導航、動態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯