新年的新趨勢(shì)無(wú)法談?wù)撔履甑男纶厔?shì)和設(shè)計(jì)趨勢(shì)。雖然我們不知道2017年會(huì)發(fā)生什么變化，但我們可以通過2016年整個(gè)設(shè)計(jì)圈的演變，看到未來(lái)可能會(huì)越來(lái)越熱的設(shè)計(jì)趨勢(shì)。

　　然而，由于視角和領(lǐng)域的不同，每個(gè)家庭對(duì)設(shè)計(jì)趨勢(shì)都有不同的看法，但總體上沒有沖突。從最近的幾篇設(shè)計(jì)趨勢(shì)文章中可以看出。UI設(shè)計(jì)趨勢(shì)的轉(zhuǎn)變，很大程度上會(huì)受到用戶交互習(xí)慣、設(shè)計(jì)語(yǔ)言和數(shù)碼設(shè)備的影響，《趨勢(shì)丨8個(gè)你需要知道的2017年UI本文可以讓你更好地理解這一事實(shí)；從事電子商務(wù)行業(yè)的小婷姐從行業(yè)發(fā)展和專業(yè)經(jīng)驗(yàn)的角度分享2017年電子商務(wù)設(shè)計(jì)的變化趨勢(shì)：電子商務(wù)|已經(jīng)進(jìn)入該行業(yè)5年，我寫了100篇文章，總結(jié)了這8個(gè)趨勢(shì)分析；至于相對(duì)廣泛的用戶體驗(yàn)設(shè)計(jì)，討論的主題也相對(duì)抽象，但仍然非常重要。如果你感興趣，你可以看看2017年即將到來(lái)的9個(gè)流行的優(yōu)設(shè)重譯UX相信你能從設(shè)計(jì)趨勢(shì)中獲益。

　　當(dāng)然，今天我們要談?wù)?017年網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域可能出現(xiàn)的設(shè)計(jì)趨勢(shì)，可能并不完全準(zhǔn)確，但我相信你會(huì)在明年看到越來(lái)越多的這些設(shè)計(jì)技術(shù)。

　　1.襯線越來(lái)越多

　　digital-goodnessquanta除了我們所知道的Helvetica，有許多非襯線字體占據(jù)了我們的屏幕頁(yè)面。在過去的幾年里，高清大圖的流行和跨平臺(tái)設(shè)計(jì)非常流行。在這兩種客觀需求下，設(shè)計(jì)師習(xí)慣于將粗體易讀的非襯線與大圖相結(jié)合。

　　然而，隨著高清屏幕的普及，非襯線字體的主導(dǎo)地位將發(fā)生變化。

　　細(xì)節(jié)豐富，裝飾性的非襯線字體在今天的屏幕上，沒有識(shí)別問題，可讀性要強(qiáng)得多。在今天的高像素密度屏幕上，具有不同審美特征的非襯線字體的所有特征都可以完全呈現(xiàn)出來(lái)。

　　2.深色配色

　　hamburgerreputation在過去的一年里，大量的網(wǎng)站采用了白色和淺色的背景，很少有網(wǎng)站采用深色的背景設(shè)計(jì)。

　　可是看多了也膩味。有一部分網(wǎng)站已經(jīng)開始倒轉(zhuǎn)整個(gè)配色，開始在自家的網(wǎng)站上探索深色系配色的美學(xué)。在配色上采用深色為主的設(shè)計(jì)，需要注意的就是其中色彩的對(duì)比度和內(nèi)容的可讀性，只要把握好其中的關(guān)節(jié)，能夠很好的吸引訪客的注意力。

　　隨著深色配色，單色配色方案越來(lái)越多，更極端的只是在純色深色背景上搭配照片。乍一看，這種配色方法很單調(diào)，但在深色背景下，流行色會(huì)更加突出，更容易鼓勵(lì)訪問者與網(wǎng)站互動(dòng)。

　　3.中性自然的配色方案

　　villespvalentine如果你一直關(guān)心流行的顏色或優(yōu)化，你肯定會(huì)知道潘通新發(fā)布的2017年流行的顏色——植被綠，這種自然氛圍豐富的顏色被稱為新的中性顏色。

　　在未來(lái)一年，將會(huì)有越來(lái)越多的自然配色方案，許多配色方案將選擇使用植被綠色。

　　如果你想了解潘通的草木綠是如何挑選出來(lái)的，那么這篇文章不容錯(cuò)過：《潘通發(fā)布2017年流行色后，我們和它的CEO一場(chǎng)對(duì)話來(lái)了。看完之后，優(yōu)設(shè)的這篇文章《玩草木綠！在這里了解潘通2017年的流行色，應(yīng)該能讓你更好的了解如何將草木綠融入到你的設(shè)計(jì)中。~

　　4、幾何元素

