• EN
香港:(852)3749 9734
廣州: (020) 3808 3267
[email protected]

新聞資料

2015年網站設計的十大趨勢

      每年,網站設計都在快速進步,每天幾乎都有新的設計出現。我可以想象得到,2015年將出現最好的網站,包括2014年已經預測到的許多趨勢。隨著這些趨勢在2015年左右實現,現在該是時候讓我們預測2015年可能出現的新趨勢了。每個人都在反思2014年,並展望2015年,下面就讓我們看看2015年可能出現的網站設計趨勢。

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