2017年網(wǎng)頁(yè)設(shè)計(jì)的十個(gè)趨勢(shì)

　　新年伊始是時(shí)候該重新審視下過(guò)往的設(shè)計(jì)，亦或者審視下即將開(kāi)始的新項(xiàng)目，好好想一想如何將流行趨勢(shì)融入到你的設(shè)計(jì)中去!準(zhǔn)備好網(wǎng)頁(yè)改版了嗎?

　　從功能到用色再到排版，2017年勢(shì)必是在創(chuàng)意和視覺(jué)設(shè)計(jì)上不斷探索的一年。目前一些創(chuàng)意已經(jīng)開(kāi)始悄然流行起來(lái)了，下面舉一些例子，讓我們來(lái)一起學(xué)習(xí)，希望為你的2017年有一個(gè)好的開(kāi)端提供足夠的視覺(jué)靈感。

　　1、漸變

　　已經(jīng)在網(wǎng)頁(yè)設(shè)計(jì)中消失多年的漸變強(qiáng)勢(shì)回歸，但是去掉了模糊顯示。在漸變的末期，有很多微小的設(shè)計(jì)變化。蘋(píng)果的iOS圖標(biāo)是最明顯的例子?，F(xiàn)在的漸變使用更大膽，醒目，顏色也更加豐富。

　　如今最流行的漸變方式是將兩種顏色疊加在圖片上(這種技術(shù)讓你的設(shè)計(jì)看上去驚艷無(wú)比!)。這種使用手法使得一張看似無(wú)趣的圖片看上去更生動(dòng)有趣。另外如果你目前沒(méi)有一張滿(mǎn)意的照片可以使用，也可以通過(guò)一整張漸變背景來(lái)吸引用戶(hù)的眼球。

　　2、帶聲音的視頻

　　用戶(hù)越來(lái)越習(xí)慣在他們的設(shè)備上觀(guān)看視頻，從YouTube 上的幾針的小視頻到電影。網(wǎng)頁(yè)設(shè)計(jì)可以模仿這種視頻的體驗(yàn)，利用整屏的帶聲音的視頻展示首頁(yè)內(nèi)容(并不需要自動(dòng)播放效果)

　　需要謹(jǐn)慎注意的是，設(shè)計(jì)中需要有一個(gè)切換聲音開(kāi)啟關(guān)閉的按鈕，因?yàn)椴⒉皇撬腥硕紩?huì)喜歡這種效果。視頻的內(nèi)容必須是最主要要表達(dá)的，要讓用戶(hù)知道配樂(lè)只是為了增強(qiáng)體驗(yàn)的一部分(這種設(shè)計(jì)趨勢(shì)看似花哨，但是如果你使用了正確的視頻并且配樂(lè)使用正確效果會(huì)非常驚艷)。

　　3、虛擬現(xiàn)實(shí)(最huaishen)

　　虛擬現(xiàn)實(shí)技術(shù)目測(cè)將是2017年被討論最多的內(nèi)容。在能夠負(fù)擔(dān)得起的，眾多的設(shè)備當(dāng)中，虛擬現(xiàn)實(shí)設(shè)備數(shù)量越來(lái)越多!游戲玩家最初會(huì)充分體驗(yàn)虛擬現(xiàn)實(shí)游戲帶給他們的樂(lè)趣!但是VR一定會(huì)打入市場(chǎng)和其它應(yīng)用中。

　　你需要為此做好設(shè)計(jì)準(zhǔn)備，此外，你需要準(zhǔn)備好設(shè)計(jì)沒(méi)有頭戴設(shè)備的增強(qiáng)現(xiàn)實(shí)體驗(yàn)，這其中包括在網(wǎng)頁(yè)設(shè)計(jì)中的360度的視頻體驗(yàn)和其它高度互動(dòng)的3D體驗(yàn)效果。

　　任何一種將交互模帶入下一個(gè)層次的設(shè)計(jì)都會(huì)有VR效果，同時(shí)也將成為一種完美的趨勢(shì)。

　　4、滾動(dòng)視差繼續(xù)

　　滾動(dòng)視差效果是2016年非常流行的設(shè)計(jì)趨勢(shì)，設(shè)計(jì)師在利用鼠標(biāo)滾動(dòng)創(chuàng)造效果上也越來(lái)越精明。視差的趨勢(shì)仍然會(huì)繼續(xù)發(fā)酵-并會(huì)創(chuàng)造更好的視差效果。

　　視差設(shè)計(jì)趨勢(shì)不跌反漲，而且在滾動(dòng)過(guò)程中會(huì)捕獲更加富的層次感。2017年幾乎每一個(gè)設(shè)計(jì)趨勢(shì)的關(guān)鍵都是觸摸真實(shí)，視差也不例外。越是真實(shí)的滾動(dòng)效果，越能激起用戶(hù)的瀏覽欲望。

　　5、超極簡(jiǎn)單的首頁(yè)

　　越來(lái)越多的設(shè)計(jì)摒棄了首頁(yè)冗余的風(fēng)格，而且這種風(fēng)格已經(jīng)流行了一段時(shí)間。越來(lái)越多的視覺(jué)設(shè)計(jì)師選擇在首頁(yè)僅僅顯示一個(gè)或兩幾個(gè)字符。

