服務(wù)熱線:18609840880

行業(yè)資訊

建站知識(shí)

您當(dāng)前位置:首頁(yè) > 行業(yè)資訊

使用極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的5個(gè)佳實(shí)踐

發(fā)布時(shí)間:2018-05-02

極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)在建筑學(xué)或任何其他藝術(shù)中都有相當(dāng)長(zhǎng)的歷史和極簡(jiǎn)主義。然而,我們大多數(shù)人看到的網(wǎng)站充斥著元素、圖片和彈出窗口,這些都遠(yuǎn)非簡(jiǎn)約。如果你對(duì)這篇文章感興趣,你可能并不是那些過于擁擠的頁(yè)面的大粉絲。

極簡(jiǎn)主義布局的先進(jìn)個(gè)適配器可能是谷歌。在20世紀(jì)90年代,他們選擇了簡(jiǎn)單的感知,而這一趨勢(shì)正在被跟蹤。這種方法的成功使得更多的公司專注于小化而不是大化其在線頁(yè)面的視覺元素?cái)?shù)量。如今,許多知名的現(xiàn)代品牌都只使用極簡(jiǎn)主義來(lái)促銷。設(shè)計(jì)師們將“少即是多”這一概念應(yīng)用于用戶界面,以增加流量。這確實(shí)很有道理。

根據(jù)眼睛定量,較低的反彈率可以與清潔設(shè)計(jì)相關(guān)聯(lián)。雖然清晰度是主觀的,但明顯的是,屏幕上的功能更少有助于人們集中注意力在重要的信息上,而不是為了尋找生活必需品而四處亂跳。另一個(gè)好處是減少了加載時(shí)間,這在一個(gè)似乎沒有時(shí)間的世界中也很重要。極簡(jiǎn)主義風(fēng)格更有可能被稱為信息和省時(shí)。

到目前為止,你可能已經(jīng)開始考慮簡(jiǎn)約的網(wǎng)頁(yè)設(shè)計(jì)靈感了。這正是我們接下來(lái)要討論的。有5個(gè)流行的技術(shù)被極簡(jiǎn)主義設(shè)計(jì)師用于理論部分和5個(gè)漂亮的極簡(jiǎn)主義者網(wǎng)站的例子。您可以查看它們,并可能為您自己的模板提出一些很酷的想法。

5種技術(shù)用于構(gòu)建完美的極簡(jiǎn)主義網(wǎng)頁(yè)
注意,它們可以單獨(dú)使用,也可以一起使用。這就是你真正有創(chuàng)造力的地方。在添加?xùn)|西的時(shí)候,你可以很容易地完成它;然而,小化可能是一項(xiàng)更容易的任務(wù)。仔細(xì)想想這些技術(shù),試著找出那些可以為你的產(chǎn)品、服務(wù)或任何可能出現(xiàn)在你的主頁(yè)上的東西增加價(jià)值的方法。

1.巧妙地使用負(fù)面空間

一旦去掉了不必要的元素,它們的位置就會(huì)出現(xiàn)一些空白。這個(gè)界面的白色區(qū)域通常被稱為陰性。而且,它也可以被稱為所有極簡(jiǎn)設(shè)計(jì)的支柱。不需要它是白色的,但它肯定是空的。即使是空的,它在向客戶發(fā)送信息方面也扮演著重要的角色。首先,它可以防止分心和煩惱。其次,它引導(dǎo)用戶的注意力,幫助用戶直接獲取信息,而不需要與其他元素進(jìn)行斗爭(zhēng)。

當(dāng)你想在你的網(wǎng)站上創(chuàng)建消極的空間時(shí),有一些因素需要考慮。其中有:
內(nèi)容重要到可以放在頁(yè)面上
層次結(jié)構(gòu)的元素
與信息交互的簡(jiǎn)潔性(或相反?)
不同分辨率的負(fù)空間變化。
實(shí)際上,沒有普遍的答案。對(duì)于每個(gè)特定的項(xiàng)目,考慮這些因素是很重要的

