極簡主義網(wǎng)站設計的案例發(fā)布者：本站 時間：2019-11-13 09:11:05
極簡主義網(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)站只是用一些超大的元素來陳述
（圖片來源：HalloBasis）
杜塞爾多夫設計工作室以能夠很好地代表客戶進行項目溝通而自豪。這個WordPress網(wǎng)站作為工作室的在線投資組合網(wǎng)站，是一個與眾不同的極簡主義網(wǎng)站設計的光輝典范。
由于其超大的美學效果，該網(wǎng)站用很少的元素做出了一個大膽的聲明，這增加了輔助訪問的額外好處。事實上，你可能會認為你選擇的瀏覽器的縮放功能已經(jīng)達到極限，這是可以理解的，比如標題寬度為770px，字體大小為17.5vw。所以在排版上，它很大，墨西拿Sans字體適合它的粗大和可讀性。真正令人耳目一新的是，這既適用于導航鏈接，也適用于接受cookie的自定義GDPR提示，使用主屏幕上的按鈕在德語和英語翻譯之間切換也很容易。
02、爵士樂調(diào)頻
這個由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、超級手語
這個站點提供了一個問題的解決方案，而沒有反復強調(diào)信息
根據(jù)其無障礙的理念，優(yōu)步創(chuàng)建了一個網(wǎng)站，專門教授客戶基本的手語，這樣他們就可以與聽力受損的司機互動。優(yōu)步手語是一個有節(jié)制的設計大師課程。它通過簡短的視頻向用戶展示如何簽署簡單的常用短語（是、否、左轉等），甚至他們的名字。幾乎沒有抄本，也沒有解釋；內(nèi)容不言自明，證明你不需要巧妙的詞語來捕捉重要的品牌信息。
04、Evoulve
精簡的元素和神奇的動畫創(chuàng)造了一種發(fā)現(xiàn)的氛圍
Evoulve是一家致力于將新興技術轉化為可行產(chǎn)品的公司，屏幕上的元素非常少：簡單的文本注釋和非常少的導航選項，背景是緩慢旋轉的地球和星空。然而，每一個都是精心制作的，微妙的CSS動畫增強了魔法的感覺，創(chuàng)造了一種發(fā)現(xiàn)的心情。
05、修補
這個手表零售網(wǎng)站的用戶界面被簡化為最基本的
Tinker是一個手表品牌，它有一個簡單的概念：顧客可以選擇表盤大小、表帶顏色和金屬的任何組合。沒有不必要的功能或細節(jié)。公司網(wǎng)站的用戶界面明確了這一概念；用戶可以從有限的選項中輕松地選擇理想的組合。
06、Leen Heyne
珠寶商把觀眾的目光引向了它的網(wǎng)站
除了珠寶，Leen Heyne的單色logo和公司名稱是主頁上唯一重要的視覺元素，周圍廣闊的空白讓用戶的眼睛很容易被產(chǎn)品吸引。
07、我們不是塑料
對比在這里產(chǎn)生了興趣
對比是保持極簡設計有趣的另一個有用的視覺策略，德國UX工程師Roland Losslein的網(wǎng)站W(wǎng)e Ain't Plastic在中心圖片和上面的文字和圖標之間建立了一個鮮明的對比。
08、Nua Bikes
Nua Bikes平衡其主頁上的元素
Nua Bikes’site是極簡主義的，因為在屏幕上實際上有很多元素。然而，通過壓縮文本和最大化空白，該公司能夠將注意力吸引到其產(chǎn)品——自行車上。
09、Sendamessage.to
這個網(wǎng)站有一個明確的目的
有趣的，如果可能是愚蠢的，發(fā)送信息。讓人們通過手勢來定制給朋友的信息，貧瘠的黑色背景為主圖像和文本中粗體的白色字母增添了力量。
10、Maaemo
大氣視頻設置場景
米其林三星級的挪威餐廳Maaemo的網(wǎng)站用極簡主義來營造一種階級感，視覺處理對于講故事來說是完美的，正如網(wǎng)站展示的菜肴制作的高清照片。
11、艾娃
與艾娃交談
這個科幻驚悚片《機械姬》的宣傳網(wǎng)站的黑白配色方案和排版的一致性保持了文本的焦點，與電影明星AI機器人Ava的互動對話。
12、Symbolset
色彩變化的背景活躍了這個極簡主義的網(wǎng)站
（圖片來源：symbolset.com）
圖標字體供應商Symbolset通過最小化競爭元素并添加色彩鮮艷、不斷變化的背景，將人們的注意力吸引到網(wǎng)站設計的中間交互區(qū)域。
選擇我們，優(yōu)質(zhì)服務，不容錯過
1. 優(yōu)秀的網(wǎng)絡資源，強大的網(wǎng)站優(yōu)化技術，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設經(jīng)驗，優(yōu)秀的技術和設計水平，更放心
3. 全程省心服務，不必擔心自己不懂網(wǎng)絡，更省心。
------------------------------------------------------------
24小時聯(lián)系電話：021-58370032