極簡(jiǎn)主義有認(rèn)真了解過么度迂，知道它的必備元素么?今天跟著小編一起學(xué)習(xí)一下吧，了解的就跟著小編在梳理一次倡怎。極簡(jiǎn)主義風(fēng)格的網(wǎng)站UI設(shè)計(jì)乍一看可能像頁(yè)面中的元素是被匆忙之間“攪拌”在一起的嫉到。畢竟税娜，它們較普通的設(shè)計(jì)來說過于簡(jiǎn)單了，而大多數(shù)人更傾向于將很多的細(xì)節(jié)與精湛的技巧聯(lián)系起來婉徘。但同樣的規(guī)則不適用于網(wǎng)上在線的世界漠嵌。

只需少量的用戶交互即可快速顯示極簡(jiǎn)風(fēng)格網(wǎng)站設(shè)計(jì)的整體質(zhì)量。這是因?yàn)橥苿?dòng)極簡(jiǎn)主義興起的原始想法是在功能的本質(zhì)上實(shí)現(xiàn)最高的標(biāo)準(zhǔn)盖呼。干凈和簡(jiǎn)單明了的網(wǎng)站結(jié)構(gòu)設(shè)計(jì)同樣可以像那些擁有花哨裝飾元素的網(wǎng)站一樣吸引人儒鹿。此外，它經(jīng)常能夠產(chǎn)生更好的用戶體驗(yàn)几晤，因?yàn)轫?yè)面足夠簡(jiǎn)單约炎，不必當(dāng)心次要的元素或內(nèi)容導(dǎo)致用戶分心。

極簡(jiǎn)主義是將網(wǎng)站UI設(shè)計(jì)中的元素?cái)?shù)量控制在只保留真正至關(guān)重要和有用的元素蟹瘾，元素可能會(huì)具備多種功能圾浅，同時(shí)仍然保持清晰以及有目的的。

一個(gè)優(yōu)秀的極簡(jiǎn)主義設(shè)計(jì)師能夠理解——審美的簡(jiǎn)單往往是結(jié)構(gòu)簡(jiǎn)單的產(chǎn)物憾朴。盡管并非所有類型的網(wǎng)頁(yè)設(shè)計(jì)都適用于這種風(fēng)格(如非常復(fù)雜的電子商務(wù)網(wǎng)站)狸捕，但是在設(shè)計(jì)中使用極簡(jiǎn)主義的人也很樂意使用它來改變一些網(wǎng)站設(shè)計(jì)的風(fēng)格。

1.創(chuàng)建簡(jiǎn)單的深度體驗(yàn)

每個(gè)優(yōu)秀的極簡(jiǎn)主義網(wǎng)頁(yè)UI設(shè)計(jì)中众雷，都強(qiáng)調(diào)功能和用戶體驗(yàn)灸拍。雖然布局，調(diào)色板和動(dòng)畫效果有限砾省，但是你需要通過有效的這幾將用戶的注意力集中引導(dǎo)向特定元素上株搔。例如，Gigantic

Squid的網(wǎng)站設(shè)計(jì)通過消除額外的多余元素纯蛾，可以有效的將用戶的注意力集中在他們的照片上纤房。

但是，你還要傳達(dá)主一種信息翻诉，就是雖然網(wǎng)站可能很簡(jiǎn)單炮姨，但它提供了用戶需要深入挖掘的工具：全屏觀看的選項(xiàng)捌刮，展示其后期制作功能之前/之后選項(xiàng)，以及簡(jiǎn)單的導(dǎo)航元素舒岸。

The minimal music

quiz是另一個(gè)值得參考的網(wǎng)站設(shè)計(jì)绅作，它顯示了簡(jiǎn)單是如何有深度的傳達(dá)概念。這是一個(gè)很好的例子蛾派，因?yàn)榫W(wǎng)站本身不僅設(shè)計(jì)簡(jiǎn)約俄认，而且展示的插圖也是如此。該網(wǎng)站表明洪乍，識(shí)別這些圖像背后的意義很有趣眯杏，足以使游戲擺脫活動(dòng)。它通過意象很好的使用戶和網(wǎng)站之間產(chǎn)生了共鳴壳澳。

2.平衡

基于簡(jiǎn)約風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)上出現(xiàn)的元素很少岂贩，如果這些元素之間的平衡被打破的話，這一點(diǎn)更為明顯巷波。很大程度上萎津，為了實(shí)現(xiàn)簡(jiǎn)約風(fēng)格的許多設(shè)計(jì)被網(wǎng)格布局嚴(yán)格地定義和組織，當(dāng)網(wǎng)格的規(guī)則被嚴(yán)格地應(yīng)用于設(shè)計(jì)時(shí)抹镊，所有的組件都傾向于以視覺上和諧的方式分布锉屈。然而，網(wǎng)格布局并不總是必須看起來一樣垮耳。Ink

