一(yī)年到頭，總結很重要。但是總結的文章看多的總不免要問，明年會如何？Well，的确是時候展望一(yī)下(xià)未來了。2014年湧現了許多令人印象深刻的網頁設計趨勢，幽靈按鈕越來越多，視差滾動也已經成熟，單頁設計也成爲了諸多設計手法的重要載體(tǐ)，而逐漸多起來的免Coding網頁設計平台也開(kāi)始造福于設計師了！
當然，有的設計趨勢隻是昙花一(yī)現，但是有的則是自然演進的成果。當我(wǒ)(wǒ)們看着《星際迷航》裏進取号飛船中(zhōng)科技感十足的透明控制面闆，以及鋼鐵俠的頭盔中(zhōng)的HUD界面，總不免自問，爲什麽我(wǒ)(wǒ)們的手機UI和網頁不這麽設計呢？終于在幾年之後，我(wǒ)(wǒ)們看到了越來越多姿态各異的幽靈按鈕，在大(dà)氣磅礴的網頁背景中(zhōng)，閃爍發光。這就設計的演進，它們在某些角落誕生(shēng)，然後在互聯網的推動之下(xià)，星火(huǒ)燎原。不妨戳這裏了解一(yī)下(xià)幽靈按鈕的興起：《知(zhī)根知(zhī)底的趨勢！2014年最值得掌握的趨勢”幽靈按鈕”》。
我(wǒ)(wǒ)們周遭大(dà)小(xiǎo)各異的屏幕越來越多，來自世界各地的設計師大(dà)腦中(zhōng)的想法和靈感也層出不窮，所以網頁設計師不僅要讓設計兼容越來越多的屏幕，也得時刻了解正在發生(shēng)、正在流行的新設計。
1、更加靈活的排版
随着對内容呈現形式要求的不斷提升，用戶和設計師都會對文字和内容排版提出新的規範。
事實上，網頁排版和傳統的平面排版有着巨大(dà)的差異，而在即将到來的2015年，你會發現越來越多的傳統網站開(kāi)始轉型，逐漸抛棄小(xiǎo)字體(tǐ)+密集布局設計。其實這并非什麽新鮮事，早在2006年，網頁設計界就已經開(kāi)逐漸轉變了，隻是傳統網站很難放(fàng)棄多年以來的設計風格和規則而已。
有研究表明，影響網頁可讀性的主要有3個因素：
1、字體(tǐ)大(dà)小(xiǎo)
2、列寬度
3、行高度
而研究表明，較大(dà)的文本大(dà)小(xiǎo)更加有利于在屏幕上閱讀内容。網頁設計師門現在已經開(kāi)始提升響應式網頁布局中(zhōng)，字體(tǐ)排版與圖片、整體(tǐ)結構之間的關系，以提升閱讀體(tǐ)驗。如何讓文字内容哪怕在跨平台的狀況下(xià)都始終保持最佳的視覺效果，是未來網頁設計中(zhōng)至關重要的事情。
那麽真正優秀的網頁排版設計都是怎樣的的呢？看這裏：《百變随心！35款兼容性極佳的響應式網頁排版設計》
2、網頁Coding的衰落
其實網頁開(kāi)發分(fēn)工(gōng)一(yī)直處于一(yī)種高度分(fēn)裂的狀态：設計師完成網站的視覺設計，而前端/程序員(yuán)則需要将設計實現出來。但是這一(yī)狀況正在逐漸改變，因爲網頁設計工(gōng)具正在變得越來越強大(dà)，更加智能。
越來越多的設計師可以不寫一(yī)行代碼就創建出網站，利用圖形設計軟件的新特性和新功能，設計師所創建的網站不僅代碼幹淨漂亮，而且能通過W3C的驗證。
這是具有重大(dà)意義的轉變，新工(gōng)具令網頁開(kāi)發的門檻逐漸降低，設計師們也能在不觸及複雜(zá)技術的前提下(xià)，獨立創建出現代而專業化的網站。
如此一(yī)來，設計師可以更加專注于設計，而這些無Coding開(kāi)發平台則可以更加專注于技術和代碼演進，确保所有最新的設計都能完美呈現。之前從事前端工(gōng)作的開(kāi)發者逐漸過度成爲Web程序員(yuán)，而這些平台就是他們發光發熱的地方。
3、響應式設計的進化
在過去(qù)的幾年中(zhōng)，設計響應式的網站的時候，主要考慮桌面端、平闆和手機屏幕的适配。但是随着智能手表、智能電(diàn)視和智能家具的蓬勃發展，響應式所需要“響應”的屏幕尺寸範疇再一(yī)次得到了擴展。
不過總的來說，響應式網站設計還是萬變不離(lí)其宗的：《有對比才有看頭！響應式WEB設計的9項基本原則》
雖然現在手機和平闆的交互都已爲大(dà)衆所熟悉，但是爲之進行響應式設計的時候依然存在獨特的挑戰，那就是屏幕尺寸、分(fēn)辨率的分(fēn)裂帶來的适配工(gōng)作量的增加。
即便解決了平闆和手機上的浏覽的問題，你還得面對新加入的設備。比如在智能手表上，網頁浏覽的方式都是截然不同的，你需要爲之重新思考導航的方式。在手表上浏覽手機版的網頁都是一(yī)件吃力的事情，而在TV端浏覽桌面端的網頁的話(huà)，體(tǐ)驗也是災難性的。
這些新問題的解決方案可能還有待時間來沉澱，但是在2015年底智能設備市場的膨脹，會促使網頁設計師們來考慮新設計，以應對技術的革新。
4、扁平化設計會覆蓋每一(yī)個像素
随着主流廠商(shāng)在設計風格上走向一(yī)緻，扁平化的設計會在接下(xià)來的一(yī)年中(zhōng)急劇膨脹。在過去(qù)的幾年中(zhōng)，微軟的Metro UI、蘋果的Flat Design和谷歌的Material Design 先後選擇了扁平風，使得這一(yī)設計風尚真真正正成爲了設計的主流。
随着Google的Material Design的成熟，越來越多的大(dà)牛也開(kāi)始鑽研它了：《學霸的自學筆記！MATERIAL DESIGN設計規範學習心得》
盡管現在依然有人在強調扁平化設計在UI設計上存在問題，但是普遍的認知(zhī)是，扁平化設計總體(tǐ)上是一(yī)門促進網頁設計前進的技術。
扁平化設計的發展，主要還是取決于我(wǒ)(wǒ)們消費(fèi)網喏内容的方式和屏幕背後 支撐網頁發展的技術。扁平化設計與極簡設計原則相通，而這種設計可以明顯讓網頁更加輕量級，更加易用、快速，更突出内容。
扁平化設計已經不僅僅在審美上更具吸引力，它實實在在地令訪客更容易沉浸到内容中(zhōng)，無幹擾地同網站進行交互。
5、圖片：更大(dà)=更好
不僅網站上的文字越來越大(dà)，圖片也是！
受限于帶寬，之前的網站開(kāi)發者和設計師都需要在網站的圖片上精打細算，但是随着時間的推移，這越來越不是問題了。其結果是，越來越多的網站開(kāi)始使用高清大(dà)圖素材了。
那些所謂的越來越多的網站就在這裏：《這才叫氣吞山河！20個史詩級的大(dà)屏全景網站設計》
在2015年，使用高清大(dà)圖作爲背景會成爲一(yī)大(dà)趨勢，相應的，将會有更多響應式調整圖片尺寸的技術、背景圖片調色工(gōng)具以及圖片服務器負載調整工(gōng)具湧現。
此外(wài)，2015年的另外(wài)一(yī)大(dà)趨勢就是使用大(dà)圖背景。模糊濾鏡和彩色濾鏡疊加在背景上，讓文字無需陰影就可以“浮”背景之上。随着設計師越來越多地使用大(dà)圖背景來設計，你将會越來越頻(pín)繁地看到這種網站。
6、視差滾動
也許最明朗、最令人印象深刻的網頁設計趨勢就是視差滾動了。
爲什麽它們令人印象深刻，看看這些案例就明白(bái)了：《最新的别放(fàng)過！30個盡顯創意的視差滾動網站設計》
在2014年裏，視差滾動的網頁越來越多，甚至蘋果和Google這樣的企業也在自己的産品頁面上使用了視差滾動的設計。不言自明，視差滾動式設計确實有效地提高了用戶的參與度！
使用滾動替代點擊式導航讓網站交互的活躍度提高了好幾個層次。視差滾動有效地減少了多頁面式網站的頁面加載次數，更重要的是，它使得内容和頁面的過度更加流暢自然，信息源源不斷地呈現，不會因爲突然某個頁面加載不出來而導緻體(tǐ)驗下(xià)降。
7、網頁信息圖的黎明
人都是視覺動物(wù)，當數據以更加圖形化、視覺化的方式呈現出來的時候，我(wǒ)(wǒ)們更容易接受。這也是爲什麽信息圖會逐漸普及開(kāi)來，信息圖正是以這種簡單直觀的方式來表現内容，讓信息的留存度直線提升。正是因此，越來越多的網站開(kāi)始使用信息圖式的呈現手法。
而這就是設計趨勢，我(wǒ)(wǒ)們稱之爲Webgraphics！它像信息圖一(yī)樣内容豐富，表現直觀，但涉及到網頁中(zhōng)的具體(tǐ)元素的時候，還允許用戶與之進行交互，這是單純的信息圖做不到的。這也是爲什麽Webgraphics比信息圖在視覺上更加吸引用戶，也擁有更高的用戶留存率。
在即将到來的2015年裏，我(wǒ)(wǒ)們會發現，越來越多的客戶會需要個性化的、帶有交互的信息圖式網站。你也将會看到Webgraphics這種設計趨勢的興起，并且成長爲現代網頁設計中(zhōng)的重要組成部分(fēn)。
展望未來
網頁設計潮流來來去(qù)去(qù)，真正推動網頁設計标準變革的是設計師們别出心裁的創意。同時，設計師也是将創意和設計标準訴諸作品和産品的人。随着時間推移，那些站在時代浪尖上的設計趨勢會成爲普羅大(dà)衆日常看到的普通頁面，而更加偉大(dà)和新穎的設計趨勢也會随之誕生(shēng)。
