2015年網(wǎng)站設計的十大趨勢
[導讀]每個(gè)人都在反思2014年，并展望2015年，下面就讓我們看看2015 年可能出現的網(wǎng)站設計趨勢。
每年，網(wǎng)站設計都在快速進(jìn)步，每天幾乎都有新的設計出現。我可以想象得到，2015年將出現最好的網(wǎng)站，包括2014年已經(jīng)預測到的許多趨勢。隨著(zhù)這些趨勢在2015年左右實(shí)現，現在該是時(shí)候讓我們預測2015年可能出現的新趨勢了。每個(gè)人都在反思2014年，并展望2015年，下面就讓我們看看2015 年可能出現的網(wǎng)站設計趨勢。
滾動(dòng)翻頁(yè)更流行
今天出現的大多數新網(wǎng)站傾向于更長(cháng)的頁(yè)面，并通過(guò)滾動(dòng)方式翻頁(yè)。隨著(zhù)移動(dòng)設備越來(lái)越受歡迎，以滾動(dòng)方式瀏覽顯示器上的內容變得越來(lái)越常見(jiàn)，正代替點(diǎn)擊方式，特別是在設備的主頁(yè)面上。對于用戶(hù)來(lái)說(shuō)，以滾動(dòng)翻頁(yè)的方式獲得信息顯然比不斷地點(diǎn)擊按鈕更簡(jiǎn)單。
主頁(yè)并非滾動(dòng)翻頁(yè)越來(lái)越流行的唯一地方。隨著(zhù)超長(cháng)滾動(dòng)網(wǎng)站（即一頁(yè)式網(wǎng)站）日益變得熱門(mén)，滾動(dòng)帶來(lái)的好處也更多，除主頁(yè)面外的其他許多地方也開(kāi)始出現這種模式，比如有關(guān)網(wǎng)頁(yè)以及產(chǎn)品網(wǎng)頁(yè)等，它們都已成為展示各種內容的簡(jiǎn)單顯示方式。比如，蘋(píng)果iPhone 6的滾動(dòng)翻頁(yè)方式已經(jīng)擴展到許多地方，可以展示該產(chǎn) 品各種特點(diǎn)和性能。此外，iPhone 6網(wǎng)站也增加了一些流暢的動(dòng)畫(huà)，讓滾動(dòng)體驗在視覺(jué)上變得更具吸引力。
講故事+互動(dòng)
對于網(wǎng)站來(lái)說(shuō)，擁有令人感到驚異的內容總是非常關(guān)鍵，而利用這些內容講故事更是一大優(yōu)勢。2015年的網(wǎng)站設計很可能聚焦于如何為用戶(hù)講故事。比如，Space Needle（美國西雅圖地標建筑太空針塔）的網(wǎng)站非常漂亮，可以通過(guò)使用講故事的方式介紹 Space Needle的有關(guān)事實(shí)，并以滾動(dòng)翻頁(yè)的設計予以支持。Space Needle也證明2015年的另一種趨勢——互動(dòng)。網(wǎng)站設計正添加更多互動(dòng)和動(dòng)畫(huà)元素，以獨特和有吸引力的方式幫助介紹內容。在網(wǎng)站設計中加入互動(dòng)與動(dòng)畫(huà)，可以為你的網(wǎng)站帶來(lái)令人驚訝的因素。比如，Impossible Bureau網(wǎng)站的互動(dòng)性就很強，可以對你的滾動(dòng)和懸停做出回應。
大標題背景圖像缺失
過(guò)去幾年中，網(wǎng)站設計中十分流行大標題背景圖像，上面經(jīng)常有文字說(shuō)明，這也是大多數訪(fǎng)客瀏覽網(wǎng)站時(shí)首先看到的東西。而在大標題背景圖像如此流行的情況下，你的網(wǎng)站如何能脫穎而出呢？采取相反措施。近來(lái)出現的一些網(wǎng)站逆勢而行，即沒(méi)有大標題背景圖像。我猜，他們這樣做不僅僅是不愿意追隨潮流，而且也在尋求提高網(wǎng)站的性能與速度。New Wave Company的網(wǎng)站就體現出這些特點(diǎn)。它使用大標題歡迎訪(fǎng)客，大字體集中在網(wǎng)頁(yè)中心，但標題后面沒(méi)有大背景圖片。這是一種高雅的做法，效果并不次于其他使用大背景圖像的流行網(wǎng)站設計。
剔除非必要設計元素
有一種設計觀(guān)念認為，當所有非必要元素都被剔除后，網(wǎng)站設計才算完成。2015年，我認為我們能夠看到這種觀(guān)念更好地體現出來(lái)，因為更多網(wǎng)站都在試圖通過(guò)剔除非必要設計元素實(shí)現網(wǎng)站設計的簡(jiǎn)化。New Wave Company網(wǎng)站中剔除大背景圖像的做法就是最好例 證之一。另一個(gè)剔除非必要設計元素確保網(wǎng)站簡(jiǎn)潔的最佳例證是Rareview Digital Agency網(wǎng)站，它也沒(méi)有使用大背景圖像標題問(wèn)候訪(fǎng)客。設計師們實(shí)際上已經(jīng)消除了許多當前網(wǎng)站上流行的設計元素，比如背景顏色、眾多圖片以及復雜布局等。相反，他們選擇更清晰、簡(jiǎn)潔的網(wǎng)站設計，在注重設計、圖片以及顏色的當前網(wǎng)站中，這些設計不禁令人眼前一亮。
固定寬度的中心網(wǎng)站布局
過(guò)去幾年中，大多數網(wǎng)站都使用了以寬度為中心的網(wǎng)站布局，它可以讓圖片或視覺(jué)延伸部分在整個(gè)瀏覽器視口中全部展現出來(lái)。在這種趨勢熱門(mén)前，大多數網(wǎng)站都是固定寬度的，內容處于網(wǎng)頁(yè)中心，你可以看到網(wǎng)站兩側的終結部分。固定寬度趨勢似乎正以更現代的方式回歸，只是網(wǎng)站及其內容部分不再處于視口的邊側，有些網(wǎng)站選擇最大寬度，以確保它們的內容處于視口中心。Michele Mazzucco的網(wǎng)站就是如此。
圖庫照片依然在設計中占有一席之地，但是對于大多數最新出現的網(wǎng)站來(lái)說(shuō)，圖庫照片開(kāi)始采取高質(zhì)量的專(zhuān)業(yè)攝影照片，它們通常是獨一無(wú)二的，專(zhuān)為網(wǎng)站自定義拍攝的。使用自定義攝影比僅選區圖庫照片在設計方面取得了更大進(jìn)步，它讓你的網(wǎng)站獨一無(wú)二，其他網(wǎng)站無(wú)法使用同樣的照片。比如，Grain and Mortar網(wǎng)站的自定義照片使用了該網(wǎng)站的大標題，這展現出個(gè)性化效果，因為照片上的人和辦公場(chǎng)景都是在 Grain and Mortar真實(shí)存在的，畢竟沒(méi)有假辦公空間的圖庫照片！
響應式網(wǎng)站設計已經(jīng)流行了一段時(shí)間，可是直到近來(lái)，大多數網(wǎng)站設計重點(diǎn)都放在令網(wǎng)站在桌面設備上看起來(lái)更好，而在手機或平板設備上看得過(guò)去即可。無(wú)論何種設備，響應式網(wǎng)站設計正邁向更好體驗。我們正看到這種設計元素向移動(dòng)設備上轉移，并在更廣泛地使用。比如 24ways與Rawnet都展示了這種觀(guān)念，將類(lèi)似應用和響應式菜單添加到整個(gè)網(wǎng)站中，而不僅僅有更小視口的設備上。在這種情況下，這兩家網(wǎng)站選擇靠左或靠右的垂直菜單，而不是位于頂部的水平菜單，使用起來(lái)更像彈出/滑出應用式菜單，這種技術(shù)允許網(wǎng)站應用與響應式設計出現在更小的視口上。
這與上面討論過(guò)的彈出/滑出應用式菜單很像，我期待更多網(wǎng)站可能向首次訪(fǎng)問(wèn)網(wǎng)站的訪(fǎng)客隱藏主菜單。只有當訪(fǎng)客準備移動(dòng)和點(diǎn)擊相應圖標后，這些隱藏菜單才會(huì )顯示出來(lái)。這種響應式設計技術(shù)正開(kāi)始出現在網(wǎng)站設計中，而非僅僅小的視口中。Brian Hoff Design的新網(wǎng)站就是最好的例子。他使用網(wǎng)站右上角的漢堡圖標隱藏導航功能，直到訪(fǎng)客點(diǎn)擊它。過(guò)去2年，這種行為已經(jīng)逐漸被接受，訪(fǎng)客正習慣在網(wǎng)站應用或手機應用上如此操作。他將這種模式應用到網(wǎng)站上，無(wú)論視口多大，都可幫助確保網(wǎng)站簡(jiǎn)介，功能完全。
非常大的字體
2014年，字體在許多網(wǎng)站設計中發(fā)揮重要作用，我未發(fā)現這種趨勢在短期內改變的跡象?？墒?015年，我看到網(wǎng)站中的標題和字體變得越來(lái)越大?？鋸埖卣f(shuō)，就連天上的飛機可能都能看到地面上的字。當你訪(fǎng)問(wèn)Tiny Giant的網(wǎng)站時(shí)，你會(huì )看到很大的字體。這實(shí)際上是一種聲明，讓你很難錯過(guò)。大字體將繼續在2015年的網(wǎng)站設計中發(fā)揮重要作用，成為確保提高訪(fǎng)客視覺(jué)層次的方法。訪(fǎng)客首先會(huì )看到最大的字體，因為那會(huì )首先吸引你的注意力。
性能與速度
許多設計趨勢受需求驅動(dòng)，以促使網(wǎng)站加載速度更快，消耗的寬帶流量更少。這篇文章中討論的大多數趨勢都可能需要減小網(wǎng)站，為那些手機、平板設備或更慢網(wǎng)絡(luò )用戶(hù)尋找更快加載方式。網(wǎng)站設計師和開(kāi)發(fā)者越來(lái)越強烈地意識到自己網(wǎng)站的權重，以及用戶(hù)如何與他們互動(dòng)。響應式網(wǎng)站設計已經(jīng)幫助減輕這些擔憂(yōu)。網(wǎng)速過(guò)慢以及設備類(lèi)型等因素迫使設計師和開(kāi)發(fā)者密切關(guān)注它們的文件和網(wǎng)站大小，網(wǎng)站加載速度在不同網(wǎng)速條件下也不盡相同。無(wú)需驚訝，2015年需要加載速度更快、沒(méi)有滯后感的無(wú)縫網(wǎng)站。
- ·如何優(yōu)化個(gè)性化的體驗旅游網(wǎng)站？2013.04.27
- ·企業(yè)互聯(lián)網(wǎng)營(yíng)銷(xiāo)時(shí)代已至 效果提升成關(guān)鍵2013.04.27
- ·企業(yè)網(wǎng)站用戶(hù)體驗優(yōu)化：內容建設核心2013.04.27
- ·助推企業(yè)網(wǎng)絡(luò )營(yíng)銷(xiāo)發(fā)展的網(wǎng)絡(luò )推廣公司2013.04.27
- ·網(wǎng)站運營(yíng)過(guò)程中需要做好哪些SEO規劃呢？2013.04.27
