極簡主義網(wǎng)站設計的案例

2020-01-08 02:39:35

極簡主義網(wǎng)站設計是一門被低估的藝術，我們都聽過"少即是多"的說法，但這是一個說起來容易做起來難的原則。隨著技術的進步為網(wǎng)站設計開辟了新的更多可能性，越來越難以抗拒添加一些花哨的裝飾。

極簡主義的網(wǎng)站設計有利于用戶更快的加載時間和更好的匹配屏幕尺寸之間的兼容性。更重要的是，一個簡單的UI設計與移動瀏覽相協(xié)調(diào)，不會損害桌面或用戶體驗。

極簡主義哲學的核心思想是必須圍繞內(nèi)容進行網(wǎng)站設計的，在網(wǎng)站術語中，設計人員從粗糙的內(nèi)容開始，然后構建足夠的用戶界面來確定他們的目標并輕松地導航到它。

頂部CSS動畫的例子，以及如何編碼他們

極簡主義美學是這種哲學的視覺表現(xiàn)，極簡主義的設計使用了大量的白色，或者至少是統(tǒng)一的顏色、空間，但不要把簡潔和無趣混為一談。你必須小心選擇你的頁面布局，否則你有限的調(diào)色板設計元素會給人沉悶而不是優(yōu)雅的印象。

下面，我們收集了我們非常喜歡的極簡主義網(wǎng)站設計，希望能給你的極簡網(wǎng)站設計帶來靈感。

01、HalloBasis

極簡主義網(wǎng)站設計的案例(圖1)

這個網(wǎng)站只是用一些超大的元素來陳述

（圖片來源：HalloBasis）

杜塞爾多夫設計工作室以能夠很好地代表客戶進行項目溝通而自豪。這個WordPress網(wǎng)站作為工作室的在線投資組合網(wǎng)站，是一個與眾不同的極簡主義網(wǎng)站設計的光輝典范。

由于其超大的美學效果，該網(wǎng)站用很少的元素做出了一個大膽的聲明，這增加了輔助訪問的額外好處。事實上，你可能會認為你選擇的瀏覽器的縮放功能已經(jīng)達到極限，這是可以理解的，比如標題寬度為770px，字體大小為17.5vw。所以在排版上，它很大，墨西拿Sans字體適合它的粗大和可讀性。真正令人耳目一新的是，這既適用于導航鏈接，也適用于接受Cookie的自定義GDPR提示，使用主屏幕上的按鈕在德語和英語翻譯之間切換也很容易。

02、爵士樂調(diào)頻

極簡主義網(wǎng)站設計的案例(圖2)

這個由Anagrama設計的設計使事情變得簡單和引人注目

（圖片來源：Jazz FM羅馬尼亞）

這個位于布加勒斯特的廣播電臺色彩豐富的網(wǎng)站在讓音樂自己說話方面做得很好，乍一看，Anagrama的"爵士調(diào)頻羅馬尼亞"（Jazz FM Romania）只是邀請游客通過一個三角形的播放按鈕觀看現(xiàn)場直播，該按鈕占據(jù)了一半的視區(qū)。我們得到了一個標志和現(xiàn)在播放的軌道顯示，但它是最低限度的引人注目的黑色對黃色的方案。這只是標題，然而，單一，長頁結構繼續(xù)與更多的活力看-盡管總是與模仿性的網(wǎng)站設計在腦海中。

最值得注意的是，有大量漂亮的"爵士"SVG插圖，當然，無論您的屏幕大小，這些插圖都具有驚人的清晰度。版式再次走大，感謝節(jié)省經(jīng)濟的文本，主要是標題標簽詳細說明在其他地方爵士樂調(diào)頻可以享受。其他有趣的功能包括一個干凈和明確的七天時間表，滾動調(diào)頻調(diào)諧器tickertape，甚至一個爵士音樂節(jié)指南。

03、超級手語

極簡主義網(wǎng)站設計的案例(圖3)

這個站點提供了一個問題的解決方案，而沒有反復強調(diào)信息

根據(jù)其無障礙的理念，優(yōu)步創(chuàng)建了一個網(wǎng)站，專門教授客戶基本的手語，這樣他們就可以與聽力受損的司機互動。優(yōu)步手語是一個有節(jié)制的設計大師課程。它通過簡短的視頻向用戶展示如何簽署簡單的常用短語（是、否、左轉(zhuǎn)等），甚至他們的名字。幾乎沒有抄本，也沒有解釋；內(nèi)容不言自明，證明你不需要巧妙的詞語來捕捉重要的品牌信息。

04、Evoulve

極簡主義網(wǎng)站設計的案例(圖4)

精簡的元素和神奇的動畫創(chuàng)造了一種發(fā)現(xiàn)的氛圍

Evoulve是一家致力于將新興技術轉(zhuǎn)化為可行產(chǎn)品的公司，屏幕上的元素非常少：簡單的文本注釋和非常少的導航選項，背景是緩慢旋轉(zhuǎn)的地球和星空。然而，每一個都是精心制作的，微妙的CSS動畫增強了魔法的感覺，創(chuàng)造了一種發(fā)現(xiàn)的心情。

05、修補

極簡主義網(wǎng)站設計的案例(圖5)