　　anthehive-boxx從矩形到三角形，從方形到圓形，網(wǎng)頁(yè)設(shè)計(jì)中出現(xiàn)了越來(lái)越多的幾何圖形。好的設(shè)計(jì)不會(huì)讓這些幾何圖形在整體上過于突兀，而是盡量整合，為用戶提供視覺引導(dǎo)，加強(qiáng)互動(dòng)體驗(yàn)，提供行動(dòng)召喚，或者讓整個(gè)視覺更有趣。

　　如何設(shè)計(jì)網(wǎng)頁(yè)中的幾何元素？技巧是盡量采用簡(jiǎn)單的設(shè)計(jì)。例如，如果您喜歡環(huán)形元素，您可以將其用作整個(gè)設(shè)計(jì)中的固定元素。它可以攜帶圖標(biāo)或團(tuán)隊(duì)成員頭像外框。幾何元素的另一種用法是將多種圖形制成拼貼背景裝飾元素。當(dāng)幾何元素尺寸較小時(shí)，可以使用明亮的顏色，使整個(gè)設(shè)計(jì)更加豐富多彩和有趣。若幾何圖形尺寸較大，則不能這樣使用，而是通過著色使其與其它元素形成對(duì)比，而不能過于突兀，如HiveBoxx頁(yè)面設(shè)計(jì)。

　　5、超大字體

　　beat-cyclelonely-leap有些設(shè)計(jì)師已經(jīng)開始這樣設(shè)計(jì)了，但是你會(huì)在網(wǎng)頁(yè)設(shè)計(jì)中看到更多的超大字體設(shè)計(jì)。字體尺寸擴(kuò)大后，這些超大的文字變得越來(lái)越重要，風(fēng)格多樣，顏色飛濺。

　　超大字體流行背后的邏輯是，頁(yè)面需要通過它們來(lái)吸引用戶的注意力，每個(gè)設(shè)計(jì)師都需要在整個(gè)設(shè)計(jì)中脫穎而出。在擁擠的瀏覽器頁(yè)面中，我們?nèi)绾挝脩舻淖⒁饬Γ克仨毷且粋€(gè)強(qiáng)大的視覺內(nèi)容，以便解釋超大字體的流行。

　　當(dāng)然，你可以從經(jīng)典的英文字體開始：白天字體庫(kù)！推薦10種常用的經(jīng)典基礎(chǔ)英文字體（包裝）

　　6、虛擬現(xiàn)實(shí)

　　balloon-earthbmw是的，虛擬現(xiàn)實(shí)是當(dāng)前的熱門趨勢(shì)，它已經(jīng)入侵了網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域。

　　許多設(shè)計(jì)師已經(jīng)開始嘗試在自己的網(wǎng)頁(yè)上設(shè)計(jì)類似虛擬現(xiàn)實(shí)的效果。從游戲到360度視頻，設(shè)計(jì)師試圖讓用戶無(wú)需VR眼鏡周圍有真實(shí)的視野。雖然技術(shù)和VR幾乎完全無(wú)關(guān)緊要，但它也追求真實(shí)的體驗(yàn)。

　　目前，這種設(shè)計(jì)還沒有完善的規(guī)則，有很多種VR網(wǎng)頁(yè)設(shè)計(jì)仍然需要設(shè)計(jì)師想辦法實(shí)現(xiàn)，這是對(duì)設(shè)計(jì)技巧的考驗(yàn)。

　　如果你對(duì)于VR和AR如果你感興趣，這篇文章應(yīng)該能讓你思考：《AR｜也許AR加強(qiáng)現(xiàn)實(shí)技術(shù)是接近設(shè)計(jì)師的未來(lái)。

　　7.新的導(dǎo)航模式

　　okinawayoke-image如果你一直關(guān)注新的設(shè)計(jì)趨勢(shì)，你會(huì)發(fā)現(xiàn)設(shè)計(jì)師一直在嘗試尋找不同的導(dǎo)航模式。當(dāng)然，到目前為止，絕大多數(shù)頁(yè)面仍然將導(dǎo)航掛在頁(yè)面的頂部。

　　隨著不同尺寸比例屏幕和設(shè)備的出現(xiàn)，新的導(dǎo)航模式有可能存在。首先流行的是屏幕側(cè)導(dǎo)航設(shè)計(jì)和隱藏導(dǎo)航設(shè)計(jì)。

　　這種看似微小的變化使網(wǎng)站的瀏覽方式和體驗(yàn)發(fā)生了翻天覆地的變化：它們使頁(yè)面更加時(shí)尚，可以兼容不同的屏幕需求，甚至使整個(gè)新的設(shè)計(jì)。

　　隱藏式菜單設(shè)計(jì)不是完全隱藏導(dǎo)航，而是使整個(gè)屏幕成為呼出菜單的控制器。這種設(shè)計(jì)已經(jīng)被許多用戶所理解和熟悉，并且已經(jīng)廣泛應(yīng)用于移動(dòng)終端。