2017年最值得關注的幾個網頁設計趨勢

        新年新氣象，事物都在不停的變化
，不斷的更新換代。網頁設計也是一樣，設計思維也在朝著新的趨勢發展。雖然我們無法確定2017年網頁設計有怎樣的變化，但是我們可以通過2016年整個設計圈的演進

，來窺見未來可能會越來越火的網頁設計趨勢。

       buguo

，yinweishijiaohelingyudechayihua，shejishimenduiyushejiqushidekanfagebuxiangtong，buguozongtishangbingmeiyouchongtu
，congjinqidejipianshejiqushiwenzhangzhongjiunengkanchulai。UI設計趨勢的轉變，很大程度上會受到用戶交互習慣、設計語言和數碼設備的影響，《趨勢丨8個你需要知道的2017年UI設計流行趨勢》這篇文章能讓你更加明白這個道理
；而電商行業則更多是從行業發展和從業經驗的角度來分享2017年電商設計的變化趨勢：《電商|入行5年，我寫文百篇後總結了這8條趨勢分析》;至於相對寬泛的用戶體驗設計，所探討的話題也相對更加抽象
，但是依然很重要，有興趣可以看看這篇重譯之後的《2017年即將流行的9大UX設計趨勢》，相信你能有所收獲。

        當然，今天我們所要聊的是在網頁設計領域在2017年當中可能會出現的設計趨勢，也許並不完全精準，但是相信設計師在接下來的一年中
，越來越多的看到這些設計手法。

        1
、越來越多的襯線體

        除開我們所熟知的Helvetica
，占(zhan)據(ju)我(wo)們(men)屏(ping)幕(mu)首(shou)頁(ye)的(de)各(ge)種(zhong)非(fei)襯(chen)線(xian)體(ti)字(zi)體(ti)還(hai)有(you)很(hen)多(duo)。在(zai)過(guo)去(qu)幾(ji)年(nian)中(zhong)，高(gao)清(qing)大(da)圖(tu)的(de)流(liu)行(xing)和(he)跨(kua)平(ping)台(tai)設(she)計(ji)大(da)行(xing)其(qi)道(dao)，這(zhe)兩(liang)種(zhong)客(ke)觀(guan)需(xu)求(qiu)之(zhi)下(xia)讓(rang)設(she)計(ji)師(shi)慣(guan)於(yu)將(jiang)加(jia)粗(cu)、易讀的非襯線體和大圖結合起來使用。
       但是隨著高清屏幕的流行與普及
，非襯線字體一家獨大的局麵將會發生改變。
       xijiefengfu，chongmanzhuangshixingdefeichenxiantizitizaixianrujindepingmushang，yijingbucunzaishibiedudewentile
，keduxingqianglehenduo。zairujingaoxiangsumidudepingmushang，yongyoubutongmeixuetezhengdefeichenxiantizitidequanbutese，dounengwanzhengdichengxianchulai。

       2、深色係配色

       在過去的一年當中，大量的網站采用了白色和淺色的背景，采用深色背景設計的網站相對較少。
       keshikanduoleyeniwei。youyibufenwangzhanyijingkaishidaozhuanzhenggepeise，kaishizaizijiadewangzhanshangtansuoshensexipeisedemeixue。zaipeiseshangcaiyongshenseweizhudesheji

，zuixuyaozhuyidejiushiqizhongsecaideduibiduheneirongdekeduxing，zhiyaobawohaoqizhongdeguanjie，nenggouhenhaodexiyinfangkedezhuyili。
       隨sui著zhe深shen色se係xi配pei色se而er來lai的de，還hai有you越yue來lai越yue多duo的de單dan色se配pei色se方fang案an
，更geng極ji端duan一yi些xie的de
，幹gan脆cui就jiu隻zhi在zai純chun色se的de深shen色se背bei景jing上shang搭da配pei照zhao片pian。這zhe樣yang的de配pei色se手shou法fa乍zha一yi看kan很hen單dan調tiao
，但dan是shi深shen色se背bei景jing下xia，流liu行xing色se會hui顯xian得de更geng加jia突tu出chu
，也ye更geng容rong易yi鼓gu勵li訪fang客ke與yu網wang站zhan進jin行xing互hu動dong。

       3、中性、自然的配色方案

        如果你一直關心流行色或者優設的話

，你肯定會知道潘通最新發布的2017 年流行色——草木綠，這一自然氣息濃鬱的色彩被大家稱為“新中性色”。
        在未來的一年當中，將會出現越來越多充滿自然特色的配色方案，而其中許多配色方案會選擇使用草木綠來搭配。

        4
、幾何元素

        從cong矩ju形xing到dao三san角jiao形xing
，從cong方fang形xing到dao圓yuan形xing，幾ji何he圖tu形xing已yi經jing越yue來lai越yue多duo地di出chu現xian在zai網wang頁ye設she計ji當dang中zhong。好hao的de設she計ji不bu會hui讓rang這zhe些xie幾ji何he圖tu形xing在zai整zheng體ti中zhong過guo於yu突tu兀wu，而er是shi盡jin量liang融rong入ru，為wei用yong戶hu提ti供gong視shi覺jiao引yin導dao，強qiang化hua交jiao互hu體ti驗yan，提ti供gong行xing動dong召zhao喚huan，或huo者zhe讓rang整zheng個ge視shi覺jiao更geng加jia有you趣qu。
        網頁中幾何元素的設計要如何設計好呢?技ji巧qiao在zai於yu
