萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 3大速成法則幫你輕松搞定極簡主義網站

3大速成法則幫你輕松搞定極簡主義網站

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

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

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

3大速成法則幫你輕松搞定極簡主義網站 三聯

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

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

  根據免費電子書《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. 可以捨去的——社交媒體鏈接/圖標,頁腳,小部件(尤其是列表,比如最熱門點擊)。

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

  極簡主義與其他設計風格

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

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

  1. 扁平化設計

js201150908 (2)

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

  2. 英雄標題和圖片

boneandgold

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

  3. 簡單的導航

js201150908 (3)

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

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

  4. 具有藝術性的排版

js201150908 (4)

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

  總結

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

copyright © 萬盛學電腦網 all rights reserved