2.單色調(diào)色板或完全瘋狂的顏色

人們常常認(rèn)為,極簡(jiǎn)主義的網(wǎng)站只能是黑白的。這不是真的。這里重要的是使用你選擇的任何顏色,這樣他們就不會(huì)過多而直接的關(guān)注。顏色使用的主要原則也在這里,也就是說(shuō)沒有必要把所有的變化都放在你的公司風(fēng)格中。然而,不要只把自己局限于黑白。

盡管許多漂亮的極簡(jiǎn)主義網(wǎng)站使用單色調(diào)色板,或者用一種大膽的顏色來(lái)強(qiáng)調(diào),但這并不是一種法律。當(dāng)然,50種不同的顏色和色調(diào)永遠(yuǎn)不會(huì)被稱為極簡(jiǎn)主義,但同時(shí),也有可能會(huì)讓純黑白的字體顯得過于擁擠。

實(shí)際上,由于有大量的負(fù)空間,你可以使用明亮的顏色來(lái)填充平衡和非破壞性的色彩圖案。做得漂亮,你的頁(yè)面將會(huì)非常出色,與其他人群不同。另外,要特別注意商標(biāo)。它通??雌饋?lái)像一個(gè)小元素,但在簡(jiǎn)約的設(shè)計(jì)中,它仍然是必不可少的。它的顏色可能會(huì)在你的視覺整體上演奏先進(jìn)小提琴。

3、平面紋理

這種紋理沒有任何漸變,陰影,突出或特殊的圖形效果。在這種情況下,所有UI元素看起來(lái)都是簡(jiǎn)單的,并且是簡(jiǎn)單的。然而,讓所有的元素平并不是一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)站的普遍食譜。平面和極簡(jiǎn)設(shè)計(jì)是兩種不同的東西。他們確實(shí)經(jīng)常一起出現(xiàn),但要小心地感受不同。

一個(gè)極簡(jiǎn)主義的網(wǎng)站可以有一個(gè)令人驚奇的三維動(dòng)畫和陰影之類的東西在它的中心,并且仍然是極簡(jiǎn)主義的核心。與此同時(shí),對(duì)于一些設(shè)計(jì)師來(lái)說(shuō),盡量減少平面結(jié)構(gòu)可能會(huì)更容易些。選擇方法時(shí),您應(yīng)該記住您對(duì)不同頁(yè)面的一般公司風(fēng)格或其他模式。平并不是唯一的好東西。

4、大背景元素

這種技術(shù)在2018年仍然很流行,而且很有意義。有一個(gè)大的視頻或圖像實(shí)際上可以幫助人們直接關(guān)注在這個(gè)或那個(gè)頁(yè)面上的一個(gè)特定的信息。它還涉及HTML5支持的背景元素。過去幾年的趨勢(shì)是設(shè)置一個(gè)帶有大元素的背景圖像,并可能添加視差。這是為了原創(chuàng),往往是極簡(jiǎn)主義,因?yàn)樵谶@些頁(yè)面上幾乎沒有其他東西。

在極簡(jiǎn)設(shè)計(jì)中,背景通常具有重要意義。隨著元素?cái)?shù)量的減少,它扮演了一個(gè)主要敘述者的角色。這種方法的缺點(diǎn)是,有時(shí)可能很難構(gòu)建具有大元素背景的頁(yè)面響應(yīng)性版本。

5.網(wǎng)格布局和關(guān)注中心的頂部區(qū)域

網(wǎng)格布局在極簡(jiǎn)的數(shù)字設(shè)計(jì)師中尤其受歡迎。除了對(duì)內(nèi)容組織方便之外,這樣的模式還會(huì)使頁(yè)面看起來(lái)更亮。在博客或現(xiàn)代數(shù)字媒體上可以很好地看到在網(wǎng)格中代表新文章的東西。即使有一大堆新文章不斷出現(xiàn),也不會(huì)有任何超負(fù)荷。

