廣告：

1.性能與速度

頁面體積更小，js性能更高，訪問速度更快,html5技術(shù)應(yīng)用將會(huì)更普遍。

大多數(shù)趨勢都可能需要減小網(wǎng)站，為那些手機(jī)、平板設(shè)備或更慢網(wǎng)絡(luò)用戶尋找更快加載方式。網(wǎng)站設(shè)計(jì)師和開發(fā)者越來越強(qiáng)烈地意識到自己網(wǎng)站的權(quán)重，以及用戶如何與他們互動(dòng)。響應(yīng)式網(wǎng)站設(shè)計(jì)已經(jīng)幫助減輕這些擔(dān)憂。網(wǎng)速過慢以及設(shè)備類型等因素迫使設(shè)計(jì)師和開發(fā)者密切關(guān)注它們的文件和網(wǎng)站大小，網(wǎng)站加載速度在不同網(wǎng)速條件下也不盡相同。無需驚訝，2015年需要加載速度更快、沒有滯后感的無縫網(wǎng)站。

2.一頁式網(wǎng)站(滾動(dòng)翻頁)

如今的網(wǎng)站不再流行翻頁了,因?yàn)榉�頁�?huì)浪費(fèi)網(wǎng)頁加載時(shí)間,每刷新一次用戶就要花更多時(shí)間等待。

今天出現(xiàn)的大多數(shù)新網(wǎng)站傾向于更長的頁面，并通過滾動(dòng)方式翻頁。隨著移動(dòng)設(shè)備越來越受歡迎，以滾動(dòng)方式瀏覽顯示器上的內(nèi)容變得越來越常見，正代替點(diǎn)擊方式，特別是在設(shè)備的主頁面上。對于用戶來說，以滾動(dòng)翻頁的方式獲得信息顯然比不斷地點(diǎn)擊按鈕更簡單。

主頁并非滾動(dòng)翻頁越來越流行的唯一地方。隨著超長滾動(dòng)網(wǎng)站（即一頁式網(wǎng)站）日益變得熱門，滾動(dòng)帶來的好處也更多，除主頁面外的其他許多地方也開始出現(xiàn)這種模式，比如有關(guān)網(wǎng)頁以及產(chǎn)品網(wǎng)頁等，它們都已成為展示各種內(nèi)容的簡單顯示方式。比如，蘋果iPhone 6的滾動(dòng)翻頁方式已經(jīng)擴(kuò)展到許多地方，可以展示該產(chǎn)品各種特點(diǎn)和性能。此外，iPhone 6網(wǎng)站也增加了一些流暢的動(dòng)畫，讓滾動(dòng)體驗(yàn)在視覺上變得更具吸引力。

3.講故事+互動(dòng)

2015年的網(wǎng)站設(shè)計(jì)很可能聚焦于如何為用戶講故事。比如，Space Needle（美國西雅圖地標(biāo)建筑太空針?biāo)�）的網(wǎng)站非常漂亮，可以通過使用講故事的方式介紹Space Needle的有關(guān)事實(shí)，并以滾動(dòng)翻頁的設(shè)計(jì)予以支持。Space Needle也證明2015年的另一種趨勢——互動(dòng)。網(wǎng)站設(shè)計(jì)正添加更多互動(dòng)和動(dòng)畫元素，以獨(dú)特和有吸引力的方式幫助介紹內(nèi)容。在網(wǎng)站設(shè)計(jì)中加入互動(dòng)與動(dòng)畫，可以為你的網(wǎng)站帶來令人驚訝的因素。比如，Impossible Bureau網(wǎng)站的互動(dòng)性就很強(qiáng)，可以對你的滾動(dòng)和懸停做出回應(yīng)。

4. 大背景圖像和網(wǎng)站色彩豐富化

大背景圖像的流行網(wǎng)站設(shè)計(jì)，讓網(wǎng)站更富于內(nèi)容化；同時(shí)色彩更流行多種色彩的組合，而不是單一色彩的網(wǎng)站設(shè)計(jì)。

5. 清晰、簡潔的網(wǎng)站設(shè)計(jì)

設(shè)計(jì)師們實(shí)際上已經(jīng)消除了許多當(dāng)前網(wǎng)站上流行的設(shè)計(jì)元素，比如背景顏色、眾多圖片以及復(fù)雜布局等。相反，他們選擇更清晰、簡潔的網(wǎng)站設(shè)計(jì)，在注重設(shè)計(jì)、圖片以及顏色的當(dāng)前網(wǎng)站中，這些設(shè)計(jì)不禁令人眼前一亮。

