極簡的網頁設計如何體現設計感？

知乎使用者2013-08-18 21:59:51

剛剛看了一下shixiann，對於「shixiann是走向極簡風格的社交網站」這一觀點不敢苟同。

極簡不是一味減少元素減少設計就能達到的，必要的東西還是得有。

網頁設計極簡主義三要素：主題、可用性、平衡。

主題。

看到「實現」這個title的時候我並沒有覺察到這個網站的主題是什麼，憑著對題主的描述的理解，我知道這個網站有社交元素，然後試著點了點，明白了怎樣評論和關注。

但這是幹什麼的網站？或者它其實僅僅是給出了一些資訊，然後增加了一些互動功能而已？對不起我真不知道主題是啥……

可用性。

上面我也說了，我第一眼沒有明白網站的用意。另外，該網站只有一個主題色，藍色。一般網站會有主題色，輔助色和點睛色（確切名字不太記得了），而這個網站，只用一個顏色也罷，竟然只有左上角一點點……好無奈啊我還以為左側是導航欄呢哭。

沒突出重點資訊和功能，像我這樣的小白受眾會吃不少苦，這樣也不利於網站的成長吧。

平衡。

向上面說的竟然只有左側有點點藍色，就很不平衡了，其它倒也還好能接受。

可以去看一下這篇文章。極簡主義的網頁設計。

我這樣改了一下。（對不起隨便把你的頁面扯下來PS……）

有沒有覺得高階帥氣了好多？

魚生臣2013-08-28 01:58:36

你對於極簡的理解並不透徹。「極簡」是手段、是形式而非目的，如果設計是為了「極簡」而「極簡」，很容易陷入「極簡只是單純的儘量少的元素」這種認知。

遠的不說，就拿「知乎」的網站設計來舉例好了。對比「新浪微博」、「人人網」這些社交網站，知乎就是一個非常典型的「極簡設計」。前二者都允許使用者自定義個人主頁，單單這一項就足矣將兩者從「極簡設計」的 List 中移除了。但知乎的設計也並沒有讓我們覺得單調乏味，反而我們會覺得優雅大方。問題就在這裡。網站的極簡設計有時是一種感覺，是一種理念，你想給使用者什麼功能，你要大方地給，要給的流暢給的漂亮，不想給的功能就一刀切地絕對不給。這也是人們會覺得

http：//

apple。com

設計出眾的原因，他給消費者所有應該知道的一切，但消費者卻很難察覺到開發者的入口在哪裡（我們都知道對於如今的蘋果，開發者和消費者的分量幾乎是同等重要的）。

再稍微深入地聊聊知乎。現在知乎其實就是五頁：時間軸（也就是首頁）、問答頁、話題頁、個人主頁，以及新推出的專欄頁。除了專欄頁的設計還不太融合到整體設計裡外，另外的四部分的整體感已經很強了。這種整體感來源何處？是一種貫穿整站的設計元素的不斷重複。舉幾個大家都看得到的栗子：

豎向排列的不同區域間的灰色橫線；

主要超連結採用藍色，次要超連結採用灰色；

綠色而非藍色的關注按鈕；

回答人和其一句話介紹使用粗體；

時間軸上活動人的右邊顯示活動時間；

…

如果按照你的理解，這些元素都該去掉，而且我看到在

http：//

shixiann。com

上看你也確實這麼做。但這恰好是為什麼網站使用者會覺得設計太過偷懶的緣故：你省卻了不該省的元素。

灰色的細橫線雖然極不引人注意，但卻是個非常有必要的視覺提醒。你大多數時候不會意識到它的存在，但一旦去掉就會有「少點什麼但說不上來」的感覺；

主次超連結顏色的區分，能幫我們「無意識」地過濾掉那些無用的資訊，一旦所有連結使用相同顏色你又會有「總覺得多點又說不上來」的感覺；

如果「關注」按鈕使用藍色我一點也不會覺得奇怪，但知乎的綠色「關注」真的是讓整個網站不單調的一個很重要的原因；

粗體也是同理；

時間軸上的時間提示對於我們來說，真的是非常無關緊要，「誰會關心這個呢？我關心的是內容啊！」但你想過沒，每天有多少次是瞟完問題再瞟一眼時間？這其實也是一個緩解整頁內容所帶給你的壓力的小把戲。

…

以上分析都是我的主觀馬後炮。但我相信你現在已經明白了，極簡設計並不是元素儘量少，而是「無用的」元素儘量少，而必要的元素一個都不少，有時還要不惜代價的利用這些必要元素。很多人以為極簡設計是最偷懶的，但我覺得極簡設計並不簡單，有時比擬物的還要複雜，因為擬物你已經有了參照物，只要依樣描繪就可以，但是極簡卻永遠沒有盡頭，因為什麼是合適，什麼是多餘，永遠都沒有公式。

「沒有人會關心你的動機，人們想要的是結果」，孫悟空取經歸來後如是說。