09
Mar

2015

隨著科技的演進,網站也不斷地調整與演化成適合當代的表現型態,國外網站The Next Web以2014年的網站設計來預測2015年,甚至是2016年的網站設計的趨勢與應用,讓我們一起看看,有哪些設計概念榜上有名囉! 1.長滾動頁面 為因應行動裝置的普及現象,現在的網頁設計,趨向讓頁面「變長」。所有資訊集中放置於單一頁面,讓手機使用者透過「手指」不斷地往下滑動,便能輕易取得完整資訊。例如iPhone 6或Google launchpadtoys等產品的呈現,就十分符合此趨勢,並且添加了動畫元素,讓使用者在滑動中,也能有不同層次的體驗。 2.運用敘事與互動 「令人驚喜的內容」在網站設計中越來越重要!網站不僅僅只是表達企業與產品,若能在網站上增添「故事」和「互動」必能讓網站的內容更具獨特性和吸引力。例如Space Needle網站擁有強烈的背景故事,並設計許多互動與動畫。 3.大圖塊當道 大塊的照片,為現在流行的前鋒,使網站擁有故事性與意象。除了大照片之外,最近有些網站選擇使用單純的色塊與文字,不僅畫面突出,也有助於改善網頁的載入速度。網站The New Wave則是一個不錯的例子。 4.簡潔至上! 移除不必要的設計元素,讓設計更簡潔,重點更清晰。例如, Rareview Digital Agemcy網站將過於複雜的版型、過度的設計、過多的影像和色彩移除,反過來利用簡潔來顯得更獨特。 5.固定寬度,版型置中 有些網站選擇使用「最大寬度」確保內容置中,考量手機平板的縮放,但在大螢幕時,兼容過去網站設計置中與留白的概念。例如,Michele Mazzucco中,當你將瀏覽器縮小時,將看到主要內容在中間,放大時兩邊會有些留白。 6.高質感的客製化圖庫 最近一些新興網站開始進行圖庫客製化,請專人來拍攝予處理照片影像,提升設計上的獨特性。Grain and Mother網站,就是個好範例,首頁是創辦人和員工坐在餐桌前討論的圖片,網站中的每張照片,具有質感,又有生活中的故事性。 7.手機式選單植入桌電 隨著響應式設計(Responsive Web Design)興起,使任何裝置都能有最佳的瀏覽體驗,所以網站設記者開始將行動裝置設計的元素,移植入桌電中。如 24 Ways 、 Rawnet皆在桌電中使用APP般的選單。晨星WEB 3網站平台,亦是採用這樣的方式。 8.消失的主選單 Brian Hoff Design,將主選單藏了起來,當點擊網頁中某個圖示時,才會將選單開啟,樣的設計也幫助頁面保持簡潔同時也不失功能性。這樣手機特性的設計也漸漸使用在網站設計中,可能成為2015的趨勢。 9.超大的字型 2015年,巨大的字型將是要在一個簡潔的網站中,能立即讓訪客注意到最關鍵資訊的方法。如Tiny Giant就是透過這樣的方式,在簡潔中抓住大家的視覺。 2015年的趨勢,主要圍繞著跨平台通用的概念進行設計,你,想擁有這樣彈性又不失完美調性的網站嗎? 參考來源: