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

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

畢竟，有數(shù)十億的網(wǎng)站可供瀏覽，它需要一些真正的身臨其境，說(shuō)服你的客戶的觀眾，他們應(yīng)該留在他們的網(wǎng)頁(yè)。你的網(wǎng)站越方便、越吸引人，訪問(wèn)者就越有可能想要逗留。

極簡(jiǎn)主義是近幾年來(lái)最流行的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格之一，它有時(shí)可以幫助設(shè)計(jì)師制作更有吸引力、更有效的網(wǎng)站。

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

那么，你如何接受功能性極簡(jiǎn)主義的好處呢?

理解功能極簡(jiǎn)主義

許多網(wǎng)頁(yè)設(shè)計(jì)師都相信極簡(jiǎn)主義就是美學(xué)。

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

然而，網(wǎng)頁(yè)設(shè)計(jì)中極簡(jiǎn)主義的潛在理念比這要深入得多。極簡(jiǎn)設(shè)計(jì)的歷史始于日本文化。日本一直注重在建筑、室內(nèi)設(shè)計(jì)、甚至平面設(shè)計(jì)中平衡簡(jiǎn)單與美麗。在西方世界，極簡(jiǎn)主義在網(wǎng)頁(yè)設(shè)計(jì)環(huán)境中獲得了它的盛世，在此之前，客戶忍受了數(shù)年的混亂和復(fù)雜的網(wǎng)頁(yè)和困難的導(dǎo)航，壓倒性的信息和沖突的圖形。

設(shè)計(jì)師們開(kāi)始實(shí)驗(yàn)這樣的想法，即少一點(diǎn)真的可以多一點(diǎn)——尤其是當(dāng)它涉及到數(shù)字景觀時(shí)。

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

有一段時(shí)間，極簡(jiǎn)主義是網(wǎng)站最流行的風(fēng)格。特別是在2018年，極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)飆升至設(shè)計(jì)師需求清單的首位，因?yàn)楣緪?ài)上了白色空間、簡(jiǎn)單導(dǎo)航和粗體字的結(jié)合。

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

此外，由EyeQuant group進(jìn)行的一項(xiàng)研究發(fā)現(xiàn)，簡(jiǎn)潔的設(shè)計(jì)會(huì)導(dǎo)致較低的彈跳率。極簡(jiǎn)主義讓瀏覽者在頁(yè)面上少了很多麻煩，這可以帶來(lái)更簡(jiǎn)單、更直接的體驗(yàn)。此外，一個(gè)干凈的網(wǎng)站還能帶來(lái)額外的好處，包括更快的加載時(shí)間，屏幕大小之間更好的響應(yīng)能力等等。

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

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

1. 關(guān)注要點(diǎn)

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

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

想想什么會(huì)讓你的訪客從重要的事情上分心，然后集中精力給每件事一個(gè)目標(biāo)。例如，Plus63.org網(wǎng)站立即向訪問(wèn)者介紹了該網(wǎng)站的目的，然后允許用戶向下滾動(dòng)以獲得更多信息。數(shù)據(jù)清晰地分布在主頁(yè)上，將觀眾拉進(jìn)一個(gè)故事中。

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

負(fù)空間是優(yōu)秀極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的基本組成部分之一。

一個(gè)好的網(wǎng)站不需要讓每一部分都充滿噪音來(lái)產(chǎn)生影響。白色或負(fù)向空間可以幫助給你的觀眾一個(gè)空間，他們需要充分理解他們所獲得的體驗(yàn)。

從功能的角度來(lái)看，這是把人放在一個(gè)滿溢的儲(chǔ)物箱里，讓他們?nèi)フ易约盒枰臇|西，還是把他們放在一個(gè)房間里，里面的東西被仔細(xì)地隔開(kāi)，貼上標(biāo)簽，然后等待發(fā)現(xiàn)，這兩者之間的區(qū)別。

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

3.使它明顯

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

無(wú)論你是在商店里，還是在網(wǎng)站上，你都不知道首先該做什么。你會(huì)查看網(wǎng)站上的博客文章以了解更多關(guān)于公司的權(quán)威嗎?你會(huì)訪問(wèn)“關(guān)于”頁(yè)面，看看品牌來(lái)自哪里?你會(huì)去他們的產(chǎn)品頁(yè)面嗎?

作為一名設(shè)計(jì)師，功能性極簡(jiǎn)主義可以幫助你使你的觀眾下一步應(yīng)該做什么變得顯而易見(jiàn)。只要你一進(jìn)入AYR.com網(wǎng)站，就不會(huì)有太多選擇。你可以走到你的包前，“現(xiàn)在購(gòu)物”，或者查看菜單。

由于“現(xiàn)在購(gòu)物”CTA是最大最吸引人的，大多數(shù)訪問(wèn)者很有可能會(huì)先點(diǎn)擊它，從而增加公司的轉(zhuǎn)化率。

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

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

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

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

例如，看看newvision-opticien.com網(wǎng)站上的簡(jiǎn)單菜單。

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

5. 對(duì)屏幕的頂部寄予厚望

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

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

這樣，你就可以為你的客戶降低高回彈率的風(fēng)險(xiǎn)，同時(shí)也可以利用極簡(jiǎn)主義為你的聽(tīng)眾提供快速訪問(wèn)信息的能力。

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

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

可以考慮制作一個(gè)圖片幻燈片，從一個(gè)圖片切換到下一個(gè)圖片，或者在觀眾有機(jī)會(huì)閱讀每句話時(shí)動(dòng)態(tài)改變字體部分。

6. 在合適的空間使用功能性極簡(jiǎn)主義

記住，功能性極簡(jiǎn)主義不僅僅適用于主頁(yè)。

取決于你想為你的客戶完成什么，你也可以將極簡(jiǎn)主義的組件嵌入到著陸頁(yè)面、投資組合和壓縮頁(yè)面中。

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

該頁(yè)面提供了有用的信息，并告訴客戶他們下一步需要做什么。沒(méi)有困惑，沒(méi)有復(fù)雜性，沒(méi)有任何東西會(huì)阻礙訪問(wèn)者。

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

極簡(jiǎn)主義可以是功能性的

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

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