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