極簡(jiǎn)主義風(fēng)格的網(wǎng)站設(shè)計(jì)乍一看可能像頁(yè)面中的元素是被匆忙之間“攪拌”在一起的。畢竟,它們較普通的設(shè)計(jì)來(lái)說(shuō)過(guò)于簡(jiǎn)單了,而大多數(shù)人更傾向于將很多的細(xì)節(jié)與精湛的技巧聯(lián)系起來(lái)。但同樣的規(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)站設(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)主義的人也很樂(lè)意使用它來(lái)改變一些網(wǎng)站設(shè)計(jì)的風(fēng)格。
1、創(chuàng)建簡(jiǎn)單的深度體驗(yàn)
每個(gè)優(yōu)秀的極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)中,都強(qiáng)調(diào)功能和用戶體驗(yàn)。雖然布局,調(diào)色板和動(dòng)畫效果有限,但是你需要通過(guò)有效的這幾將用戶的注意力集中引導(dǎo)向特定元素上。例如,Gigantic Squid的網(wǎng)站設(shè)計(jì)通過(guò)消除額外的多余元素,可以有效的將用戶的注意力集中在他們的照片上。
但是,你還要傳達(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)。它通過(guò)意象很好的使用戶和網(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)格布局并不總是必須看起來(lái)一樣。Ink and Spindle在其網(wǎng)頁(yè)設(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è)很好的例子來(lái)說(shuō)明如何通過(guò)對(duì)比的程度來(lái)吸引用戶的注意力并激發(fā)極設(shè)計(jì)的整體視覺。它通過(guò)在灰色的背景上翻轉(zhuǎn)具有比較強(qiáng)烈對(duì)比色的卡式內(nèi)容區(qū)來(lái)達(dá)到一種類似于戶外廣告板的效果。不過(guò),這在一個(gè)擁有大量色彩的網(wǎng)站設(shè)計(jì)上將不會(huì)那么有效。
4、不同尋常的“調(diào)”
有時(shí)候,在簡(jiǎn)約風(fēng)格的網(wǎng)站設(shè)計(jì)中,有些完整的,看起來(lái)可能會(huì)顯得復(fù)雜和繁忙的元素,通過(guò)簡(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)上來(lái)彌補(bǔ)這點(diǎn)。隨著過(guò)去幾年網(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í)候,他通過(guò)簡(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í)用,但從來(lái)不會(huì)覺得是無(wú)聊或隨處可見的。它應(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)。
本文由沈陽(yáng)網(wǎng)站建設(shè)、微信小程序開發(fā)組整理于互聯(lián)網(wǎng)。