極簡(jiǎn)主義網(wǎng)站設計的案例發(fā)布者：本站     時(shí)間：2019-11-13 09:11:05

極簡(jiǎn)主義網(wǎng)站設計是一門(mén)被低估的藝術(shù)，我們都聽(tīng)過(guò)“少即是多”的說(shuō)法，但這是一個(gè)說(shuō)起來(lái)容易做起來(lái)難的原則。隨著(zhù)技術(shù)的進(jìn)步為網(wǎng)站設計開(kāi)辟了新的更多可能性，越來(lái)越難以抗拒添加一些花哨的裝飾。

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

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

頂部CSS動(dòng)畫(huà)的例子，以及如何編碼他們

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

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

01、HalloBasis

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

（圖片來(lái)源：HalloBasis）

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

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

02、爵士樂(lè )調頻

這個(gè)由Anagrama設計的設計使事情變得簡(jiǎn)單和引人注目

（圖片來(lái)源：Jazz FM羅馬尼亞）

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

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

03、超級手語(yǔ)

這個(gè)站點(diǎn)提供了一個(gè)問(wèn)題的解決方案，而沒(méi)有反復強調信息

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

04、Evoulve

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

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

05、修補

這個(gè)手表零售網(wǎng)站的用戶(hù)界面被簡(jiǎn)化為最基本的

Tinker是一個(gè)手表品牌，它有一個(gè)簡(jiǎn)單的概念：顧客可以選擇表盤(pán)大小、表帶顏色和金屬的任何組合。沒(méi)有不必要的功能或細節。公司網(wǎng)站的用戶(hù)界面明確了這一概念；用戶(hù)可以從有限的選項中輕松地選擇理想的組合。

06、Leen Heyne

珠寶商把觀(guān)眾的目光引向了它的網(wǎng)站

除了珠寶，Leen Heyne的單色logo和公司名稱(chēng)是主頁(yè)上唯一重要的視覺(jué)元素，周?chē)鷱V闊的空白讓用戶(hù)的眼睛很容易被產(chǎn)品吸引。

07、我們不是塑料

對比在這里產(chǎn)生了興趣

對比是保持極簡(jiǎn)設計有趣的另一個(gè)有用的視覺(jué)策略，德國UX工程師Roland Losslein的網(wǎng)站W(wǎng)e Ain't Plastic在中心圖片和上面的文字和圖標之間建立了一個(gè)鮮明的對比。

08、Nua Bikes

Nua Bikes平衡其主頁(yè)上的元素

Nua Bikes’site是極簡(jiǎn)主義的，因為在屏幕上實(shí)際上有很多元素。然而，通過(guò)壓縮文本和最大化空白，該公司能夠將注意力吸引到其產(chǎn)品——自行車(chē)上。

09、Sendamessage.to

這個(gè)網(wǎng)站有一個(gè)明確的目的

有趣的，如果可能是愚蠢的，發(fā)送信息。讓人們通過(guò)手勢來(lái)定制給朋友的信息，貧瘠的黑色背景為主圖像和文本中粗體的白色字母增添了力量。

10、Maaemo

大氣視頻設置場(chǎng)景

米其林三星級的挪威餐廳Maaemo的網(wǎng)站用極簡(jiǎn)主義來(lái)營(yíng)造一種階級感，視覺(jué)處理對于講故事來(lái)說(shuō)是完美的，正如網(wǎng)站展示的菜肴制作的高清照片。

11、艾娃

與艾娃交談

這個(gè)科幻驚悚片《機械姬》的宣傳網(wǎng)站的黑白配色方案和排版的一致性保持了文本的焦點(diǎn)，與電影明星AI機器人Ava的互動(dòng)對話(huà)。

12、Symbolset

色彩變化的背景活躍了這個(gè)極簡(jiǎn)主義的網(wǎng)站

（圖片來(lái)源：symbolset.com）

圖標字體供應商Symbolset通過(guò)最小化競爭元素并添加色彩鮮艷、不斷變化的背景，將人們的注意力吸引到網(wǎng)站設計的中間交互區域。