我們都已經(jīng)忘記滾動條曾經(jīng)是有多麻煩，大多數(shù)用戶都得煞費苦心地把鼠標移至屏幕右側(cè)來移動這古老的滾動條：

作為一名專業(yè)人士，想必你一定用過鼠標滾輪、光標鍵或觸控板，那么你就已經(jīng)超越了許多用戶了。

在當今這個時代，滑動已取代了點擊。手機用戶輕松滑動手指即可隨意滾動頁面，相對而言，要精準地點擊某一點反倒是變得困難了——完全和以前在電腦上的操作相反。

因此，我們應將網(wǎng)站體驗的首要重點放在滾動上，點擊為輔。當然，這一特點已經(jīng)隨處可見：

隨著手機用戶的規(guī)模日益龐大，現(xiàn)代化網(wǎng)站都開始盡量減少點擊，增加滾動。我們會發(fā)現(xiàn)鏈接越來越少，按鈕因為其更大的“點擊”區(qū)域，出現(xiàn)的頻率越來越高。為適應滾動趨勢，頁面也變得越來越長。

那些多頁網(wǎng)站意識到這一點后，開始紛紛合并頁面，將單個頁面延長，或者干脆像 TIME 雜志，直接做成無限滾動頁面：

將來是否能在手表上瀏覽網(wǎng)頁還尚未可知，不過用手勢來進行操作，這一點是肯定的。

徹底淘汰網(wǎng)頁折疊線

在頁面滾動變得如此普遍的時代，各種設備又有著不同的尺寸，網(wǎng)頁中的“折疊線”將不再被列入討論范疇。

設計師們無需再將所有內(nèi)容都擠在頁面的最上端。這一改變便引出了 Medium 曾經(jīng)推廣過的設計趨勢——全屏圖片加標題，滾動后才可見頁面主體內(nèi)容：

有了這長長的滾動頁面，設計師們終于有機會實現(xiàn)夢寐以求的雜志效果：盡情使用美麗的大圖片。在2015年的網(wǎng)站設計中，我們尤其可以看到利用大面積縱向空間來展現(xiàn)圖片的方式。

現(xiàn)在人人都是網(wǎng)站高手，業(yè)余選手也似乎有了專業(yè)素質(zhì)：使用多個標簽頁及滑動返回上頁等都不在話下。

這些特點所帶來的結(jié)果便是一切都變得更快速了，大家的耐心值都日益降低。試問如何才能惹惱一個好脾氣的人呢？很簡單，只要稍稍減慢網(wǎng)速，便立刻引爆。

現(xiàn)今的網(wǎng)站所面臨的挑戰(zhàn)不只是讓加載速度更快（技術問題），而且要讓頁面能更快地被受眾所理解。一款無法弄懂的設計和超慢的載入速度具有同等的惱人效果。

簡潔的設計更易被理解，也就意味著更討人喜歡。我們很容易就能區(qū)分出下方的兩款設計，哪款更現(xiàn)代。現(xiàn)代化網(wǎng)站可以更快幫助用戶理解使用方式：

仿真設計被淘汰的主要因為用戶敏銳度更高，耐心值降低，雜亂的設計只能減緩一切速度。

移動應用以其美觀的極簡界面擊敗了絕大多數(shù)網(wǎng)站，事實證明簡約界面的表現(xiàn)更佳。

扁平化設計只是一個開端，它所真正代表的是簡約和即時性，希望這一走向可以在2015年發(fā)展得更深入。

像素的消亡

我們曾經(jīng)能清楚的知道組成一張分辨率為72 dpi的圖片需要多少像素。如今，人們對這一概念越來越模糊。

隨著響應式網(wǎng)站的出現(xiàn)，相對于固定數(shù)值，我們更趨向于使用網(wǎng)格和百分比。然而，位圖圖像仍然存在。

幾乎所有網(wǎng)站中使用的圖片分辨率都只有現(xiàn)代顯示器分辨率的一半，并且不按比例調(diào)整大小。對于 Retina 顯示器和現(xiàn)代化瀏覽器而言，矢量圖形之風正漸漸崛起。

這一風潮在圖標字體以及谷歌材料設計中就已見端倪。具此特點的網(wǎng)站通常都具有更快的加載速度，圖標在放大后也不損失質(zhì)量，是現(xiàn)代化瀏覽器的理想之選。

這些技術均已面世，只是要專業(yè)人士為更高標準的顯示器來改變工作習慣，尚需時日。當用戶的顯示器平均標準達到 Retina 級別時（新款iMac顯示器），相信設計師們定會追隨這一改變。

動畫的逆襲

要讓網(wǎng)站看起來過時很簡單，只要放上一個GIF或Flash格式的“網(wǎng)站建設中”的動畫就行。然而近來，卻因為幾個元素的結(jié)合，讓動畫在現(xiàn)代化網(wǎng)站中實現(xiàn)了華麗的逆襲。

