雷軍的B面:那些賠到血本無歸的失敗投資案例 |
發(fā)布時間:2015-10-24 文章來源: 瀏覽次數:4777 |
本文總結了明年將流行的網頁設計趨勢,如響應式、扁平化、微交互、個性化等等,但愿給那設計師們一點有價值的參考。 1. 響應式 在過去的幾年里,響應設計快速鞏固了自己作為網頁設計的新尺度。當然,也有爭論,但是沒人說,“讓我們掙脫響應式設計吧”。實際上,越來越多的網站選擇響應式的方向。2014年確實如斯,2015年也還會繼承。這已經不是種趨勢,而是常態(tài)了。 2. 幽靈按鈕 幽靈按鈕憑借簡潔時髦,及微妙的動畫招人喜歡。2015年幽靈按鈕將繼承,特別是用在大背景和背景視頻上更合用。 3. 更夸大字體 傳統(tǒng)的一些Web字體價格昂貴,意味著網站排版需要更多的預算。如今,這種情況在改變,設計師只要更少的預算甚至免費(如Google Fonts)的字體集就能在網頁上自由設計。 4. 視頻背景 一個讓網站脫穎而出的簡樸方式是凸起樞紐的內容,這種趨勢需要以美妙的方式來完成,夸大設計哲學,優(yōu)雅有氣力,而非只是噱頭。 5 . 動彈主導點擊 得益于移動互聯網的發(fā)展,網頁設計更偏向移動化,因此會帶來更有效和愉悅的移動體驗,如動彈主導點擊。這種方式更直觀,易于實現,減少加載時間,答應網站與用戶之間更多的交互。 6. 卡片式設計 卡片式設計,不算新奇,卻是響應式網頁設計的最佳實踐?ㄆ皆O計很好的一個方式是模塊化,重新編排欄目也不會草率或紊亂,在瀏覽器中能瀏覽大量數據,但是要提示用戶深入了解?傊,卡片設計干凈簡樸,具備多功能性。恰是網絡的需求,2014和2015年你將能看到更多卡片式風格設計。 7. 扁平化 扁平化設計在過去兩年里勢頭迅猛,2015年在持續(xù)。然后,對于扁平化而言或許只是個概念,也許是Material Design (材料設計),那么什么是Material Design呢? Material Design是 Google今年新推出的移動設計方向,“Material(材料)”是種隱喻:空間的公道化及系統(tǒng)動效的同一。Material源自現實的感知,靈感來自紙張和油墨,尚未開啟的想象力和神奇。 良多設計師說,材料設計語言在扁平化上作了微妙的漸變,層次感和動畫留存了意義上的有形世界(物理空間和物體),同時實現了扁平化的所有長處。有些人可能不同意,但我個人覺得,這就是扁平化設計的整體領導,我們期待看到更多的企業(yè)和個人在2014年及以后采取該策略。 8. 微交互 談論完材料設計,微交互也是個很好的勢頭。 它們通常用在產品的體驗和瞬間,網站簡樸的用戶任務處理也會用到。一個簡樸的例子是注冊的時候彈出框效果。微交互促進了用戶的介入,這種趨勢在未來幾年將進一步滲透滲出到網頁設計中。 9. 交互式故事 你想把所有的內容聚在一起嗎?假如你的品牌由一系列概念或價值(優(yōu)雅、創(chuàng)造力,簡約等),從頁面布局到字體選擇,你都能通過頁面元素和交互性故事來闡述品牌和理念。如特斯拉的官網。 10. 個性化用戶體驗 使用cookies技術向用戶展示相關內容不是什么新鮮事。然后,某些垃圾做法(如彈出選擇),現在有了更好的設計和最佳實踐,使用cookies顯示特定的內容給用戶比垃圾郵件和無恥的銷售有效的多。Netflix 會記住你最近看的,YouTube也如斯。豈非這些傳統(tǒng)的大網站只會使用側邊欄小工具,以便你快速訪問你喜歡的內容或評論的文章?或者凸起查看過的內容或高亮帖子?我不這么以為,未來更會泛起更優(yōu)雅的技術。 極好的例子:
你不必是個蘋果迷才能賞識這么好的網頁設計。蘋果老是想法讓它們的商標保持簡樸,繼承想法擠出明顯數目確當前和未來的設計趨勢。假如你想學習但不想模仿它,不是你必需創(chuàng)建一個站點酷似他們,而是復制其明顯的微妙之處,避免故意使用趨勢的噱頭。
Go Electric page 這個頁面使用了大圖片,長動彈和嵌入式信息圖和交互式故事解釋了他們產品的常見5大題目,這是個相稱智慧的設計,比擬傳統(tǒng)枯燥無味的網站,這是個令人贊嘆的展示。 |