2017最新網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)又如何呢?
更加豐富的背景和圖案
越來(lái)越多的網(wǎng)站中使用了更加豐富的背景和圖案,例如小破折號(hào)、條紋或點(diǎn)等。
特別常見(jiàn)的是網(wǎng)格圖案被視為布局中其他元素的“框架”。這些元素以視差原理在網(wǎng)格上移動(dòng),并且以混亂的方式排列
網(wǎng)格布局
使用網(wǎng)格模式的第一個(gè)網(wǎng)站之一是werkstatt.fr,這個(gè)網(wǎng)站沒(méi)有使用特征動(dòng)作。
在這些情況下,它具有非常具體的功能——元素的所有運(yùn)動(dòng)都符合邏輯。它可以使非常規(guī)的決策合理化,并提供問(wèn)題的答案。例如“為什么圖形的邊緣與按鈕的邊緣不合?”,它創(chuàng)造了一個(gè)節(jié)奏,同時(shí)證明了違規(guī)的行為。
裝飾細(xì)節(jié)
細(xì)節(jié)最近才開(kāi)始改變,從簡(jiǎn)約的、原始的表單跟隨功能逐漸脫離出來(lái)。還有更多的元素只具有裝飾功能,懸浮的幾何圖形或其碎片是常見(jiàn)的。線性、搖搖欲墜的圖標(biāo)與說(shuō)明的內(nèi)容也會(huì)略有分離,下劃線和分隔符正在轉(zhuǎn)移。
按鈕被創(chuàng)建為中間可以插入文本的粗糙矩形。它們通常設(shè)計(jì)是柔和、偏移的破折號(hào)。
不對(duì)稱
2016年統(tǒng)治了設(shè)計(jì)行業(yè)很長(zhǎng)時(shí)間的對(duì)稱也被打破,許多設(shè)計(jì)師創(chuàng)造出左右不對(duì)稱的布局。
“混亂”的布局
在過(guò)去的一年里,很多設(shè)計(jì)師都有意識(shí)的故意擺脫簡(jiǎn)約的創(chuàng)造方式,希望有更大的自由和更加不嚴(yán)格的設(shè)計(jì)方式。某些時(shí)候人們會(huì)厭倦創(chuàng)建簡(jiǎn)單布局的元素。
然而從2016年開(kāi)始分析項(xiàng)目時(shí),混亂的布局就開(kāi)始顯而易見(jiàn)了。布局任然基于形式、顏色、紋理和尺寸等經(jīng)典的對(duì)比,改變的是不同元素的位置和元素之間的依賴性與和諧性。盡管這些混亂元素是單一主題區(qū)塊的一部分,但它們是分開(kāi)的,并且距離很遠(yuǎn)。它們與容器的邊緣沒(méi)有對(duì)齊,并且具有不同的填充效果。
有些幾何圖形懸浮只有一個(gè)裝飾的目的,它具有重疊元素的特性。文本的部分與圖片重合或者圖像彼此重疊,。
這也是破壞典型的簡(jiǎn)約和諧風(fēng)格的案例。大標(biāo)題與精致的裝飾和分隔符形成鮮明的對(duì)比。
多樣性
設(shè)計(jì)師創(chuàng)造了更多的動(dòng)態(tài)成分,大量的交叉對(duì)角線,或是基于有機(jī)形狀更復(fù)雜的。
開(kāi)放組合
現(xiàn)在設(shè)計(jì)界還是被封閉、對(duì)稱和靜態(tài)組成主導(dǎo)。2016年有很多網(wǎng)站都偏離了這種風(fēng)格,在屏幕外一些松散的元素開(kāi)放組合越來(lái)越受歡迎。這些網(wǎng)站上的部分元素給人的印象是他們依然存在于超出顯示器的邊緣處。
大型排版作為關(guān)鍵視覺(jué)的一部分
一個(gè)非??岬?、經(jīng)常被選擇是使用非常大的尺寸在KV的文本。它在標(biāo)題和其余內(nèi)容之間創(chuàng)建了非常強(qiáng)大的對(duì)比。
對(duì)排版的附加效果
排版和圖像是電影或動(dòng)畫(huà)之間的強(qiáng)大整合。個(gè)別部分是內(nèi)部一致的,排版與背景和其他元素相互作用。目前,設(shè)計(jì)師正在創(chuàng)造所有元素之間的有趣的關(guān)系——將印刷版畫(huà)成背景、動(dòng)畫(huà)化等。
段落中的字母大小
我從印刷設(shè)計(jì)師開(kāi)始工作時(shí)就有用10px字體的習(xí)慣。不過(guò),我很快意識(shí)到,在網(wǎng)絡(luò)世界中,14px才是最可讀大小的文字。
目前,我們可以注意到使用更大的字體,這在使用襯線時(shí)尤其受歡迎。
幾何字體
無(wú)襯線幾何字體越來(lái)越受歡迎,例如Futura、ITC Avant Garde、Proxima Nova或Google Library - Poppins和Montserrat提供的經(jīng)典作品。這些字體比“隱形”新奇的字體更加獨(dú)特。
字體
使用襯線字體是非常常見(jiàn)的,不僅包括段落或簽名中,還包括在大標(biāo)題中。具有較大裝飾價(jià)值的字體特別常用,引用Bodoni或Didot的其他字體也很受歡迎。
等寬字體
使用通常與打字機(jī)相關(guān)的比例字體是一個(gè)新奇的東西。
對(duì)比字體配對(duì)
在2016年,形成對(duì)比度較強(qiáng)的和平配對(duì)文字中脫穎而出。這種對(duì)比字體通過(guò)文本大小之間的高對(duì)比度,加強(qiáng)了表達(dá)的組合。大型和裝飾襯線字體與簡(jiǎn)單的幾何字體組合,就像幾何字體的標(biāo)題與段落中的襯線配對(duì)一樣。
段落之間的平滑動(dòng)畫(huà)
談到網(wǎng)站動(dòng)畫(huà)其實(shí)設(shè)計(jì)師并不新鮮。你也不能說(shuō)他們與最低限度的做法不符。然而,Canvas是網(wǎng)頁(yè)設(shè)計(jì)中更大可能性的組成部分。新的機(jī)會(huì)允許設(shè)計(jì)師做一些不同創(chuàng)新,因此總能吸引人。
動(dòng)畫(huà)的豐富性導(dǎo)致消除了頁(yè)面部分的嚴(yán)格劃分。一個(gè)網(wǎng)站在滾動(dòng)期間順利地改變,內(nèi)容逐漸被替代為柔和的動(dòng)畫(huà)。這些過(guò)渡的順序正在變得越來(lái)越深入。動(dòng)畫(huà)不僅僅是內(nèi)容塊之間的一些隨機(jī)效應(yīng),而且在預(yù)定時(shí)間出現(xiàn)每個(gè)元素的分段敘述。動(dòng)畫(huà)是網(wǎng)站創(chuàng)建時(shí)一部分,不僅僅是一個(gè)隨便添加的細(xì)節(jié)。
有趣的動(dòng)畫(huà)豐富了簡(jiǎn)單的布局——添加一個(gè)新的值,并構(gòu)成頁(yè)面的唯一性。它們是整個(gè)項(xiàng)目的實(shí)質(zhì),也是在網(wǎng)站上創(chuàng)建漂亮、流暢的結(jié)構(gòu)的重要組成部分。
豐富的排版
趨勢(shì)的變化也可以在使用的字體中看到。最近整個(gè)互聯(lián)網(wǎng)由簡(jiǎn)單的新奇怪風(fēng)格主導(dǎo),如Helvetica、Roboto、Lato或Open Sans。新聞?lì)^條的設(shè)計(jì)具有更多的新奇裝飾,而段落才被設(shè)計(jì)成更簡(jiǎn)單的風(fēng)格。另外Serif字體不經(jīng)常使用。
在過(guò)去的兩年中,事情已經(jīng)開(kāi)始改變。設(shè)計(jì)師開(kāi)始大膽地使用不同種類的字體?,F(xiàn)在設(shè)計(jì)師們更愿意使用襯線字體與非襯線字體。
網(wǎng)站中的排版中會(huì)發(fā)生很多的變化——文字是動(dòng)畫(huà)的,而且被分解成個(gè)別的信件,各種各樣的效果,圖像和視頻。
更強(qiáng)大的技術(shù)能力和更勇敢的決策會(huì)使得網(wǎng)頁(yè)印刷多樣性增加。
在去年的趨勢(shì)來(lái)看,設(shè)計(jì)師在顏色上下了很多的功夫,也做出了很多改變,比如顏色的使用越來(lái)越偏向于淡,不管怎么改變,顏色始終是給用戶第一直覺(jué)上的體驗(yàn),可謂重中之重。新的改變正常到來(lái),網(wǎng)站設(shè)計(jì)的改變也很難猜測(cè)。
本文地址:http://m.cdrpkj.cn//article/2385.html