今天，優(yōu)秀的設(shè)計(jì)不僅僅是在一定數(shù)量的頁面上傳達(dá)正確的信息。

創(chuàng)造一個(gè)完美的網(wǎng)站不僅僅是嘗試視覺和聲音。設(shè)計(jì)師需要仔細(xì)考慮網(wǎng)站的每個(gè)元素是如何影響整體用戶體驗(yàn)的。

畢竟，有數(shù)十億的網(wǎng)站可供探索，它需要一些真正沉浸式的東西來說服你的客戶的受眾，他們應(yīng)該留在他們的頁面上。你的網(wǎng)站越方便、越有吸引力，訪問者就越有可能在你的網(wǎng)站逗留。

極簡主義是最近幾年網(wǎng)頁設(shè)計(jì)中比較流行的一種風(fēng)格，有時(shí)可以幫助設(shè)計(jì)者使網(wǎng)站更有吸引力和有效的功能。

頁面上的混亂和混亂越少，導(dǎo)航就越容易。

那么，你如何接受功能極簡主義的好處呢?

理解功能極簡主義

許多網(wǎng)頁設(shè)計(jì)師都相信極簡主義是關(guān)于美學(xué)的。

他們看到一個(gè)像Hugeinc.com這樣的網(wǎng)站，并認(rèn)為極簡主義的外觀是為了使網(wǎng)站盡可能吸引人。

然而，網(wǎng)頁設(shè)計(jì)中的極簡主義的潛在理念遠(yuǎn)不止于此。極簡主義設(shè)計(jì)的歷史始于日本文化。長期以來，日本一直注重在建筑、室內(nèi)設(shè)計(jì)、甚至平面設(shè)計(jì)中平衡簡約與美。在西方世界，極簡主義在網(wǎng)頁設(shè)計(jì)環(huán)境中大行其道，在消費(fèi)者忍受了數(shù)年雜亂復(fù)雜的網(wǎng)頁、困難的導(dǎo)航、鋪天蓋地的信息和沖突的圖形之后。

設(shè)計(jì)師們開始嘗試“少也能多”的理念——尤其是在數(shù)字領(lǐng)域。

極簡主義網(wǎng)頁設(shè)計(jì)的功能規(guī)則

有一段時(shí)間，極簡主義是網(wǎng)站最流行的風(fēng)格。特別是在2018年，極簡主義的網(wǎng)頁設(shè)計(jì)飆升至設(shè)計(jì)師需求列表的首位，因?yàn)楣緪凵狭丝瞻?、簡單的?dǎo)航和粗體字的組合。

雖然現(xiàn)在，有其他的設(shè)計(jì)趨勢進(jìn)入這個(gè)行業(yè)，設(shè)計(jì)師仍然可以從探索一些基本規(guī)則的功能極簡主義受益。畢竟，視覺的復(fù)雜性已經(jīng)被證明會(huì)損害人們對(duì)網(wǎng)站的認(rèn)知。

此外，由EyeQuant group進(jìn)行的一項(xiàng)研究發(fā)現(xiàn)，干凈簡單的設(shè)計(jì)可以降低彈跳率。極簡主義讓瀏覽者在頁面上更少的競爭，這可以允許一個(gè)更簡單和更直接的體驗(yàn)。此外，一個(gè)干凈的網(wǎng)站還能帶來其他好處，包括更快的加載時(shí)間，更好的屏幕響應(yīng)能力等等。

因?yàn)槟皇褂蒙倭繄D像和間距良好的文本，您甚至可以嘗試不同的策略，如圖形和動(dòng)態(tài)字體。例如，看看Manuel Rueda的網(wǎng)站，它是一個(gè)極簡主義設(shè)計(jì)如何充滿活力的很好的例子。

那么，設(shè)計(jì)師該如何運(yùn)用功能極簡主義的原則呢?

1. 關(guān)注本質(zhì)

首先，就像設(shè)計(jì)登陸頁面一樣，設(shè)計(jì)師需要確保他們只關(guān)注頁面中真正需要的元素。

這意味著刪除網(wǎng)站上任何不支持用戶所使用的特定頁面最終目標(biāo)的內(nèi)容。任何圖片，背景噪音，按鈕，甚至導(dǎo)航功能都不支持用戶最初的體驗(yàn)，都必須刪除。

考慮一下什么會(huì)讓你的訪問者從重要的事情上分心，集中精力給每件事情一個(gè)目的。例如，Plus63.org網(wǎng)站立即向訪問者介紹網(wǎng)站的目的，然后允許用戶向下滾動(dòng)以獲取更多信息。這些數(shù)據(jù)通過主頁清晰地傳播開來，將觀眾帶入一個(gè)故事中。

2. 擁抱積極和消極的空間

負(fù)空間是極簡主義網(wǎng)頁設(shè)計(jì)的基本要素之一。

一個(gè)好網(wǎng)站的每一部分都不需要充滿噪音來做出改變。白色或負(fù)空間可以幫助你的觀眾充分理解他們所獲得的體驗(yàn)。

從功能的角度來看，這是把一個(gè)人放在滿溢的儲(chǔ)物箱里，然后讓他們找到他們需要的東西，還是把他們放在一個(gè)房間里，物品被仔細(xì)地隔開，貼上標(biāo)簽，然后等待發(fā)現(xiàn)的區(qū)別。

Hatchinc。co網(wǎng)站使用負(fù)空間，以確保信息易于消費(fèi)。您可以輕松地找到網(wǎng)站的不同頁面，社會(huì)媒體按鈕，和時(shí)事通訊訂閱工具。另外，你有機(jī)會(huì)看到網(wǎng)站背后的一些工作。

