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