另外,如果你想為移動(dòng)設(shè)備創(chuàng)建一個(gè)響應(yīng)性的版本,那么網(wǎng)格服務(wù)很好,因?yàn)樗ǔP枰c桌面設(shè)備有顯著不同的圖像。它不是關(guān)于極簡(jiǎn)主義本身,而是與它成功地共存的東西。以及在頁(yè)面頂部定位重要的信息。它顯然是定位它的地方,但對(duì)于極簡(jiǎn)設(shè)計(jì)來(lái)說(shuō)更是如此。無(wú)論你想拍什么,都應(yīng)該在你的極簡(jiǎn)主義的先進(jìn)個(gè)屏幕上。

一些極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)實(shí)例希望能成為你的靈感

為了讓你更好的了解你能想到什么,我們想分享5個(gè)簡(jiǎn)約的網(wǎng)站設(shè)計(jì)。它們大多不像極簡(jiǎn)主義的蘋果網(wǎng)站那樣廣受歡迎,但出于不同的原因,它們確實(shí)值得關(guān)注。他們可能會(huì)激勵(lì)你為我們的下一個(gè)列表創(chuàng)造一些令人敬畏的東西。

1.天鵝絨錘

一家名為“天鵝絨榔頭”的音樂管理公司表現(xiàn)完美。它使人想起一首優(yōu)美的曲子。對(duì)稱,線條和元素的清晰,簡(jiǎn)單的黑色邊框。這樣的設(shè)計(jì)有時(shí)候看起來(lái)就像是沒有投入進(jìn)去,這完全不是真的。精確地定位每一個(gè)微小的細(xì)節(jié)是一個(gè)只有熟練設(shè)計(jì)師才能完成的任務(wù)。

2.Nua自行車
 

這家公司只專注于自行車,沒有不必要的介紹和干擾。你可能需要知道的關(guān)于自行車的東西就在設(shè)計(jì)中。屏幕上有很多元素,沒有太多的負(fù)空間。然而,簡(jiǎn)約的感覺就在眼前,不是嗎?

3.精英模特公司

這個(gè)網(wǎng)站可以為它的極簡(jiǎn)主義網(wǎng)站標(biāo)題設(shè)計(jì)而感到自豪。有標(biāo)識(shí)和兩張圖片代表兩種途徑。這就是我們所說(shuō)的“不分心”的意思;然而,當(dāng)你開始瀏覽的時(shí)候,令人驚奇的圖片實(shí)際上會(huì)分散你的注意力,并且占用你很多的時(shí)間(要小心)。

4.Maaemo


在挪威,一家名為Maaemo的米其林星級(jí)餐廳的網(wǎng)站與眾不同。這里的極簡(jiǎn)主義展示了它的不同之處,以及高級(jí)別的。背景視頻在設(shè)定的氛圍中,開始講述網(wǎng)上的故事,只有當(dāng)你找到時(shí)間,并在線下參觀時(shí)才會(huì)正確地結(jié)束。這就是吸引注意力的方法!

5.Carlo Barberis

在本例中使用了上述所有技術(shù)。每一頁(yè)上都有負(fù)面的空間,背景上有大元素的圖片,平面的圖畫,精心的配色方案——所有這些都讓瀏覽者專注于傳遞的信息。

大連新圖聞科技有限公司是一家品牌設(shè)計(jì)服務(wù)提供商,企業(yè) 網(wǎng)絡(luò)服務(wù)品牌,也是企業(yè)郵箱“盈世”的大連地區(qū)代理商。 公司服務(wù)項(xiàng)目包括網(wǎng)站建設(shè)、平面設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷推廣、商 業(yè)攝影、企業(yè)郵箱等,幫助客戶提高企業(yè)綜合競(jìng)爭(zhēng)能力。

18609840880(微信同步)

市場(chǎng)部 : 8001@newtwowin.com
業(yè)務(wù)聯(lián)系,業(yè)務(wù)需求請(qǐng)發(fā)到此郵箱.

QQ咨詢: 94091176
客服部:xxz@newtwowin.com
地址:大連市西安路羅斯福B座3109