3.使它明顯

近年來，消費(fèi)者遇到的最大問題之一就是“選擇過多”的概念。

無論你是在商店里，還是在網(wǎng)站上，你永遠(yuǎn)不知道首先要做什么。你會(huì)查看網(wǎng)站上的博客文章來更多地了解公司的權(quán)威嗎?你是否會(huì)訪問“關(guān)于”頁面，看看品牌從何而來?你會(huì)去他們的產(chǎn)品頁面嗎?

作為一名設(shè)計(jì)師，功能簡約主義可以幫助你讓你的用戶清楚地知道接下來應(yīng)該做什么。當(dāng)你一進(jìn)入AYR.com網(wǎng)站，你就不會(huì)有太多的選擇。你可以走到你的包前，“現(xiàn)在就買”，或者查看菜單。

因?yàn)?ldquo;現(xiàn)在就購買”的CTA是最大的，也是最吸引人的，所以大多數(shù)訪問者都會(huì)先點(diǎn)擊它，這增加了公司的轉(zhuǎn)化率。

4. 簡化導(dǎo)航(但不要隱藏)

上面AYR.com的例子給我們帶來了功能極簡主義的另一個(gè)概念。

雖然極簡主義和簡約主義并不總是同一件事，但它們應(yīng)該攜手并進(jìn)。當(dāng)你為功能極簡主義而設(shè)計(jì)時(shí)，你應(yīng)該專注于幫助訪問者盡可能快速、輕松地完成任務(wù)，而不受干擾。

這意味著，與其讓用戶在屏幕頂部或側(cè)邊瀏覽大量可供選擇的頁面，還不如考慮更簡單的導(dǎo)航選項(xiàng)。一個(gè)單一的菜單圖標(biāo)擴(kuò)展成一個(gè)完整的條目列表仍然是一個(gè)流行的設(shè)計(jì)選擇——尤其是在移動(dòng)網(wǎng)頁設(shè)計(jì)的時(shí)代。

例如，看看newvisionopticien.com上的簡單菜單。

通過這種基本方法，設(shè)計(jì)師可以確保訪問者更有可能點(diǎn)擊他們的客戶希望他們的客戶訪問的頁面。他們?nèi)匀豢梢栽诓藛沃姓业剿麄冃枰臇|西，但這不會(huì)占用頁面空間，或分散他們的注意力。

5. 用屏幕頂部設(shè)定遠(yuǎn)大的期望

功能的極簡主義也可以幫助今天的設(shè)計(jì)師更快地從他們點(diǎn)擊進(jìn)入一個(gè)網(wǎng)站的那一刻吸引訪問者的注意。

在頁面頂部可見的內(nèi)容將鼓勵(lì)訪問者采取下一步的在線體驗(yàn)。確保你所提供的內(nèi)容能讓你的聽眾保持興趣，并提供他們所需要的信息。

這樣，你就可以為你的客戶降低高跳出率的風(fēng)險(xiǎn)，同時(shí)也可以利用minimalism的能力為你的用戶提供快速的信息訪問。

在這一頁的頂部，是Kerem。co網(wǎng)站立即向訪問者介紹網(wǎng)站的所有內(nèi)容，以及他們下一步應(yīng)該做什么。

通過使用良好的UI動(dòng)畫，您甚至可以在頁面頂部的一個(gè)塊中交付更多信息，而不會(huì)造成環(huán)境混亂。

考慮實(shí)現(xiàn)從一張圖片到下一張圖片的幻燈片，或者實(shí)現(xiàn)隨著讀者閱讀每句話而動(dòng)態(tài)改變的字體部分。

6. 在正確的空間中使用極簡主義的功能

記住，功能的極簡主義并不僅僅適用于主頁。

取決于你想為你的客戶完成什么，你也可以嵌入極簡主義的組件登陸頁面，作品集，擠壓頁面。

畢竟，當(dāng)一個(gè)頁面上沒有那么多的混亂和混亂來分散潛在用戶的注意力時(shí)，你的訪問者就更有可能滾動(dòng)到頁面底部，完成一次轉(zhuǎn)換。例如，看看Muzzleapp.com的登陸頁面是多么的簡單和吸引人。

該頁面提供了有用的信息，并確切地告訴客戶他們下一步需要做什么。沒有困惑，沒有復(fù)雜，也沒有什么可以阻擋訪問者。

只是小心些而已。雖然功能極簡主義非常有用，但它并不適合每一個(gè)網(wǎng)站。元素的缺乏對(duì)那些嚴(yán)重依賴內(nèi)容的網(wǎng)站來說是有害的。這是因?yàn)榈托畔⒚芏葧?huì)迫使你的用戶過度滾動(dòng)他們需要的內(nèi)容。正確地使用功能極簡主義需要仔細(xì)評(píng)估這種技術(shù)最適合的地方。

極簡主義可以是實(shí)用的

極簡設(shè)計(jì)不僅僅是一種審美選擇。極簡主義的正確方面可以通過消除不必要的元素和減少不支持最終目標(biāo)的內(nèi)容來簡化web界面。

關(guān)鍵是在創(chuàng)造正確的設(shè)計(jì)時(shí)，要確保你專注于美學(xué)和可用性的結(jié)合。一個(gè)易于導(dǎo)航和漂亮的網(wǎng)站可以成為任何企業(yè)的強(qiáng)大工具。