如何充分利用極簡主義網頁設計的優勢(譯文)

如今極簡設計已普遍被應用于網頁設計中,當然這擁有充分理由。輕量級的布局和低維修成本使其靈活適合于響應式設計。自然優雅極具美感,使得很多品牌和機構青睞并采用。然而贊賞這一設計風格和創造它是兩碼事。

看起來,由于極簡主義元素不多,復制某種風格似乎變的及其容易。然而事實卻正好相反,由于設計師可利用的元素極少,創造一個極簡主義的設計設計師往往要付出更多思考和努力。

Image Source:Keecker.

這篇文章將解釋如何充分利用極簡主義設計的優點,我們可以通過以下標準快速判斷極簡設計是否適用于你的網站設計,然后深入去做最佳實踐,因為你需要后續和技術討論合作。


極簡主義是否適合你的網站?

根據免費電子書《Web Design Book of Trends 2015-2016》的推薦。極簡主義設計并不是每個網站最好的選擇。雖然這項技術非常適合簡單的企業機構像是事務所網站和創意個人簡歷,但對于更復雜的網站情況會變得非常棘手。

http://www.apple.com

讓我們來看看一些常見的網站應用極簡主義時遇到的問題:

1.內容太多:比如ebay或是Amazon的網站需要一個支持多內容分類的詳盡界面,所以一個極簡主義的界面并不是最佳選擇。然而,這些網站仍應用了極簡設計的一些準則,比如在你不需要的時候,將內容隱藏。

2.廣告太多:總的來說,外部的廣告和極簡主義無法很好并存。極簡主義準確而細致,如果你無法確認外部的廣告服務器會在網站插入怎樣的廣告,你的整個設計可能會被一些瑣碎的元素打亂,比如廣告圖片的顏色。即便廣告是被預設好的,仍然可能會成為你設計中多余的元素。

3.兒童和年輕人的網站:年輕觀眾可能會因為極簡主義的設計感到無聊,他們常常會喜歡更多視覺刺激的網站,甚至也可以包含一些音頻。

相比于其他的風格,極簡主義有一套特定的風格標準,當你決定使用這種風格前,需仔細思考。


極簡主義的最佳實踐

看看這些有價值的極簡主義的指導方針:

1.只有著陸頁:對一些內容豐富的網站來說,極少的元素并不有利。這種情況下,更好的選擇是創造一個極簡主義的著陸頁,以這個頁面作為一個更復雜網站的入口。

2.干脆利落的設計稿:一般來說,“省略不必要的詞”是極棒的寫作建議,甚至更適用于極簡設計。在做設計稿的時候,想象你是海明威在寫作吧~

3.重視頂部空間:根據用戶瀏覽的習慣,將高質量的內容以充足的負空間排版放置于頁面頂端,隨著向下滾動頁面逐漸增加內容的密度。

4.保持趣味性:對極簡主義來說,無聊始終是一種威脅,所以改變你的布局以進一步吸引用戶,交替沿z字形布局模式可以幫助閱讀。

5.一頁一個概念:簡潔設計的主旨,每個頁面/屏幕圍繞一個視覺,專注在一個概念上。

6.少于等于五部分:內容最好不多于五個部分,否則便縮減它們。

7.從簡入繁:最好在設計的時候先從黑白的框架入手,然后再慢慢往里面添加元素比如說顏色等等,這樣做的目的是幫助你搞明白什么是必要的,什么可以省去。

如果你是學習極簡設計的新手,如何取舍是極痛苦的選擇。下面我們做了一個列表給新手們。

1.必要元素——logo,導航選項,正文內容,聯系信息

2.可以舍去的——社交媒體鏈接/圖標,頁腳,小部件(尤其是列表,比如最熱門點擊)。

從好的一面看,隨著你更深入地進行極簡設計,你直覺就會越清楚哪些可以被省略。將必要的和多余的內容元素區分開來是所有設計風格都需要的技能(更不需要提你的生活或工作以外的事情)。


極簡主義與其他設計風格

《極簡主義設計之美》這篇文章的一部分是講極簡主義是如何與其他設計風格很好配合的??梢园褬O簡主義當作一種屬性,而它可以添加或結合其他的風格和技術以揚長避短。

特別是,現今流行的移動設備和重加載動畫,極簡主義設計提供了一個方法來保證質量的同時降低維護成本。因此,極簡主義設計常常和其他風格的設計并用。


1.扁平化設計


Image Source:Quotes Magazine.

極簡設計和扁平化設計兩者搭配相得益彰,因為兩者重點都是強調簡潔之特性。同樣都是舍棄了很多設計上的技巧而將重點放在內容上,扁平化設計的基本風格就其本身來說,其實便是極簡化設計。


2.英雄標題和圖片

Image Source:Bone and Gold.

先不談及光鮮的扁平設計,真實照片和大尺寸篇幅的照片正在越來越廣泛地被應用。隨著這大量又極具吸引力的影相自然而然成為屏幕上最吸引人的焦點,將他們同極簡主義設計結合可以防止分散太多用戶的注意力。


3.簡單的導航

Image Source:ETQ.

換句話說,你大可以簡化你的導航為漢堡按鈕(左上三條橫線),當你需要顯示全部導航內容的時候,只需要點擊或鼠標滑過。

雖然這個方法是實現純粹極簡主義設計的最快策略,但并不推薦用于所有網站——這種過于簡單化的導航致使用戶更難發現導航,所以對于一些不熟悉的頁面并不適合用這種導航來吸引用戶。


4.具有藝術性的排版

Image Source:The Outpost.

因為對于極簡設計來說,文字總是不可或缺的組成部分,文字的排版因此顯得舉足輕重。也成為創造更具有有個性和感染力的極簡主義網站的幾種方式之一。


總結

極簡主義設計有諸多的優點,例如減少加載時間更適合響應式設計,值得我們去研究。如果你的設計符合上面所提到的所有標準,便可以嘗試用更少的元素重新構思你的網站,可以當作只是一個練習。你會發現有很多你曾經覺得必要的元素也是可以被省略。

欲知更多關于極簡主義設計的技巧,比如其他9個目前的web設計趨勢,查看免費的電子書《Web Design Book of Trends 2015-2016》.上面有166個手動挑選的例子:比如Adidas,intercom,Apple,Google,Versace等等。當然也有100個收集好的資源來幫助你提升設計水平。


第一次翻譯有很多生硬和不恰當之處,盡請諒解~

閱讀原文

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,250評論 6 530
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 97,923評論 3 413
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,041評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,475評論 1 308
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,253評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,801評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,882評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,023評論 0 285
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,530評論 1 331
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,494評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,639評論 1 366
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,177評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,890評論 3 345
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,289評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,552評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,242評論 3 389
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,626評論 2 370

推薦閱讀更多精彩內容