設計網頁時如何考慮多餘空白區域？

01-05

就像這樣的表單，左右兩邊均是空白，好難受啊。
我不是處女。
有心想給添加點別的，但是這個頁面確實很簡單，比如登錄/註冊/填寫詳細資料等等頁面。
特別是現在人們的屏幕越來越大，那麼他看到的空白是越來越多。。。。。。。

讓你難受的不是留白，知乎也留白，google也留白，baidu也留白，為什麼他們留白就爽了，你留白就不爽了？

因為你沒有找到合適的對齊方式以及對齊的線！

舉個例子：

知乎的：

大量空白也很好看對不對！

主要內容居方框的左邊線對齊，少部分按鈕居右對齊，形成2條基準線，然後整體居中讓左右兩邊的留白大小一致，整潔乾淨死理性。

另外一個例子google：

完全的居中啊有沒有，對稱之美啊有沒有！最後一個例子：

中間的內容塊的對齊線，既不是黃金分割也不是中軸，所以就感覺整個腦袋偏到左邊去了。

不過偏了也沒關係，如果內容夠長的話，你也可以偏得更極端一點，例如：

可以試試直接把這個表單放在一個懸浮窗上，或者可以像大多數網站一樣放在右側然後其他部位是足夠大的其他內容，比如qq郵箱的登錄頁，也可以參考http://yeah.net的登錄頁，很簡潔。

我覺得有些空白很舒服，讓你可以專註在某一個功能模塊上。我既然來註冊的，我就專註在註冊這件事情上。

網頁和App中的留白可以讓重要的內容和功能更加醒目,營造一種平靜和安寧的視覺感受,同時使一個網頁或者App顯得更加凝聚和高效

谷歌的首頁和以前百度的首頁在都堅持了這點,想想它們的頁面一天要被訪問多少次?能堅持下來真的不容易,當然,新版的百度首頁已然成了這副X樣:

谷歌的:

OFFICE2013的主題花紋。。。。ZUNE software的背景。。。

右邊可以放個什麼錯誤信息。不會白啊

表單居中，加一個淡色的圖片背景，越淡越好

知乎 - 與世界分享你的知識、經驗和見解

題主這種人，為了自己爽，不顧產品品質。

往死里加廣告

留白不是不闊以但是整個頁面的有效區域你好歹居中對齊吧

不要為了留白而留白，留白是要服務於內容的，只有當主體內容有一定充盈度的時候留白才有意義，才能更加突出主體內容。

題主所舉的例子，主要問題出在表單本身由於缺乏色彩難以產生足夠的視覺重量，恰恰這個時候表單區域與背景在視覺上又是沒有任何界限的（表單內心OS：想要和你融化在一起，融化在銀河裡），所以才讓你看了不舒服。

知道問題所在，解決方案就比較簡單了，參考以下兩種。

1. 比較偷懶的做法：如果表單比較單調，加個框框與背景區分出來吧。

比如這樣：

再比如這樣：

注意，此法不可濫用，否則俗氣程度爆表。

2.有一定難度的做法：運用色彩與對比，讓用戶在心理上把表單內容從背景中剝離、突出出來。

比如這樣：

再比如這樣：

另，國內各電商一般是怎麼做的呢？旁邊加大面積活動廣告。對此不評價好壞，成年人只看利弊對吧。

廣告位出租

我就不說如何留白和怎麼留白了，如果非要加，加點清新自然的背景圖，一定要淡~~~別搶了眼球

高端網站都懂的！如何在網頁設計中使用留白

我們為何要在網頁設計中重視「留白」

WEB設計中的排版

建議題主可以看一些網頁設計的排版與布局的文章

個人認為大片留白非常美

比如這樣：

仔細兩邊的留白，很乾凈。

過多的填充比如廣告反而會分散注意力。

我有個很奇怪的想法。

能不能設計兩條魚吐泡泡在大片的空白里游來飄去。

我知道沒什麼用。

我就是想想覺得很開心。

問題來了，假如我要學交互基礎，我要做什麼功課。