6. 固定寬度的中心網(wǎng)站布局

比如寬度為960px，980px或者1000px，然后頭和尾背景以100%寬度顯示。

在這種趨勢熱門前，大多數(shù)網(wǎng)站都是固定寬度的，內(nèi)容處于網(wǎng)頁中心，你可以看到網(wǎng)站兩側(cè)的終結(jié)部分。固定寬度趨勢似乎正以更現(xiàn)代的方式回歸，只是網(wǎng)站及其內(nèi)容部分不再處于視口的邊側(cè)，有些網(wǎng)站選擇最大寬度，以確保它們的內(nèi)容處于視口中心。Michele Mazzucco的網(wǎng)站就是如此。

7. 專業(yè)高質(zhì)量自定義攝影

專業(yè)攝影照片，它們通常是獨(dú)一無二的，專為網(wǎng)站自定義拍攝的。使用自定義攝影比僅選區(qū)圖庫照片在設(shè)計(jì)方面取得了更大進(jìn)步，它讓你的網(wǎng)站獨(dú)一無二，其他網(wǎng)站無法使用同樣的照片。比如，Grain and Mortar網(wǎng)站的自定義照片使用了該網(wǎng)站的大標(biāo)題，這展現(xiàn)出個(gè)性化效果，因?yàn)檎掌�上的人和辦公場景都是在Grain and Mortar真實(shí)存在的，畢竟沒有假辦公空間的圖庫照片！

8. 響應(yīng)式網(wǎng)站設(shè)計(jì)依舊流行

彈出/滑出應(yīng)用式菜單將會(huì)有更多應(yīng)用。

無論何種設(shè)備，響應(yīng)式網(wǎng)站設(shè)計(jì)正邁向更好體驗(yàn)。我們正看到這種設(shè)計(jì)元素向移動(dòng)設(shè)備上轉(zhuǎn)移，并在更廣泛地使用。比如24ways與Rawnet都展示了這種觀念，將類似應(yīng)用和響應(yīng)式菜單添加到整個(gè)網(wǎng)站中，而不僅僅有更小視口的設(shè)備上。在這種情況下，這兩家網(wǎng)站選擇靠左或靠右的垂直菜單，而不是位于頂部的水平菜單，使用起來更像彈出/滑出應(yīng)用式菜單，這種技術(shù)允許網(wǎng)站應(yīng)用與響應(yīng)式設(shè)計(jì)出現(xiàn)在更小的視口上。

9.隱藏主菜單

與上面討論過的彈出/滑出應(yīng)用式菜單很像，響應(yīng)式網(wǎng)站設(shè)計(jì)部分：主菜單通常占很大塊面積，隱藏后，可向移動(dòng)設(shè)備擴(kuò)展。

我期待更多網(wǎng)站可能向首次訪問網(wǎng)站的訪客隱藏主菜單。只有當(dāng)訪客準(zhǔn)備移動(dòng)和點(diǎn)擊相應(yīng)圖標(biāo)后，這些隱藏菜單才會(huì)顯示出來。這種響應(yīng)式設(shè)計(jì)技術(shù)正開始出現(xiàn)在網(wǎng)站設(shè)計(jì)中，而非僅僅小的視口中。Brian Hoff Design的新網(wǎng)站就是最好的例子。他使用網(wǎng)站右上角的漢堡圖標(biāo)隱藏導(dǎo)航功能，直到訪客點(diǎn)擊它。過去2年，這種行為已經(jīng)逐漸被接受，訪客正習(xí)慣在網(wǎng)站應(yīng)用或手機(jī)應(yīng)用上如此操作。他將這種模式應(yīng)用到網(wǎng)站上，無論視口多大，都可幫助確保網(wǎng)站簡介，功能完全。

10.非常大的字體

2015年，我看到網(wǎng)站中的標(biāo)題和字體變得越來越大。夸張地說，就連天上的飛機(jī)可能都能看到地面上的字。當(dāng)你訪問Tiny Giant的網(wǎng)站時(shí)，你會(huì)看到很大的字體。這實(shí)際上是一種聲明，讓你很難錯(cuò)過。大字體將繼續(xù)在2015年的網(wǎng)站設(shè)計(jì)中發(fā)揮重要作用，成為確保提高訪客視覺層次的方法。訪客首先會(huì)看到最大的字體，因?yàn)槟菚?huì)首先吸引你的注意力。

廣告：