在網頁設計中如何有效地使用空白

2015-09-25 分類：網站建設

你有沒有發現自己凝視一個完成的設計思考,“缺失的東西”?更具體地說,你曾經得出結論,設計是“太空”或“太忙”?我們設計師,很難花任何可觀的時間在我們的工藝沒有遇到這種情況。

這真的不應該感到驚訝。畢竟,最基本的原則,我們的工作圍繞著創造性的刪除空格。然而,盡管它是我們所從事的事業的本質,它從未失敗是更加困難的一個方面的設計。如何有效地使用空格?

它真的是空的嗎?

你是否想過像空間設計之間的空白嗎?雖然這是一個普遍的想法時,我們的設計的貧瘠的地方,這是一個完全錯誤的觀點。空白不只是設計元素之間的填充,這是一個關鍵的設計元素本身!

空格就像磚塊之間的砂漿或彩色玻璃馬賽克的粘合劑。雖然我們的眼睛是訓練有素的欣賞內容磚/彩色玻璃,它的東西一起保存的內容之間并幫助形狀的整體流程設計。

有效使用空格:打擊體驗學院.

就像一個美麗的馬賽克無膠,我們的設計沒有空格的只會是一個色彩斑斕的混亂。一旦你認識到你所謂的空元素設計的重要性,然后,你會更好地利用這一空白到極致。

焦點

現在我們已經建立了空白的重要性在我們的設計中,你如何使用它呢?

讓我們先從一個小練習。打開一個新標簽在您喜歡的瀏覽器,它指向google.com。你看到的第一件事是什么?我打賭它是色彩鮮艷的Google標志對吧?這個標志在什么地方?當然不是在窗口的頂部邊緣,眼睛自然開始。所以你的注意力馬上畫怎么頁面的中心?

有效利用空白:谷歌。

你猜到了。空白。谷歌使用的空白自然調整你的焦點到它的簡約設計的肉所在的頁面中央豐盈。空白是指導你的觀眾眼中的最簡單的方法之一。

我們可以使用這個設計工具在我們的布局，創造自然的熱點。隨著我們的觀眾吸引到這些地區的重視和注意，我們可以再放置重要內容中更有效地傳達我們的信息。

組織

會與引導觀眾的注意力,空白提供設計師設計的一個簡單的方法來組織不同的元素。就像我們用空白墻壁的文本分解成更易于管理的段落,這是極其有效地創建清潔組織在我們的設計的內容。

一個有用的提示與空白組織時是一致的。認為會有幫助的內容分組在使用空格。盡力提出一個統一的衡量利潤的空白,部分,文本和圖形元素。

空白組織最好的方面之一是它容易調整和對設計有深遠的影響。所以隨意實驗!

強調

又由于其非凡的能力引導受眾的眼睛,空白可以幫助某些元素的設計脫穎而出。在先前主題的一致性的基礎上組織的緣故,以創造性的方式打破了連續性可以迅速抓住對方的注意力。

有效使用空格:有教養的代碼.

當您創建一個穩定的白色空間在設計中使用的主題,它創建一個即時熟悉你的觀眾的眼睛。他們繼續導航設計,任何打嗝的連續性,即使是細微的,自然會脫穎而出。

一個很好的例子,一個你可以輕松實現,就是稍稍改變字符間距標題你想強調的內容。掌握了,試著用它嘗試在更微妙的方式在你的設計中部分元素的間距。

它不一定是白色的

以上建議都圍繞引導觀眾的眼睛。這畢竟是空白是最適合的。話雖這么說,只是因為我們稱之為空白并不意味著它必須從字面上是白色的!沒有不成文法的設計規定的顏色或者缺乏——空間之間的突出部分的設計。

有效使用空格:巨大的公司.

一個奇妙的例子在實踐中可以看到單頁的設計趨勢。當你被只有一個頁面內容,有效使用空格是大化的關鍵重點,組織和強調。

塊的內容往往設計成不斷流入這些場景。在這種情況下,只需改變空白的顏色在這些街區幫助維持所有三個地區的設計我們已經討論過,同時也提供打破在狹小空間點的內容。

這些建議,我希望你看看你設計的空白從一個新鮮的、新的視角!

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

猜你還喜歡下面的內容