極簡主義網(wǎng)站可幫助用戶更快地思考。

在當(dāng)今時代，用戶變得越來越不耐煩，技術(shù)倦怠變得越來越普遍，為使互聯(lián)網(wǎng)時代的業(yè)務(wù)成功，保持鎮(zhèn)定和清晰的設(shè)計(jì)至關(guān)重要。

讓我們定義極簡主義的網(wǎng)站設(shè)計(jì)，并為您和您的用戶解釋它的好處。我們將進(jìn)入：

極簡設(shè)計(jì)的美學(xué)標(biāo)志 極簡主義的UI好處 極簡主義的設(shè)計(jì)避免了用戶對技術(shù)的疲勞，以及為什么這對你的成功很重要 視覺美學(xué)

當(dāng)我們想到極簡主義時，默認(rèn)情況是默認(rèn)到我們可以看到并與之互動的極簡主義方面。

例如，Apple的美學(xué)在很長時間方是公認(rèn)的，并且是科技界的主要潮流引領(lǐng)者。盡管相對簡單，但它們的設(shè)計(jì)始終在美學(xué)上令人愉悅。

其原因是它們的視覺風(fēng)格極小。

讓我們探討一下這的真正含義，有助于視覺美感的各種因素，以及為什么這些因素如此有效。

白色或黑色

白色的中立不僅在用戶眼中很容易，而且在他們的腦海中也很容易。顏色不代表任何東西-意味著用戶不會被它分散注意力或被迫考慮顏色實(shí)際代表什么。

白色背景可以使號召性用語和有意義的文字等重要元素脫穎而出，以發(fā)揮作用，同時還可以確保它們之間的色彩對比。當(dāng)其亮度與對比色相匹配時，它是可訪問性工具。

Slack的白色背景使文本和按鈕更生動

黑色是白色的“嚴(yán)肅”替代。它仍然傳達(dá)了一個簡約的，以內(nèi)容為中心的UI，同時傳達(dá)了一種“更適合”的感覺。

黑色是新的白色嗎？ 無襯線字體

Sans-serif字體看起來比襯線字體更干凈，這就是為什么它們通常被大型企業(yè)所放心的原因。結(jié)合使用sans-serif字體，大字體和/或粗體字體可以大程度地發(fā)揮影響力和情感，并且，如果我們明智地選擇單詞，它們可能是我們網(wǎng)站上迷人的方面。少即是多的情況。

微軟，采取“少即是多”的方法 粗體顏色

粗體顏色與白色和黑色背景形成了很好的對比，盡管它們本身用作背景顏色時，它們看起來幾乎可以與白色或黑色一樣小，同時還傳達(dá)了更多的情感和含義。

決定創(chuàng)業(yè)是一個情感決定。Shopify通過出色的圖像和美麗，大膽的色彩加強(qiáng)了這一事實(shí)。

漸變是使用粗體顏色而不會使用戶不知所措的解決方案，尤其是與無襯線字體配合使用時。這是Dribbble的一個示例，向我們展示了極簡主義如何在不同程度上存在，以及極簡主義網(wǎng)站如何以許多不同的形狀和大小出現(xiàn)。

情緒化，但簡單。

漸變色極少，但令人著迷 扁平化設(shè)計(jì)

扁平化設(shè)計(jì)是一種網(wǎng)站設(shè)計(jì)趨勢，大約在2012年浮出水面。這是極簡主義的視覺吸引力，盡管NNGroup強(qiáng)調(diào)了嚴(yán)重的可用性問題，因?yàn)槠矫嬖O(shè)計(jì)將極簡概念應(yīng)用于按鈕之類的交互元素，使它們看起來好像他們根本沒有互動。

這導(dǎo)致了“ Flat 2.0”的出現(xiàn)，它使用圓角和陰影在不使UI混亂的情況下為這些交互式元素增加了更多的深度。

圓角很有效，因?yàn)樗鼈冾愃朴诂F(xiàn)實(shí)生活中的按鈕（具有圓角）。陰影更貼切，因?yàn)樗鼈優(yōu)榘粹o提供3D元素，將它們與設(shè)計(jì)分離并調(diào)用真實(shí)的元素。

緩沖區(qū)：簡單而平坦，但不要太多

如果我們無法澄清交互式點(diǎn)擊目標(biāo)是交互式的，那么我們的設(shè)計(jì)將變得無法使用，因?yàn)橛脩綦S后被迫計(jì)算出可點(diǎn)擊的內(nèi)容和不可點(diǎn)擊的內(nèi)容。這種復(fù)雜的思維違背了極簡主義應(yīng)該實(shí)現(xiàn)的一切。

正如史蒂夫·克魯格（Steve Krug）在有史以來重要的設(shè)計(jì)和可用性書之一中所說的那樣，不要讓我思考！

極簡主義的視覺美學(xué)肯定會使我們的設(shè)計(jì)更整潔，但在設(shè)計(jì)UI時，我們不應(yīng)過分夸大其詞。

