minimalism-web-design-principle-1

編者按:今天@念經的大獼猴桃 這篇譯文特別不錯,對于沒有經驗,想借鑒他人的設計師,如果沒有強大的歸納能力,閱遍極簡也枉然。恰好這篇文章把極簡主義必備/拋棄的元素,可以運用的技巧,如何與其他風格結合這幾個關鍵點都說得非常仔細,怒馬不多說!

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

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

49053-83d60f35fde6f134

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

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

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

js220150908

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

1. 內容太多:

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

2. 廣告太多:

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

3. 兒童和年輕人的網站:

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

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

極簡主義的最佳實踐

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

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

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

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

js201150908 (1)

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

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

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

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

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

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

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

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

極簡主義與其他設計風格

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

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

1. 扁平化設計

js201150908 (2)

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

2. 英雄標題和圖片

boneandgold

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

3. 簡單的導航

js201150908 (3)

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

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

4. 具有藝術性的排版

js201150908 (4)

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

總結

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

【從新人到大牛的交互設計完全修煉手冊】

菜鳥入門必讀好文!
《網易美女設計主管!交互設計菜鳥如何入門?》

阿里資深設計師手把手帶你認識交互設計!
《交互設計那些事兒(一)》
《交互設計那些事兒(二)》

多位資深前輩經驗合集!交互設計師自學指南!
《交互設計師修煉指南!教你從零開始成為優秀交互設計師》

原文地址:speckyboy
譯者:@念經的大獼猴桃

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量100萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