　　在你還在為SEO擔(dān)心的時(shí)候，這些頁(yè)面通常打包著豐富的數(shù)據(jù)在向下滾動(dòng)的時(shí)候呈現(xiàn)給你了。這是一個(gè)能證明用戶(hù)的使用習(xí)慣如何改變網(wǎng)頁(yè)設(shè)計(jì)的很有力的例子。由于在手機(jī)端網(wǎng)頁(yè)大量的滾動(dòng)操作，讓用戶(hù)習(xí)慣了在不同的設(shè)備上滾動(dòng)瀏覽網(wǎng)頁(yè)。這種通過(guò)滾動(dòng)界面展示更多內(nèi)容的的交互模式，讓設(shè)計(jì)師在設(shè)計(jì)一個(gè)輕量級(jí)簡(jiǎn)潔的界面的時(shí)候變得更加容易。

　　小技巧：

　　盡可能的讓用戶(hù)在首頁(yè)得到最渴望得到的內(nèi)容，以此調(diào)動(dòng)用戶(hù)繼續(xù)向下探究的欲望。

　　6、新穎的導(dǎo)航菜單

　　導(dǎo)航菜單再也不用單調(diào)的固定在網(wǎng)頁(yè)的頂端。從隱藏式菜單，到浮層菜單，亦或者將菜單展示網(wǎng)頁(yè)的一側(cè)或者底部，菜單位置的變更已經(jīng)成為一種趨勢(shì)(前提它的位置等快速讓用戶(hù)找到)

　　在決定對(duì)導(dǎo)航菜單進(jìn)行改版之前，請(qǐng)先仔細(xì)研究下用戶(hù)畫(huà)像，如果這種導(dǎo)航模式能夠輕松的被用戶(hù)發(fā)現(xiàn)，并且用戶(hù)可以輕松的理解使用，那還等什么快行動(dòng)起來(lái)吧!反之，請(qǐng)?jiān)僮屑?xì)斟酌下你的設(shè)計(jì)!

　　7、更加寫(xiě)實(shí)

　　網(wǎng)頁(yè)設(shè)計(jì)源于物理事物，它起步于材料設(shè)計(jì)，發(fā)展于更多的觸覺(jué)表象和層次感。這種界面表現(xiàn)趨勢(shì)正在擴(kuò)展到視覺(jué)展示中。

　　設(shè)計(jì)師的設(shè)計(jì)源于現(xiàn)實(shí)，這包括照片而不是插圖，以及近乎觸手可及的豐富的元素。這些照片更加真實(shí)的同時(shí)，其中的元素也來(lái)源于自然或被制成項(xiàng)目產(chǎn)品。

　　8、中性色調(diào)(我理解的性冷淡色系)

　　寫(xiě)實(shí)的設(shè)計(jì)原則也同時(shí)延續(xù)到色板，最近幾年色彩豐富的網(wǎng)頁(yè)設(shè)計(jì)逐漸被中性色所代替。

　　網(wǎng)頁(yè)設(shè)計(jì)中越來(lái)越多大自然色，米色和輕柔的配音。也預(yù)示著濃烈的，明亮的色彩斑斕的色板會(huì)被更自然的顏色所取代

　　9、可穿戴設(shè)備對(duì)網(wǎng)頁(yè)的影響

　　小的設(shè)計(jì)也可能影響到其它任何事情。在很大程度上移動(dòng)設(shè)備的最初的設(shè)計(jì)思路影響了所有網(wǎng)站的工作方式。同樣，可穿戴設(shè)備也將對(duì)app的設(shè)計(jì)有著深遠(yuǎn)的影響。(你也會(huì)希望你的app能同時(shí)在手機(jī)和手表上運(yùn)行，不是嗎?)

　　這種影響可能會(huì)改變外觀(guān)和一些移動(dòng)應(yīng)用程序，我們可能會(huì)看到更大的版式和更簡(jiǎn)單的風(fēng)格出現(xiàn)。人們?cè)谶x擇可穿戴設(shè)備的同時(shí)，也希望可穿戴上的交互能夠在其它設(shè)備上同步。這種設(shè)計(jì)方式遲早會(huì)發(fā)生。

　　10、自定義字體

　　超大的，加粗的字體永遠(yuǎn)不會(huì)過(guò)。這種設(shè)計(jì)趨勢(shì)貌似發(fā)展的越來(lái)越好了。由于越來(lái)越多的網(wǎng)頁(yè)字體的出現(xiàn)和兼容性，越來(lái)越多的設(shè)計(jì)師正在試圖創(chuàng)造出更新奇更有趣的字體。

　　這對(duì)于厭倦了無(wú)襯線(xiàn)字體統(tǒng)治設(shè)計(jì)項(xiàng)目的設(shè)計(jì)師和用戶(hù)來(lái)說(shuō)都是一場(chǎng)勝利。從復(fù)古樣式到復(fù)古外觀(guān)再到用戶(hù)完全自定義字體，設(shè)計(jì)師需要考慮怎樣的設(shè)計(jì)才能增加字體的趣味性。

　　要時(shí)刻銘記的是，酷酷的字體仍然要保持可讀性。所以無(wú)論你是將字體與圖片結(jié)合還是單獨(dú)的展示，確保用戶(hù)能夠只是一瞥就能領(lǐng)悟到你要表達(dá)的意思。