2022年網(wǎng)頁(yè)設(shè)計(jì)的許多趨勢(shì)與極簡(jiǎn)主義直接相關(guān)——這種風(fēng)格意味著使用簡(jiǎn)單的圖像,布局中沒(méi)有不必要的元素。本文將討論這種風(fēng)格的基本原理,例如,它的特點(diǎn)。
高端網(wǎng)站設(shè)計(jì)中的極簡(jiǎn)主義是什么?
通常,設(shè)計(jì)師將極簡(jiǎn)主義視為網(wǎng)站上的一組基本元素,而不添加不必要的細(xì)節(jié)。然而,風(fēng)格并不局限于此。極簡(jiǎn)主義的主要思想強(qiáng)調(diào)網(wǎng)站的內(nèi)容,而不是它的設(shè)計(jì)。
極簡(jiǎn)主義用于展示產(chǎn)品(所謂的促銷網(wǎng)站)。頁(yè)面上沒(méi)有不必要的元素來(lái)突出產(chǎn)品或服務(wù);用戶不會(huì)被設(shè)計(jì)分心,更容易感知內(nèi)容。
極簡(jiǎn)主義在高端網(wǎng)站設(shè)計(jì)中的特點(diǎn)
簡(jiǎn)單
極簡(jiǎn)主義的主要特征之一是一切都很簡(jiǎn)單。設(shè)計(jì)師可以去除不必要的細(xì)節(jié),吸引必要元素的注意“控制”用戶的視線。在創(chuàng)建布局時(shí),開(kāi)發(fā)人員往往會(huì)忘記添加極端的裝飾元素,這會(huì)干擾信息的感知,并將注意力轉(zhuǎn)移到自己身上。
因此,眼睛從一個(gè)對(duì)象移動(dòng)到另一個(gè)對(duì)象,而不是針對(duì)有針對(duì)性的行動(dòng)或產(chǎn)品要求。另一方面,極簡(jiǎn)主義解決了這個(gè)問(wèn)題,用戶可以快速找到他需要的信息,輕松找到產(chǎn)品。
純色
顏色在這種風(fēng)格中起著重要的作用。因此,極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)歡迎有限的調(diào)色板,通常是單色的(只使用一種顏色時(shí))。有些設(shè)計(jì)師盡量不要使用鮮艷的顏色。例如,極簡(jiǎn)主義的主色調(diào)是黑白的。然而,一些設(shè)計(jì)師使用鮮艷的顏色來(lái)設(shè)計(jì)網(wǎng)站。
這種調(diào)色板的一個(gè)基本特征是顏色“純度”。極簡(jiǎn)主義不使用梯度、體積紋理和其他效果。該技術(shù)有助于突出背景中的對(duì)象,并吸引對(duì)內(nèi)容的注意,而不是網(wǎng)站:顏色必須在圖像和背景之間提供良好的對(duì)比。
極簡(jiǎn)主義也常用于重要元素的亮度
在極簡(jiǎn)主義色彩的幫助下,你可以在不吸引裝飾元素的情況下為用戶創(chuàng)造視覺(jué)興趣,激發(fā)情感。通常,客戶更喜歡簡(jiǎn)單的設(shè)計(jì),因?yàn)樗粫?huì)分散主要目標(biāo)動(dòng)作的注意力,而且看起來(lái)很時(shí)尚。此外,極簡(jiǎn)主義適合產(chǎn)品展示——這個(gè)設(shè)計(jì)很容易理解和瀏覽網(wǎng)站。因此,用戶可以很容易地導(dǎo)航資源,而不會(huì)產(chǎn)生太大的壓力。
圖像是極簡(jiǎn)主義中引人注目且常用的元素。在它的幫助下,設(shè)計(jì)師與客戶創(chuàng)造了獨(dú)特的氛圍和情感聯(lián)系。然而,極簡(jiǎn)主義對(duì)圖像有一些要求。
圖像不應(yīng)“污染”布局。照片應(yīng)盡可能簡(jiǎn)單,沒(méi)有不必要的小細(xì)節(jié)和分散注意力的元素。圖像的色域無(wú)關(guān)緊要。重要的是照片和背景的對(duì)比。圖像必須有相同的風(fēng)格。經(jīng)常使用無(wú)背景圖像,更容易吸引注意力,創(chuàng)建單一構(gòu)圖。此外,這些圖像更生動(dòng)地展示了產(chǎn)品。
平面元素經(jīng)常使用。這些元素的主要區(qū)別是沒(méi)有明顯的效果,如陰影、漸變、照明等。此外,圖標(biāo)、按鈕、Web表單和其它元素可以是平面的。
空間
此外,極簡(jiǎn)主義的高端網(wǎng)站設(shè)計(jì)特點(diǎn)是空間的使用。我們?cè)谶@里寫了更多關(guān)于這項(xiàng)技術(shù)的文章。這個(gè)空間的出現(xiàn)是因?yàn)樵O(shè)計(jì)師去除了不必要的元素,只留下了主要的東西。間隔的正確分布使您能夠?qū)⒂脩舻淖⒁饬ξ剿璧膱D像和形狀上。這是因?yàn)樵厮坪跷挥趦?nèi)容的其他部分之外。
布局頂部會(huì)有哪些內(nèi)容?大多數(shù)用戶在第一個(gè)屏幕上留下第一印象,所以客戶首先看到哪些元素很重要。增加間距將如何影響構(gòu)圖和布局長(zhǎng)度。雖然空間使設(shè)計(jì)更容易訪問(wèn),但很少有人喜歡滾動(dòng)頁(yè)面太長(zhǎng)。因此,必須保持平衡,不要過(guò)度拉伸布局。
你需要考慮響應(yīng)性設(shè)計(jì)。例如,空間將如何影響較小的布局?
空間的使用使設(shè)計(jì)時(shí)尚,方便信息感知,并將用戶的注意力吸引到必要的元素上。然而,您仍然需要仔細(xì)監(jiān)控間距,并創(chuàng)建連貫的圖片,而不損壞頁(yè)面層次結(jié)構(gòu)。否則,網(wǎng)站不同部分的分散只會(huì)阻礙客戶的使用,使混亂變得有意義。
作品
考慮到風(fēng)格的特殊性,網(wǎng)站上的構(gòu)圖也簡(jiǎn)潔明了。沒(méi)有背景的圖像、純色和空間在網(wǎng)站上營(yíng)造出獨(dú)特的氛圍。元素的排列也保持了輕盈簡(jiǎn)潔的感覺(jué):
極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)中的構(gòu)圖可能會(huì)有所不同。例如,通常使用模塊化網(wǎng)格,所有元素都是對(duì)齊的。因此,布局簡(jiǎn)單,易于內(nèi)容感知和導(dǎo)航。然而,在構(gòu)圖的幫助下,一些設(shè)計(jì)師希望給網(wǎng)站原創(chuàng)性,并使用非標(biāo)準(zhǔn)的方法——隨機(jī)排列塊,“推送”屏幕圖像,把圖像放在塊上等。