18665606093
極簡主義最早出現在二戰后的藝術運動中。極簡主義也是現代網頁設計的主流設計技巧之一。有時被認為是“內容多于形式”的典型代表。
如果運用得當，極簡主義可以讓設計師更加注重“簡化用戶任務”。此外，它還有其他優點，比如網頁加載速度更快，在各種不同大小的設備上兼容性更好等等。
極簡主義所倡導的“簡”看似簡單，實則本質是通過現象——。本文將向您展示一些極簡主義應該注意的設計原則和案例。
1.什么是極簡主義網頁設計？
極簡主義最初流行于21世紀初。現在最流行的設計趨勢(如平面設計、網站首圖、隱藏式全球導航等。)都直接受到極簡主義的影響。
Google常被稱為極簡主義web界面的先驅。從90年代的beta版開始，極簡主義一直是其界面設計中不變的法則。
雖然Google推出了各種產品，但在過去的15年里，它的主頁設計風格基本保持不變。
Google搜索主頁設計的成功，為極簡主義的流行發展奠定了基礎。
雖然關于極簡主義網頁設計的特點眾說紛紜，但總的來說，它包括以下幾個基本公認的方面：
1.只保留必要的元素
極簡主義的核心聽起來也很簡單。——是少即是多。在網頁設計中，為了保持簡單和不減少，我們只需要在已經建立的設計環境中保留必要的元素。
極簡網頁設計的策略是保存不支持用戶任務的不必要的元素或內容，從而簡化頁面。因為屏幕上的元素越少，其他元素的關注度就越高。
也就是說，如果屏幕上只有一個元素，元素背后的信息就可以成功地傳達給用戶。
頁面元素越少，用戶認知負荷越輕。
簡單來說就是省略任何影響用戶注意力的界面元素。但同時要確保用戶所需的元素不被移除或隱藏，否則用戶的首要任務會變得更加復雜。
所以設計要以內容為核心，省略大量的次要元素(比如主導航)，這樣用戶就不會那么迷茫了。
2.負空間
極簡設計最常用的元素是什么？不使用任何元素也不奇怪。
負空間(也叫留白)是極簡設計最重要的特征，也是讓極簡設計成為最亮點的特征。對引導用戶的視覺流程也很有幫助：
元素周圍的空間越負，就越有可能被關注。負空間是用戶最熟悉的極簡設計元素。圖片來源：布格薩
3.視覺特征
在極簡設計中，每個細節都有其存在價值。所以剩下的是本質：
平面設計：極簡界面通常使用平面設計元素。在平面界面中，你看不到任何亮點、陰影、斜坡以及任何使界面更加立體的元素。
最低視覺層次結合平面設計——現代網頁設計“黃金搭檔”。圖片來源：F-Secure
生動的畫面：在極簡設計中，畫面是最具代表性的藝術形式。圖片可以連接整個世界的情緒，營造特定的氛圍。但是，在選擇圖片時，我們必須注意到，代表極簡設計的所有視覺特征都應該呈現在所選的圖片中。選錯圖片，比如有大量分散注意力元素的圖片，可能會適得其反。
極簡設計最具代表性的藝術形式是——網站的第一張圖片，整個網頁就是一幅醒目的圖片。圖片來源：Ada點
少換色：極簡設計，只使用色彩元素增加視覺感染力，不添加其他設計元素。顏色種類越少越好。所以在設計視覺層面的時候，一定要有創新。
用戶看到的視覺信息越少，色彩元素越突出，網站影響力越大。圖片來源：Mixd
醒目的版式：醒目的版式，通過更大的視覺吸引力吸引更多的注意力到文字和內容上。最打動用戶的極簡字體排版設計，通常采用醒目的設計風格和字體。但是，要有吸引力，有一個前提：對于用戶來說，文本信息是有價值的。
使用字體布局，營造視覺感染力，傳達信息。
對比：因為設計元素減少，所以在設計視覺層面上要有創新。在下面的例子中，白色背景和黑色寶石之間的對比非常鮮明。
大量極簡設計只用一種亮色，通過單一色調突出頁面最重要的元素。圖片來源：我們不是塑料
二.極簡網頁設計最佳實踐
極簡主義聽起來好像一切都簡化了，但是“站著說話很輕松”——因為元素相對較少，所以無法還原。
1.一屏一焦點
遵循“每頁一個概念”的原則，設計時每頁和屏幕上只出現一個概念，以單一視覺內容為核心。
圖片來源：局主音
2.頁面的上半部分是預期的
頁面上半部分留足夠的負空間，添加優質元素。隨著頁面滾動，內容密度增加。蘋果主頁(頁面上半部)
3.這篇課文很簡潔
在斯特倫克和懷特共同出版的《0x9A8B》一書中，他們提出了“節省多余文字”的思想。這也適用于極簡設計——，它對頁面文字進行了精心的編輯，只留下了必要的元素，但剩下的一定是精華，可以幫助你把信息傳達得清晰明了。
保存所有多余的文字，用最簡單的方式與用戶互動。圖片來源：BFF
4.簡化但不隱藏導航
輕松導航始終是網頁設計的目標之一。但是簡單不代表直接隱藏。如果你用漢堡菜單，在用之前一定要有合理的理由，簡化界面。同時，漢堡菜單也會降低導航的可發現性。在大多數情況下，總是可見的導航選項更好。
注意：漢堡菜單是導航模式之一。通常在導航欄的左側有一個由三個橫條(三層漢堡)組成的圖標。這是漢堡菜單。
首先看看下面的導航：
主導航菜單僅在用戶操作下可見
比較下面的導航：
導航菜單隨時可見
5.添加動態效果
在設計中，動力效應的影響越來越大。沒有動態效果，即使是極簡主義的設計也可能是“板凳上”。但是添加動態效果還是需要遵循極簡主義的設計原則：簡潔，只保留必要的元素。
動態效果使互動過程更具動態性。圖片來源：對講機
6.登陸頁面和投資組合頁面必須進行最低限度的設計
雖然內容驅動的極簡設計適合任何網站，但有時極簡美學可能“無關緊要”。但是，極簡設計必須適用于登陸頁面和作品集頁面。比如下面這個例子，設計目的簡潔明了，內容比較少。
設計師大腦丹納赫作品集頁面——很多設計師被稱為極簡設計網站的典范。
將極簡設計有效地應用到更復雜的網站上可能并不容易。因為網站內容復雜，少量的元素肯定是它的缺點。針對這種情況，我們可以用極簡主義來設計一個登陸頁面，然后鏈接到一個更詳細的頁面。
三.資源和工具
1.極簡調色板
與常見的黑白調色板相比，我們可以找到更流行的適合極簡設計的調色板。
2.彩色對比度檢查器
輸入背景和前景色代碼，檢查者可以計算比較數據，從而知道哪兩種TINT最合適。
總結
通過省略不支持用戶任務的不必要的元素或內容，極簡主義網站在簡化界面的道路上變得越來越穩定。為什么這樣的網站這么勵志？答案顯而易見：它的設計兼顧了“簡單性”和“可用性”。一個可以輕松導航的“輕載”網頁仍然可以傳達信息，而且不比其他網頁差。為什么又淺又深的紅色？是一等花。簡單點，你活該。
添加企業微信
18665606093
