使用極簡主義網(wǎng)頁設(shè)計的5個最佳實踐
極簡主義的網(wǎng)頁設(shè)計在建筑學(xué)或任何其他藝術(shù)中都有相當(dāng)長的歷史和極簡主義。然而,我們大多數(shù)人看到的網(wǎng)站充斥著元素、圖片和彈出窗口,這些都遠(yuǎn)非簡約。如果你對這篇文章感興趣,你可能并不是那些過于擁擠的頁面的最大粉絲。
極簡主義布局的第一個適配器可能是谷歌。在20世紀(jì)90年代,他們選擇了簡單的感知,而這一趨勢正在被跟蹤。這種方法的成功使得更多的公司專注于最小化而不是最大化其在線頁面的視覺元素數(shù)量。如今,許多知名的現(xiàn)代品牌都只使用極簡主義來促銷。設(shè)計師們將"少即是多"這一概念應(yīng)用于用戶界面,以增加流量。這確實很有道理。
根據(jù)眼睛定量,較低的反彈率可以與清潔設(shè)計相關(guān)聯(lián)。雖然清晰度是主觀的,但明顯的是,屏幕上的功能更少有助于人們集中注意力在重要的信息上,而不是為了尋找生活必需品而四處亂跳。另一個好處是減少了加載時間,這在一個似乎沒有時間的世界中也很重要。極簡主義風(fēng)格更有可能被稱為信息和省時。
到目前為止,你可能已經(jīng)開始考慮簡約的網(wǎng)頁設(shè)計靈感了。這正是我們接下來要討論的。有5個最流行的技術(shù)被極簡主義設(shè)計師用于理論部分和5個漂亮的極簡主義者網(wǎng)站的例子。您可以查看它們,并可能為您自己的模板提出一些很酷的想法。
5種技術(shù)用于構(gòu)建完美的極簡主義網(wǎng)頁
注意,它們可以單獨(dú)使用,也可以一起使用。這就是你真正有創(chuàng)造力的地方。在添加?xùn)|西的時候,你可以很容易地完成它;然而,最小化可能是一項更容易的任務(wù)。仔細(xì)想想這些技術(shù),試著找出那些可以為你的產(chǎn)品、服務(wù)或任何可能出現(xiàn)在你的主頁上的東西增加價值的方法。
1.巧妙地使用負(fù)面空間
一旦去掉了不必要的元素,它們的位置就會出現(xiàn)一些空白。這個界面的白色區(qū)域通常被稱為陰性。而且,它也可以被稱為所有極簡設(shè)計的支柱。不需要它是白色的,但它肯定是空的。即使是空的,它在向客戶發(fā)送信息方面也扮演著重要的角色。首先,它可以防止分心和煩惱。其次,它引導(dǎo)用戶的注意力,幫助用戶直接獲取信息,而不需要與其他元素進(jìn)行斗爭。
當(dāng)你想在你的網(wǎng)站上創(chuàng)建消極的空間時,有一些因素需要考慮。其中有:
內(nèi)容重要到可以放在頁面上
層次結(jié)構(gòu)的元素
與信息交互的簡潔性(或相反?)
不同分辨率的負(fù)空間變化。
實際上,沒有普遍的答案。對于每個特定的項目,考慮這些因素是很重要的
2.單色調(diào)色板或完全瘋狂的顏色
人們常常認(rèn)為,極簡主義的網(wǎng)站只能是黑白的。這不是真的。這里最重要的是使用你選擇的任何顏色,這樣他們就不會過多而直接的關(guān)注。顏色使用的主要原則也在這里,也就是說沒有必要把所有的變化都放在你的公司風(fēng)格中。然而,不要只把自己局限于黑白。
盡管許多漂亮的極簡主義網(wǎng)站使用單色調(diào)色板,或者用一種大膽的顏色來強(qiáng)調(diào),但這并不是一種法律。當(dāng)然,50種不同的顏色和色調(diào)永遠(yuǎn)不會被稱為極簡主義,但同時,也有可能會讓純黑白的字體顯得過于擁擠。
實際上,由于有大量的負(fù)空間,你可以使用明亮的顏色來填充平衡和非破壞性的色彩圖案。做得漂亮,你的頁面將會非常出色,與其他人群不同。另外,要特別注意商標(biāo)。它通??雌饋硐褚粋€小元素,但在簡約的設(shè)計中,它仍然是必不可少的。它的顏色可能會在你的視覺整體上演奏第一小提琴。
3、平面紋理
這種紋理沒有任何漸變,陰影,突出或特殊的圖形效果。在這種情況下,所有UI元素看起來都是簡單的,并且是最簡單的。然而,讓所有的元素平并不是一個簡單的個人網(wǎng)站的普遍食譜。平面和極簡設(shè)計是兩種不同的東西。他們確實經(jīng)常一起出現(xiàn),但要小心地感受不同。
一個極簡主義的網(wǎng)站可以有一個令人驚奇的三維動畫和陰影之類的東西在它的中心,并且仍然是極簡主義的核心。與此同時,對于一些設(shè)計師來說,盡量減少平面結(jié)構(gòu)可能會更容易些。選擇方法時,您應(yīng)該記住您對不同頁面的一般公司風(fēng)格或其他模式。平并不是唯一的好東西。
4、大背景元素
這種技術(shù)在2018年仍然很流行,而且很有意義。有一個大的視頻或圖像實際上可以幫助人們直接關(guān)注在這個或那個頁面上的一個特定的信息。它還涉及html5支持的背景元素。過去幾年的趨勢是設(shè)置一個帶有大元素的背景圖像,并可能添加視差。這是為了原創(chuàng),往往是極簡主義,因為在這些頁面上幾乎沒有其他東西。
在極簡設(shè)計中,背景通常具有重要意義。隨著元素數(shù)量的減少,它扮演了一個主要敘述者的角色。這種方法的缺點(diǎn)是,有時可能很難構(gòu)建具有大元素背景的頁面響應(yīng)性版本。
5.網(wǎng)格布局和關(guān)注中心的頂部區(qū)域
網(wǎng)格布局在極簡的數(shù)字設(shè)計師中尤其受歡迎。除了對內(nèi)容組織方便之外,這樣的模式還會使頁面看起來更亮。在博客或現(xiàn)代數(shù)字媒體上可以很好地看到在網(wǎng)格中代表新文章的東西。即使有一大堆新文章不斷出現(xiàn),也不會有任何超負(fù)荷。
另外,如果你想為移動設(shè)備創(chuàng)建一個響應(yīng)性的版本,那么網(wǎng)格服務(wù)很好,因為它通常需要與桌面設(shè)備有顯著不同的圖像。它不是關(guān)于極簡主義本身,而是與它成功地共存的東西。以及在頁面頂部定位最重要的信息。它顯然是定位它的地方,但對于極簡設(shè)計來說更是如此。無論你想拍什么,都應(yīng)該在你的極簡主義的第一個屏幕上。
一些極簡主義的網(wǎng)頁設(shè)計實例希望能成為你的靈感
為了讓你更好的了解你能想到什么,我們想分享5個最簡約的網(wǎng)站設(shè)計。它們大多不像極簡主義的蘋果網(wǎng)站那樣廣受歡迎,但出于不同的原因,它們確實值得關(guān)注。他們可能會激勵你為我們的下一個列表創(chuàng)造一些令人敬畏的東西。
1.天鵝絨錘
一家名為"天鵝絨榔頭"的音樂管理公司表現(xiàn)完美。它使人想起一首優(yōu)美的曲子。對稱,線條和元素的清晰,簡單的黑色邊框。這樣的設(shè)計有時候看起來就像是沒有投入進(jìn)去,這完全不是真的。精確地定位每一個微小的細(xì)節(jié)是一個只有熟練設(shè)計師才能完成的任務(wù)。
2.Nua自行車
這家公司只專注于自行車,沒有不必要的介紹和干擾。你可能需要知道的關(guān)于自行車的東西就在設(shè)計中。屏幕上有很多元素,沒有太多的負(fù)空間。然而,簡約的感覺就在眼前,不是嗎?
3.精英模特公司
這個網(wǎng)站可以為它的極簡主義網(wǎng)站標(biāo)題設(shè)計而感到自豪。有標(biāo)識和兩張圖片代表兩種途徑。這就是我們所說的"不分心"的意思;然而,當(dāng)你開始瀏覽的時候,令人驚奇的圖片實際上會分散你的注意力,并且占用你很多的時間(要小心)。
4.Maaemo
在挪威,一家名為Maaemo的米其林星級餐廳的網(wǎng)站與眾不同。這里的極簡主義展示了它的不同之處,以及高級別的。背景視頻在設(shè)定的氛圍中,開始講述網(wǎng)上的故事,只有當(dāng)你找到時間,并在線下參觀時才會正確地結(jié)束。這就是吸引注意力的方法!
5.Carlo Barberis
在本例中使用了上述所有技術(shù)。每一頁上都有負(fù)面的空間,背景上有大元素的圖片,平面的圖畫,精心的配色方案——所有這些都讓瀏覽者專注于傳遞的信息。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)