首先關(guān)注清晰度/可點(diǎn)擊性，其次關(guān)注視覺吸引力。

設(shè)計(jì)很小的UI和內(nèi)容

設(shè)計(jì)極簡網(wǎng)站的UI和內(nèi)容有四個主要問題：

明晰。信息是否清晰？ 可發(fā)現(xiàn)性。用戶如何輕松找到東西？ 選擇能力。用戶如何容易地做出決定？ 可掃描性。用戶掃描文檔有多容易？InVision Studio主頁是干凈整潔的，但是如果需要，可以提供其他信息。 避免視覺混亂

經(jīng)驗(yàn)法則：如果有用但對大多數(shù)用戶或在用戶當(dāng)前上下文中沒有用，請將其隱藏。

隱藏某些東西以減輕認(rèn)知負(fù)擔(dān)的示例是將不重要的導(dǎo)航項(xiàng)移到畫布菜單之外時，僅在實(shí)際請求時才顯示。

這背后的想法是：為什么當(dāng)用戶甚至根本不需要查看或使用它時，為什么要迫使用戶考慮它的含義？

我們還需要考慮以下事實(shí)：如果信息太多，用戶將在關(guān)鍵時刻無法回憶起重要信息。

認(rèn)知負(fù)荷會影響我們的記憶力。當(dāng)被太多的對象或選擇淹沒時，我們陷入癱瘓，不知道去哪里。沒有布宜諾斯艾利斯

使用視覺等級降低認(rèn)知負(fù)荷

視覺層次結(jié)構(gòu)應(yīng)指示每個元素的重要性并影響其查看順序。這意味著我們需要在視覺上對某些元素進(jìn)行優(yōu)先排序，以幫助用戶準(zhǔn)確了解正在發(fā)生的事情。例如，假設(shè)一個產(chǎn)品的價格顯示的字體大于產(chǎn)品標(biāo)題的字體。用戶也許會知道該產(chǎn)品的價格為10美元，但由于他們還不知道該產(chǎn)品是什么，所以會困惑幾秒鐘。當(dāng)事實(shí)證明他們根本不在乎產(chǎn)品時，情況就更糟了，因?yàn)樗麄儸F(xiàn)在已經(jīng)處理了對他們沒有用的信息。

這聽起來像是一個小警告，但來自每個小設(shè)計(jì)缺陷的認(rèn)知負(fù)擔(dān)加起來并可能導(dǎo)致用戶分心。

提供更少的選項(xiàng)，以提供更流暢的體驗(yàn)

正如?？怂苟伤枋龅哪菢?，可供選擇的更多選項(xiàng)等于較慢的響應(yīng)時間。當(dāng)選項(xiàng)太多時，用戶可能會遭受決策癱瘓，這是由于認(rèn)知超負(fù)荷而無法選擇選項(xiàng)。

例如，耐克（Nike）的網(wǎng)站旨在僅一次向您展示一些產(chǎn)品。

除了標(biāo)準(zhǔn)的極簡主義品質(zhì)外，耐克還清晰地向用戶顯示了路線圖上的內(nèi)容，而沒有顯示太多有關(guān)每種產(chǎn)品的信息。

Atoms網(wǎng)站是一個成功的例子，說明減少了選項(xiàng)的數(shù)量。主導(dǎo)航僅容納四個導(dǎo)航項(xiàng)，次要項(xiàng)移至網(wǎng)站頁腳。一旦用戶選擇“找到適合自己的衣服”，就會向用戶展示一次對話式選擇一個正確產(chǎn)品的方法。

減少選項(xiàng)數(shù)量，使決策更容易做出 設(shè)計(jì)功能摩擦

就像視覺上的混亂一樣，功能性混亂也增加了用戶的認(rèn)知負(fù)擔(dān)，并可能引起巨大的注意力分散，從而導(dǎo)致轉(zhuǎn)化次數(shù)大大減少。

電子商務(wù)就是一個很好的例子，其中34％的遺漏結(jié)帳是由于用戶被迫創(chuàng)建帳戶而造成的，這造成了巨大的財(cái)務(wù)損失。

34％的放棄結(jié)帳是由于可以避免的摩擦

假設(shè)地說，這并不意味著在這種情況下我們需要強(qiáng)制執(zhí)行訪客結(jié)帳，但是我們可以使創(chuàng)建帳戶為可選。如果我們真的想大程度地減少用戶的認(rèn)知負(fù)擔(dān)，我們可以要求用戶在結(jié)帳后創(chuàng)建一個帳戶，以使用戶甚至不會因創(chuàng)建帳戶而分心！

分享名稱：極簡主義網(wǎng)站：您需要了解的內(nèi)容
轉(zhuǎn)載注明：http://m.rwnh.cn/news9/208159.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站策劃、網(wǎng)站營銷、外貿(mào)建站、品牌網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)