最新網頁設計趨勢如何？

發(fā)布：2017-11-04 11:53:03 瀏覽：4290

設計的改變和創(chuàng)新日新月異，變化莫測，作為一個設計師，都會緊跟變化趨勢的腳步，試圖擺脫簡單、封閉的作品。越來越多的作品開放，剪輯的作品層出不窮，這似乎看起來是混亂的。在這個過程中扮演重要角色的是Canvas和WebGL，現代的項目往往比最簡單的項目有點混亂而且不太直觀，但是對用戶來講卻會有很持久、強烈的印象。

2017最新網頁設計趨勢又如何呢？

更加豐富的背景和圖案

越來越多的網站中使用了更加豐富的背景和圖案，例如小破折號、條紋或點等。

特別常見的是網格圖案被視為布局中其他元素的“框架”。這些元素以視差原理在網格上移動，并且以混亂的方式排列

網格布局

使用網格模式的第一個網站之一是werkstatt.fr，這個網站沒有使用特征動作。

在這些情況下，它具有非常具體的功能——元素的所有運動都符合邏輯。它可以使非常規(guī)的決策合理化，并提供問題的答案。例如“為什么圖形的邊緣與按鈕的邊緣不合?”，它創(chuàng)造了一個節(jié)奏，同時證明了違規(guī)的行為。

裝飾細節(jié)

細節(jié)最近才開始改變，從簡約的、原始的表單跟隨功能逐漸脫離出來。還有更多的元素只具有裝飾功能，懸浮的幾何圖形或其碎片是常見的。線性、搖搖欲墜的圖標與說明的內容也會略有分離，下劃線和分隔符正在轉移。

按鈕被創(chuàng)建為中間可以插入文本的粗糙矩形。它們通常設計是柔和、偏移的破折號。

不對稱

2016年統(tǒng)治了設計行業(yè)很長時間的對稱也被打破，許多設計師創(chuàng)造出左右不對稱的布局。

“混亂”的布局

在過去的一年里，很多設計師都有意識的故意擺脫簡約的創(chuàng)造方式，希望有更大的自由和更加不嚴格的設計方式。某些時候人們會厭倦創(chuàng)建簡單布局的元素。

然而從2016年開始分析項目時，混亂的布局就開始顯而易見了。布局任然基于形式、顏色、紋理和尺寸等經典的對比，改變的是不同元素的位置和元素之間的依賴性與和諧性。盡管這些混亂元素是單一主題區(qū)塊的一部分，但它們是分開的，并且距離很遠。它們與容器的邊緣沒有對齊，并且具有不同的填充效果。

有些幾何圖形懸浮只有一個裝飾的目的，它具有重疊元素的特性。文本的部分與圖片重合或者圖像彼此重疊，。

這也是破壞典型的簡約和諧風格的案例。大標題與精致的裝飾和分隔符形成鮮明的對比。

多樣性

設計師創(chuàng)造了更多的動態(tài)成分，大量的交叉對角線，或是基于有機形狀更復雜的。

開放組合

現在設計界還是被封閉、對稱和靜態(tài)組成主導。2016年有很多網站都偏離了這種風格，在屏幕外一些松散的元素開放組合越來越受歡迎。這些網站上的部分元素給人的印象是他們依然存在于超出顯示器的邊緣處。

大型排版作為關鍵視覺的一部分

一個非?？岬摹⒔洺１贿x擇是使用非常大的尺寸在KV的文本。它在標題和其余內容之間創(chuàng)建了非常強大的對比。

對排版的附加效果

排版和圖像是電影或動畫之間的強大整合。個別部分是內部一致的，排版與背景和其他元素相互作用。目前，設計師正在創(chuàng)造所有元素之間的有趣的關系——將印刷版畫成背景、動畫化等。

段落中的字母大小

我從印刷設計師開始工作時就有用10px字體的習慣。不過，我很快意識到，在網絡世界中，14px才是最可讀大小的文字。

目前，我們可以注意到使用更大的字體，這在使用襯線時尤其受歡迎。

幾何字體

無襯線幾何字體越來越受歡迎，例如Futura、ITCAvantGarde、ProximaNova或GoogleLibrary-Poppins和Montserrat提供的經典作品。這些字體比“隱形”新奇的字體更加獨特。

字體

使用襯線字體是非常常見的，不僅包括段落或簽名中，還包括在大標題中。具有較大裝飾價值的字體特別常用，引用Bodoni或Didot的其他字體也很受歡迎。

等寬字體

使用通常與打字機相關的比例字體是一個新奇的東西。

對比字體配對

在2016年，形成對比度較強的和平配對文字中脫穎而出。這種對比字體通過文本大小之間的高對比度，加強了表達的組合。大型和裝飾襯線字體與簡單的幾何字體組合，就像幾何字體的標題與段落中的襯線配對一樣。

段落之間的平滑動畫

談到網站動畫其實設計師并不新鮮。你也不能說他們與最低限度的做法不符。然而，Canvas是網頁設計中更大可能性的組成部分。新的機會允許設計師做一些不同創(chuàng)新，因此總能吸引人。

動畫的豐富性導致消除了頁面部分的嚴格劃分。一個網站在滾動期間順利地改變，內容逐漸被替代為柔和的動畫。這些過渡的順序正在變得越來越深入。動畫不僅僅是內容塊之間的一些隨機效應，而且在預定時間出現每個元素的分段敘述。動畫是網站創(chuàng)建時一部分，不僅僅是一個隨便添加的細節(jié)。

有趣的動畫豐富了簡單的布局——添加一個新的值，并構成頁面的唯一性。它們是整個項目的實質，也是在網站上創(chuàng)建漂亮、流暢的結構的重要組成部分。

豐富的排版

趨勢的變化也可以在使用的字體中看到。最近整個互聯(lián)網由簡單的新奇怪風格主導，如Helvetica、Roboto、Lato或OpenSans。新聞頭條的設計具有更多的新奇裝飾，而段落才被設計成更簡單的風格。另外Serif字體不經常使用。

在過去的兩年中，事情已經開始改變。設計師開始大膽地使用不同種類的字體。現在設計師們更愿意使用襯線字體與非襯線字體。

網站中的排版中會發(fā)生很多的變化——文字是動畫的，而且被分解成個別的信件，各種各樣的效果，圖像和視頻。

更強大的技術能力和更勇敢的決策會使得網頁印刷多樣性增加。

在去年的趨勢來看，設計師在顏色上下了很多的功夫，也做出了很多改變，比如顏色的使用越來越偏向于淡，不管怎么改變，顏色始終是給用戶第一直覺上的體驗，可謂重中之重。新的改變正常到來，網站設計的改變也很難猜測。