扁平化設計可能會遇到風格重復，甚至略顯無趣的問題，這時動畫就可以起到點睛網(wǎng)站的作用，同時又可以在有限的空間中納入更多的信息，一舉多得。

移動應用重新定義了用戶的需求，其中所使用的各類小動畫都傳達著自身的意義?，F(xiàn)在，網(wǎng)站也開始啟用這一趨勢。

像CSS動畫這類的新技術在強化設計的同時，無需使用額外插件，因此，毫無速度或兼容問題之憂。事實上，網(wǎng)絡組件（在第6點中會提及）反而更能加快網(wǎng)頁速度。

GIF動畫又回來了，甚至變得更具效力。你是否注意到，這篇文章中就大量運用了GIF動畫，它的創(chuàng)建過程更為簡易，并且方便分享。

?組件即是新框架

網(wǎng)絡技術變得日益復雜，令人很難咀嚼其中含義。為達成一個簡單的效果，例如添加谷歌分析或臉書按鈕，設計師們不得不在在頁面中嵌入復雜的代碼。如果我們可以只寫這么簡單一句來解決問題就好了：

網(wǎng)絡組件就可以實現(xiàn)這個想法，只是對大部分設計師們而言，使用尚有困難。不過，相信在2015年里，它一定會有革命性進展。

谷歌材料設計的出現(xiàn)也許預示著這一變化的開始。谷歌材料設計由 Polymer 提供技術支持，適用于現(xiàn)代化瀏覽器，它利用簡單的標簽，即可從安卓應用中提取豐富的動畫和互動組件：

如果谷歌材料設計能夠開花結(jié)果，相信將會有更多組件框架在2015年涌現(xiàn)。譬如：Bootstrap 4.0？

社交媒體的飽和度與郵件的崛起

社交媒體于用戶而言固然是個巨大的成功，然而對于廣大的原創(chuàng)博主來說，就不那么樂觀了。

首要問題就是飽和度。臉書發(fā)現(xiàn)，在每日億萬的博文中，用戶所感興趣或轉(zhuǎn)發(fā)的只局限于一個固定的范疇。因此，你所發(fā)表的內(nèi)容很不幸地只能被一小部分關注你的受眾所見。（當然對此臉書也提供了解決方案：用戶付費推廣。）

社交媒體風潮并未消退，不過，Tim Ferriss 等一些知名博主已將推廣重點從社交網(wǎng)絡移至舊時流行——郵件推送。他們意識到電子郵件相比社交媒體，一大至關重要的優(yōu)點即是：用戶量得到大幅提升。

希望這一后社交媒體風潮可以在2015年得以延續(xù)，因為它還有一個不容忽視的利器——網(wǎng)絡提醒（類似手機中的提醒功能）。

出彩新秀：CSS 形狀

除了設計師以外，很少有人會注意到這一超酷技術。CSS 形狀可以將排版定義為各類形狀，譬如圓形：

這一技術超乎想象，但是在無法保證所有瀏覽器的支持前使用，仍然過于冒險，因為這意味著為實現(xiàn)一個頁面，你需要重復兩種完全不同的技術來確保效果。

不過，還是忍不住要重復一遍，它真的超酷。

2015 看點

在2014年，我們看到了手機用戶開始超越電腦用戶，然而這仍未能改變大眾的傳統(tǒng)想法，大部分企業(yè)機構(gòu)的第一關注點仍然是桌面外觀，而后才是手機界面。

這一策略在2015年可能要開始顯得落伍和不專業(yè)了?，F(xiàn)今，手機已然成為瀏覽網(wǎng)站的首要工具，“移動界面為主”的策略也將從說說而已，變?yōu)檎嬲男枨蟆?/p>

扁平化設計隨處可見，當你細細推敲這一現(xiàn)象后，會發(fā)現(xiàn)，在幽靈按鈕背后，所隱藏著的真正奧秘是——簡約站點可更快得到用戶的青睞。

簡約不只是一時流行，它是未來的走向。相信它會持續(xù)發(fā)展下去。

將來，會有越來越多的博客使用動畫，互動界面會在展現(xiàn)高質(zhì)量的同時，更優(yōu)化用戶體驗。

像素和折疊線開始漸漸退出歷史舞臺，將由滾動為主，點擊為輔的體驗占取主導。網(wǎng)絡組件將大大簡化在網(wǎng)頁中引入移動應用體驗的工序。

目前，你可以從一些網(wǎng)站設計中發(fā)現(xiàn)優(yōu)秀移動應用的影子。隨著時間的推移，相信用戶將很難發(fā)現(xiàn)移動應用和網(wǎng)站體驗之間有任何區(qū)別。

朵璞自譯，轉(zhuǎn)載請注明出處。

原文來自：medium

原文地址：http://www.zcool.com.cn/article/ZMTY0NjQw.html