不要試圖將一切都擠進一個小區域。 遵循下面這些例子,並使用空格讓您的網頁內容得到呼吸。雖然客户經常要求您儘可能多的填充頁面信息,經驗豐富的 WooCommerce 獨立站網頁設計師知道這可能導致可用性的噩夢。小心地使用空白是給內容空間呼吸的方法。這裏列出的示例工作,因為訪問者需要的一切仍然在頁面上; 所有缺席只會是混亂。 代替這個混亂,空格有助於建立一個平衡,易於瀏覽的界面,您可以找到您所需要的,而不被淹沒。下面請看怎樣設計網站只如何使用空白示例。
01.Made by Sofa
這種受限的設計通過測量使用空格來吸引注意力
這個軟件和互動設計公司如何使用一個多彩的形象在其首頁試圖抓住您的注意力。諷刺的是,通過保持事情這麼簡單,它塑造了一個最小的設計,實際上更引人注目。 測量的空白使用傳達了可信賴性和可靠性的感覺,而沙發圖示中的負空間的微妙片段增加了額外的空間。
02.Apple
蘋果代表什麼?這是設計在科技的重要性,其自己的網站表明,精巧。 當您有這樣的華麗的產品,您想要把注意力集中在他們,而圍繞他們的空白的空間實現了這一點。
03.Built by Buffalo
空白不只是用於超小布局,這是一個很好的例子。 布萊頓機構布法羅的主頁用五顏六色的六角形呈現其主要 nav 元素,聚集在一起格子和由大量鎮定的空白包圍。 這是一個驚人的原始佈局,既包含萬花筒的顏色和鏈接,同時提供悠閒,無壓力的感覺滾動體驗。
04. Dropbox
作為技術世界的重要力量之一,Dropbox 將孩子般的插圖與在主頁上自由使用空格的效果相結合。整體的感覺是放鬆和平易近人,使對於未開始的,一個可怕的複雜的命題可能是一個有趣和有用的東西嘗試。如果您有更多關於 WordPress 外貿獨立站網站建設、 WordPress 站羣網站優化、 logo 設計、品牌設計、印刷、 WordPress APP/WordPress 微信開發等產品服務的需求,歡迎諮詢跨飛獨立站 WooCommerce 官網,新上線企業 VI 設計套餐和 WordPress 站羣網站營銷推廣系統(強)!
05.Fell Swoop
空白一直是雜誌設計中一個經常使用的工具,在西雅圖諮詢公司 Fell Swoop 的 WordPress 網站設計中有一個敏感的體現。略大於通常的字型,並且限制使用空格為一個非常標準的公司網站提供了一個罕見的複雜性。