，盡jin量liang采cai用yong簡jian單dan的de設she計ji。例li如ru，你ni喜xi歡huan環huan狀zhuang的de元yuan素su
，那na麼me你ni可ke以yi將jiang它ta作zuo為wei一yi個ge固gu定ding的de元yuan素su
，在zai整zheng個ge設she計ji中zhong使shi用yong，它ta可ke以yi承cheng載zai圖tu標biao，也ye可ke以yi用yong作zuo團tuan隊dui成cheng員yuan頭tou像xiang外wai框kuang。
        幾ji何he元yuan素su的de另ling外wai一yi種zhong用yong法fa，是shi將jiang多duo種zhong圖tu形xing做zuo成cheng拚pin貼tie式shi的de背bei景jing裝zhuang飾shi元yuan素su。幾ji何he元yuan素su尺chi寸cun較jiao小xiao的de時shi候hou，可ke以yi使shi用yong明ming亮liang的de色se彩cai，讓rang整zheng個ge設she計ji顯xian得de更geng加jia繽bin紛fen有you趣qu。如ru果guo幾ji何he圖tu形xing尺chi寸cun較jiao大da，就jiu不bu能neng這zhe麼me用yong了le
，而er是shi要yao通tong過guo著zhe色se讓rang他ta能neng和he其qi他ta元yuan素su構gou成cheng對dui比bi，又you不bu能neng太tai過guo於yu突tu兀wu，比bi如ruHive Boxx 這個頁麵的設計。

         5
、超大字體

        有一些設計師已經開始這樣做設計了

，不過隨後你會在網頁設計中看到更多的超大字體的設計。字體尺寸拉大之後，搭配多樣的樣式、飛濺的色彩，這些尺寸超大的文字如今已經變得越來越重要了。
        超(chao)大(da)字(zi)體(ti)流(liu)行(xing)背(bei)後(hou)的(de)邏(luo)輯(ji)是(shi)頁(ye)麵(mian)需(xu)要(yao)通(tong)過(guo)它(ta)們(men)抓(zhua)住(zhu)用(yong)戶(hu)的(de)注(zhu)意(yi)力(li)
，每(mei)個(ge)設(she)計(ji)師(shi)都(dou)需(xu)要(yao)讓(rang)特(te)定(ding)的(de)部(bu)分(fen)在(zai)整(zheng)個(ge)設(she)計(ji)中(zhong)脫(tuo)穎(ying)而(er)出(chu)。擁(yong)擠(ji)的(de)瀏(liu)覽(lan)器(qi)頁(ye)麵(mian)中(zhong)
，要(yao)怎(zen)樣(yang)才(cai)能(neng)抓(zhua)住(zhu)用(yong)戶(hu)的(de)注(zhu)意(yi)力(li)呢(ne)?肯定是強視覺化的內容
，這樣一來，超大字體的流行就解釋得通了。

        6
、虛擬現實

        虛擬現實是目前最火熱的趨勢
，並且它已經入侵到了網頁設計領域了。
        許多設計師已經開始在他們自己的網頁中嚐試設計類似虛擬現實的效果。從遊戲到360度視頻，設計師試圖讓用戶無需VR眼鏡而擁有環繞的真實視野。雖然技術上和VR幾乎完全不沾邊，但是它同樣是追求真實的體驗。
        目前，這種設計還沒有完善的規則，許多類VR的網頁設計還是需要設計師動腦子想辦法來實現，非常考驗設計技巧。

        7、新的導航模式

        如(ru)果(guo)你(ni)一(yi)直(zhi)在(zai)關(guan)注(zhu)新(xin)的(de)設(she)計(ji)趨(qu)勢(shi)，你(ni)會(hui)發(fa)現(xian)設(she)計(ji)師(shi)一(yi)直(zhi)在(zai)嚐(chang)試(shi)尋(xun)求(qiu)不(bu)同(tong)的(de)導(dao)航(hang)模(mo)式(shi)。當(dang)然(ran)，截(jie)至(zhi)目(mu)前(qian)，絕(jue)大(da)多(duo)數(shu)的(de)頁(ye)麵(mian)依(yi)然(ran)還(hai)是(shi)將(jiang)導(dao)航(hang)掛(gua)著(zhe)頁(ye)麵(mian)的(de)頂(ding)部(bu)。
        隨著不同的尺寸比例屏幕、不同的設備的出現，新的導航模式擁有了存在的可能性。首先流行開來的是屏幕側邊導航設計和隱藏式的導航設計。
        這種看似微小的變化，讓網站的瀏覽方式和體驗出現了翻天覆地的變化：它們讓頁麵變得更加時尚，可以兼容不同的屏幕需求
，甚至讓整個網頁布局都能進行全新的設計了。
        yinzangshicaidanshejibingbushirangdaohangwanquanyinzang，ershirangzhenggepingmudouchenglehuchucaidandekongjian
，zheyangdeshejiyijingbeihenduoyonghusuolijiebingshuzhi，tazaiyidongduanshangdeyingyongyijingxiangdangdeguangfan。