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

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

       不(bu)過(guo)，因(yin)為(wei)視(shi)角(jiao)和(he)領(ling)域(yu)的(de)差(cha)異(yi)化(hua)，設(she)計(ji)師(shi)們(men)對(dui)於(yu)設(she)計(ji)趨(qu)勢(shi)的(de)看(kan)法(fa)各(ge)不(bu)相(xiang)同(tong)，不(bu)過(guo)總(zong)體(ti)上(shang)並(bing)沒(mei)有(you)衝(chong)突(tu)，從(cong)近(jin)期(qi)的(de)幾(ji)篇(pian)設(she)計(ji)趨(qu)勢(shi)文(wen)章(zhang)中(zhong)就(jiu)能(neng)看(kan)出(chu)來(lai)。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、易讀的非襯線體和大圖結合起來使用。
       但是隨著高清屏幕的流行與普及
，非襯線字體一家獨大的局麵將會發生改變。
       細xi節jie豐feng富fu
，充chong滿man裝zhuang飾shi性xing的de非fei襯chen線xian體ti字zi體ti在zai現xian如ru今jin的de屏ping幕mu上shang
，已yi經jing不bu存cun在zai識shi別bie度du的de問wen題ti了le，可ke讀du性xing強qiang了le很hen多duo。在zai如ru今jin高gao像xiang素su密mi度du的de屏ping幕mu上shang，擁yong有you不bu同tong美mei學xue特te征zheng的de非fei襯chen線xian體ti字zi體ti的de全quan部bu特te色se，都dou能neng完wan整zheng地di呈cheng現xian出chu來lai。

       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。
        jiheyuansudelingwaiyizhongyongfa
，shijiangduozhongtuxingzuochengpintieshidebeijingzhuangshiyuansu。jiheyuansuchicunjiaoxiaodeshihou，keyishiyongmingliangdesecai

，rangzhenggeshejixiandegengjiabinfenyouqu。ruguojihetuxingchicunjiaoda，jiubunengzhemeyongle，ershiyaotongguozheserangtanengheqitayuansugouchengduibi，youbunengtaiguoyutuwu，biruHive 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。