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