來看看將成為明日主流的七大網頁設計趨勢

虎嗅網 於 17/06/2015 發表 收藏文章

矢量圖將迎來春天

相信大家在欣賞一個朋友通過微信發過來的聲稱有亮點的圖的時候,應該都會嘗試將其進行放大再開始亮點查找。你在Retina屏上面放大還好,但是如果在其他非Retina屏幕上對圖片進行放大,到時你就真的找到亮點了,且找到很多,一個個方塊的格子狀的像素點。旁邊美女一邊走過時瞥見的話還以為你在看什麼東西了,竟然還要打馬賽克!立刻投以鄙視的眼光或者一頓拳腳(如果是公交上的話)!怪誰?怪你朋友發給你的是位圖。
而隨着現在Retina屏的流行和現代瀏覽器地矢量圖的支持越來越好,所以一度因實現和支持難度而少人問津的矢量圖相信將會再次回到風口浪尖上,因為如果是矢量圖的話,無論你做多大比例的縮放,它都不會失真。

而其實現在這種風潮已經初露端倪,你看下當今流行的字體圖標和Google在大力推的Material Design就可見一斑了。

所以很有可能不久的將來你再打開朋友發給你的圖片找亮點的時候,可以放心的跟自己説:“自從有了矢量圖,媽媽再也不用擔心我被人打了”。

動圖將上演王者歸來

曾幾何時,動圖曾經到處氾濫,氾濫到在你的網站需要更新的時候都要在上面貼個“網站正在更新”的Flash上去,氾濫到大家都覺得有點噁心了。

但是現在情況有所轉變了,不少的流行因素正在試圖讓動畫上演一出王者歸來的好戲。
  • 扁平化設計的流行:正因為太扁太平太飛機場般的過於單調,動圖的作用就顯示出來了。只要你不像以前一樣在你的網站上鋪天蓋地的使用動圖,那麼它就能將很多東西融合在一張動圖中來給你扁平略顯單調的頁面帶來不少的活力和視覺衝擊。

  • 移動應用的風靡:移動應用對人們的預期重新進行了定義,它更多是通過動畫來傳遞不同的意義,而我們的網頁設計也很應該開始效仿。

  • HTML5等新技術的支持: 這些技術讓我們不需要安裝任何插件的情況下就能使用動畫。
所以説GIF動畫將要上演一出王者歸來的好戲。其實在本文你就已經看到了好幾張GIF動畫。有必要相信,動畫將再一次引領大家進入到下一波網頁設計風潮。

Web Components組件標準化的到來

另外一個我認為在網絡設計上將會盛行起來的是Web Components組件技術。大家都知道現在的網絡實現技術正變得越來越複雜,而可讀性卻又變得越來越差。所以大家都期待有一個統一的標準來讓設計師們簡單的完成一些如增加個打開Google Analystics的按鈕之類的事情,比如簡單的加一行下面的代碼來達成這個目標:

而這就是Web Components所能做的事情,但是現在很多設計師都沒有用它把自己給武裝起來。而現在GoogleMaterial design就是一個很好的開始,它提供了豐富的動畫和交互方面的組件,用户只需要如下圖般簡單幾行代碼就能進行使用:

如果一切如我猜想般正常發展下去的話,那麼很有可能我們的2015年下半年將會有更多基於組件的框架浮出水面,比如Bootstrap 4.0?

社交網絡內容的泛濫和郵件列表風格的復古風

在當今社交媒體這麼盛行的年代,每天都有無數的內容產生,讓人目不暇接。但是很多內容提供商/者卻並不因此而歡喜雀躍。

大家都在用微信,相信大家每天微信上面都有無數的圖片和日日更新的人生新方向的感悟出現在朋友圈裏,開始的時候還好奇瞄幾眼,到了後來這些信息越來越多且千篇一律了,就變得視若無睹直接飄過了。同時也很有可能將一些朋友發送的優秀內容都錯過了,比如天地會珠海分舵發送的這篇好文。

怎麼回事呢?其實説白了就是內容已經飽和得有點氾濫了。比如你在微博上發個消息,很有可能立刻就會淹沒在信息海洋中消失得無影無蹤了。

當然,這並不是説社交網絡將會從此沒落。我這裏想表達的是,正是社交網絡所碰到的這種信息氾濫的問題,讓一些看上去陳舊而不起眼的利基市場茂發了生機。比如2014年就有不少如Tim Ferriss等的基於郵件列表的傑出博客開始冒起來,它們提供了優秀的迎合郵件列表樣式博客的設計,吸引了不少人的眼球。因為它們很清楚的知道,社交媒體氾濫的信息也許會引起讀者的反感而被忽略掉,但是讀者往往還是很樂意去看每一封發送到他們的電子郵箱的郵件的。


所以,我個人認為郵件列表為代表的這種瞄準尼基市場的設計,也許將會成為未來的一股風潮,填補社交網絡做不到的那一片空白。

提醒:更多文章請關注公眾號:techgogogo或官網www.techgogogo.com。當然,也非常歡迎您直接微信(zhubaitian1)勾搭。
本作品採用[創作共用署名3.0中國大陸版許可證], 歡迎轉載,轉載時敬請保留公眾號等信息。

*文章為作者獨立觀點,不代表虎嗅網立場


資料來源:虎嗅網
< 1 2 >
標籤: 網頁設計  

留言


請按此登錄後留言。未成為會員? 立即註冊
    快捷鍵:←
    快捷鍵:→