極簡主義風格的網站設計乍一看可能像頁面中的元素是被匆忙之間“攪拌”在一起的。畢竟,它們較普通的設計來說過于簡單了,而大多數人更傾向于將很多的細節與精湛的技巧聯系起來。但同樣的規則不適用于網上在線的世界。
只需少量的用戶交互即可快速顯示極簡風格網站設計的整體質量。這是因為推動極簡主義興起的原始想法是在功能的本質上實現最高的標準。干凈和簡單明了的網站結構設計同樣可以像那些擁有花哨裝飾元素的網站一樣吸引人。此外,它經常能夠產生更好的用戶體驗,因為頁面足夠簡單,不必當心次要的元素或內容導致用戶分心。
極簡主義是將網站設計中的元素數量控制在只保留真正至關重要和有用的元素,元素可能會具備多種功能,同時仍然保持清晰以及有目的的。一個優秀的極簡主義設計師能夠理解——審美的簡單往往是結構簡單的產物。盡管并非所有類型的網頁設計都適用于這種風格(如非常復雜的電子商務網站),但是在設計中使用極簡主義的人也很樂意使用它來改變一些網站設計的風格。
1、創建簡單的深度體驗
每個優秀的極簡主義網頁設計中,都強調功能和用戶體驗。雖然布局,調色板和動畫效果有限,但是你需要通過有效的這幾將用戶的注意力集中引導向特定元素上。例如,Gigantic Squid的網站設計通過消除額外的多余元素,可以有效的將用戶的注意力集中在他們的照片上。
但是,你還要傳達主一種信息,就是雖然網站可能很簡單,但它提供了用戶需要深入挖掘的工具:全屏觀看的選項,展示其后期制作功能之前/之后選項,以及簡單的導航元素。
The minimal music quiz是另一個值得參考的網站設計,它顯示了簡單是如何有深度的傳達概念。這是一個很好的例子,因為網站本身不僅設計簡約,而且展示的插圖也是如此。該網站表明,識別這些圖像背后的意義很有趣,足以使游戲擺脫活動。它通過意象很好的使用戶和網站之間產生了共鳴。
2、平衡
基于簡約風格的網頁設計上 出現的元素很少,如果這些元素之間的平衡被打破的話,這一點更為明顯。很大程度上,為了實現簡約風格的許多設計被網格布局嚴格地定義和組織,當網格的規則 被嚴格地應用于設計時,所有的組件都傾向于以視覺上和諧的方式分布。然而,網格布局并不總是必須看起來一樣。Ink and Spindle在其網頁設計中顯示了如何與網格對齊同時不意味著將所有內容都統一。相反,他們使用網格系統作為創造性平衡其內容的框架。
3、對比
如何使你的極簡主義網站設計在有效性以及實用性和體驗性上有別于其他類型的網站,對比是另一個需要重點考慮的對象。Type Connection在其網站設計中就提供了一個很好的例子來說明如何通過對比的程度來吸引用戶的注意力并激發極設計的整體視覺。它通過在灰色的背景上翻轉具有比較強烈對比色的卡式內容區來達到一種類似于戶外廣告板的效果。不過,這在一個擁有大量色彩的網站設計上將不會那么有效。
4、不同尋常的“調”
有時候,在簡約風格的網站設計中,有些完整的,看起來可能會顯得復雜和繁忙的元素,通過簡單性的提取和稍加潤色以后,可能會更前衛和有趣。例如,我們已經討論了基于網格的設計在極簡主義世界中的重要性。所以當一個設計打破網格時,即使是以最簡約的方式,它也會引起一個有趣和令人關注的改變。
Case 3D和Pierrick Calvez在其App界面設計中,同一應用程序縮展示的示例并不相同。首先,對角線將整個主頁平分,提供視覺興趣,以其他方式標準布局,而不會突顯。第 二個例子具有較少的不規則處理,但產生同樣有趣的結果:背景圖像以相同的對角角度排列。
5、強調互動
簡約風格的網站升級一般缺乏能夠吸引人深入的元素,所以它們必須在交互或者用戶和網站的互動上來彌補這點。隨著過去幾年網絡技術的進步,在設計中利用簡單的CSS動畫變得比以前更容易以及頻繁。而當涉及簡約風格趨勢時,這些簡單的動畫可以產生巨大的影響。
例如,當Sam King的網站布局比較基本的時候,他通過簡單的懸停效果,很好的吸引了觀眾的注意力。網頁設計仍然保持干凈,簡單的風格,但是在設計深度方面已經做了進一步的優化。沒有這些交互式的體驗,靜態的簡約風格網站往往會失去用戶的興趣。
總結
極簡主義的網頁設計應該讓人感覺簡單、實用,但從來不會覺得是無聊或隨處可見的。它應該著重于在吸引人的第一印象和功能強大的用戶體驗之間的平衡。像任何其他受歡迎的設計趨勢一樣,不成功的極簡主義原則很有可能成為一種仿制品,但是當這些特質被徹底和周到地實現時,極簡主義的網站設計可以留下強大的持久印象,超越以往那些純粹的視覺效果并提供一個全面的用戶體驗。
本文由沈陽網站建設、微信小程序開發組整理于互聯網。