and Spindle在其網(wǎng)站設(shè)計(jì)中顯示了如何與網(wǎng)格對(duì)齊同時(shí)不意味著將所有內(nèi)容都統(tǒng)一部念。相反，他們使用網(wǎng)格系統(tǒng)作為創(chuàng)造性平衡其內(nèi)容的框架氨菇。

3.對(duì)比

如何使你的極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)在有效性以及實(shí)用性和體驗(yàn)性上有別于其他類型的網(wǎng)站儡炼，對(duì)比是另一個(gè)需要重點(diǎn)考慮的對(duì)象。Type

Connection在其網(wǎng)站設(shè)計(jì)中就提供了一個(gè)很好的例子來說明如何通過對(duì)比的程度來吸引用戶的注意力并激發(fā)極設(shè)計(jì)的整體視覺查蓉。它通過在灰色的背景上翻轉(zhuǎn)具有比較強(qiáng)烈對(duì)比色的卡式內(nèi)容區(qū)來達(dá)到一種類似于戶外廣告板的效果乌询。不過，這在一個(gè)擁有大量色彩的網(wǎng)站設(shè)計(jì)上將不會(huì)那么有效豌研。

4.不同尋常的“調(diào)”

有時(shí)候妹田，在簡(jiǎn)約風(fēng)格的網(wǎng)站設(shè)計(jì)中，有些完整的鹃共，看起來可能會(huì)顯得復(fù)雜和繁忙的元素鬼佣，通過簡(jiǎn)單性的提取和稍加潤(rùn)色以后，可能會(huì)更前衛(wèi)和有趣霜浴。例如晶衷，我們已經(jīng)討論了基于網(wǎng)格的設(shè)計(jì)在極簡(jiǎn)主義世界中的重要性。所以當(dāng)一個(gè)設(shè)計(jì)打破網(wǎng)格時(shí)，即使是以最簡(jiǎn)約的方式晌纫，它也會(huì)引起一個(gè)有趣和令人關(guān)注的改變税迷。

Case 3D和Pierrick

Calvez在其App界面設(shè)計(jì)中，同一應(yīng)用程序縮展示的示例并不相同锹漱。首先箭养，對(duì)角線將整個(gè)主頁(yè)平分，提供視覺興趣哥牍，以其他方式標(biāo)準(zhǔn)布局毕泌，而不會(huì)突顯。第二個(gè)例子具有較少的不規(guī)則處理嗅辣，但產(chǎn)生同樣有趣的結(jié)果：背景圖像以相同的對(duì)角角度排列撼泛。

5.強(qiáng)調(diào)互動(dòng)

簡(jiǎn)約風(fēng)格的網(wǎng)站升級(jí)一般缺乏能夠吸引人深入的元素，所以它們必須在交互或者用戶和網(wǎng)站的互動(dòng)上來彌補(bǔ)這點(diǎn)辩诞。隨著過去幾年網(wǎng)絡(luò)技術(shù)的進(jìn)步，在設(shè)計(jì)中利用簡(jiǎn)單的CSS動(dòng)畫變得比以前更容易以及頻繁纺涤。而當(dāng)涉及簡(jiǎn)約風(fēng)格趨勢(shì)時(shí)译暂，這些簡(jiǎn)單的動(dòng)畫可以產(chǎn)生巨大的影響。

例如撩炊，當(dāng)Sam

King的網(wǎng)站布局比較基本的時(shí)候外永，他通過簡(jiǎn)單的懸停效果，很好的吸引了觀眾的注意力拧咳。網(wǎng)頁(yè)設(shè)計(jì)仍然保持干凈伯顶，簡(jiǎn)單的風(fēng)格，但是在設(shè)計(jì)深度方面已經(jīng)做了進(jìn)一步的優(yōu)化骆膝。沒有這些交互式的體驗(yàn)祭衩，靜態(tài)的簡(jiǎn)約風(fēng)格網(wǎng)站往往會(huì)失去用戶的興趣。

總結(jié)

極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該讓人感覺簡(jiǎn)單阅签、實(shí)用掐暮，但從來不會(huì)覺得是無聊或隨處可見的。它應(yīng)該著重于在吸引人的第一印象和功能強(qiáng)大的用戶體驗(yàn)之間的平衡政钟。

像任何其他受歡迎的設(shè)計(jì)趨勢(shì)一樣路克，不成功的極簡(jiǎn)主義原則很有可能成為一種仿制品，但是當(dāng)這些特質(zhì)被徹底和周到地實(shí)現(xiàn)時(shí)养交，極簡(jiǎn)主義的網(wǎng)站設(shè)計(jì)可以留下強(qiáng)大的持久印象精算，超越以往那些純粹的視覺效果并提供一個(gè)全面的用戶體驗(yàn)。

首發(fā)地址: 了解極簡(jiǎn)風(fēng)格網(wǎng)站UI設(shè)計(jì)的5個(gè)必備要素_絲路教程網(wǎng)

資源地址: http://blog.silucg.com/UI/wy/6353.html(分享請(qǐng)保留)