7個未來WEB設計的趨勢
有太多的文章告訴你什麼是炫酷的網頁設計,而我要帶你做一些真正的預言。
1. 新的點選手勢
我們幾乎已經忘記了曾經是如何滾動網頁的了,很多使用者會刻意的把滑鼠移到螢幕右邊緣,使用一個稱之為“滾動條”的東西。
作為一名比大多數人更專業的人員,你可能使用滑鼠滾輪、游標鍵、或者觸控板。
在2015年,滾動比點選更加的容易。在移動端,你可以使用你的母指瘋狂滾動。點選一個清晰的目標反而更加困難,這與之前我們使用桌面版習慣是完全相反的。
因此,我們應該期待越來越多的網站以滾動第一而點選第二為目標。當然,這正是我們經常看到的:
有充分的理由預計這一情況,因為移動端所佔的比例越來越大。現代的網站有更少需要點選的東西,取而代之的則是滾動。我們將看到更少的連結、更多的按鈕、更大的可點選區域、以及更高的可滾動頁面。
把分章分成多個頁面的網站很快就會吸取到此教訓。希望會把內容放到單頁面或者更長,就像時代雜誌那樣,無限滾動。
現在還不知道網路是否會擴充套件到手錶裝置上,但是如果真是這樣,你可以打賭,它幾乎完全由手勢驅動。
2. 摺疊內容已死
現在滾動很容易,裝置尺寸也各不相同,因此,摺疊內容已顯得無關緊要。
越來越多的設計師將不會把所有內容都放到頂部。這是因Medium而流行起來的趨勢–全屏影象標題,直到滾動時才可以看見內容。
使用更高的可滾動頁面,使得網頁設計師擁有了雜誌那樣的機會:使用漂亮的大圖填充頁面。希望在2015年,更多的設計師可以像這樣佔用更多的空間–尤其是垂直方向上。
3. 使用者更快,網站更簡化
現在幾乎所有年輕的成年人都是專家級的網路使用者。即使業餘的也像專家那樣:使用多個標籤頁,切換回上一頁。
其結果就是一切將會變的更快,並且我們變得更加沒有耐心。如果你想讓你一個態度謙和的人煩惱起來,只需要讓他的網路變慢一些。
現在的網站被迫不是變得更快(技術問題),而是變得更容易理解。減緩使用者的設計對使用者具有相同的影響,因為網站根本沒有被載入。
簡潔的設計更容易瀏覽,這也意味著它可以更快的升值。大家很容易看出下面兩個設計那個更新:
這就是 skeuomorphic design 死亡的原因:使用者更加感性、缺乏耐心、而雜亂的設計影響的他們的瀏覽速度。
APPS 把網站變得更小、介面更漂亮。他們這麼做是因為這樣在小介面上體驗更好。
扁平化的設計僅僅是個開始。真正的趨勢是簡單和直接,我們希望2015年比以往任何時刻都走的更遠。
4. 畫素已死
在桌面上,一畫素就是一畫素,你甚至知道平均多少英寸是一畫素:72dpi。然而,現在越來越少的人知道什麼是畫素了。
響應式設計中,我們看到了柵格與百分比佈局。但仍有一個巨大的區域受到挑戰:點陣圖影象。
幾乎所有的網站只具有現在瀏覽器一半解析度的影象。隨著視網膜螢幕和現代瀏覽器的流行,在2015年,向量圖將變得更受歡迎。
我們已經可以在字型圖示和Google’s Material design中看到此趨勢。網站載入更快、所放到任何大小都不會損失質量。
現在,這樣的技術已經存在,但是需要設計師改變他們的習慣以創造更高品質的顯示。一旦螢幕顯示變成視網膜級別的時候,我們希望設計師們能夠快速的適應。
5. 動畫迴歸
如果你想使你的網站看起來不過時,則使用GIFS和FLASH動畫。但是下面幾種情況結合起來使得動畫成為現在網頁設計的後起之秀。
扁平化設計看起來太單一,甚至有些乏味。而動畫幫助網站脫穎而出,佔用更少的空間,提供跟多的資訊。
移動應用程式(Mobile APP)已經重新定義了使用者的期望。移動應用使用手勢來傳達意義,網站也剛開始做這樣的事情。
新技術如CSS動畫,可以不使用外掛提高網站的設計、速度和相容性。WEB元件將會加速這些。
GIF動畫迴歸,並且出奇的有效。你應該注意到了這篇文章使用了很多的GIF動畫。
6. 元件新框架
WEB技術不斷的變得更加複雜,更少的語義化。設計師必須為簡單的功能嵌入複雜的程式碼,如Google Analytics和Facebook喜歡按鈕。如果可以像下面這樣使用的話則會更加簡單:
<google-analytics key=”UA-12345–678">
我們可以使用WEB元件,然而大部分的設計師還沒有準備好。2015年看起來應該是它們的一年。
這裡是 Google’s Material design ,它開始了這個運動。由 Polymer 設計,支援所有現在的瀏覽器,通過簡單的標籤提供了複雜的動畫和互動元件。
7. 社交媒體的飽和和直接郵件的興起
社交媒體取得了巨大的成功,但內容釋出商卻沒有那麼的開心。
主要問題就是飽和。Facebook每天有數十億的文章,而使用者感興趣的卻只有那麼一些。不幸的是,隨著時間的推移,你釋出的內容會被越來越少的使用者看到(你可以通過付費解決此問題)。
社交媒體不會消失,但是在過去的2014年,我們看到很多著名的部落格已經把他們的注意力從社交媒體轉移到過去流行的郵件訂閱列表。他們意識到郵件相當於社交媒體的一個優勢就是:相當高比例的人會檢視郵件的內容。
via: medium
相關文章
- 未來 Web 設計的 7 大趨勢Web
- 你應該知道的未來web設計7大趨勢Web
- 雲端計算的6個未來趨勢
- 網頁設計未來趨勢:高清設計網頁
- 未來程式設計趨勢的12個猜想 命令列永存...程式設計命令列
- 2015年7個重要的Web設計趨勢Web
- UI設計師未來的發展趨勢UI
- 程式設計行業未來趨勢如何程式設計行業
- 未來Web開發趨勢報告Web
- 未來web前端的六大趨勢,看未來的發展前景!Web前端
- 前端未來趨勢之原生API:Web Components前端APIWeb
- 雲端計算成為未來趨勢
- 介面設計趨勢:猜想未來長什麼樣子
- 未來5年可穿戴技術的7大趨勢
- 未來智慧汽車的設計趨勢:脫離人類擬人化
- 未來資料分析的五個趨勢預測!
- 未來之家裡,物聯網的四個趨勢
- 面向多螢幕裝置設計遊戲是未來趨勢遊戲
- 關於未來程式設計發展趨勢的九大預測程式設計
- 未來app開發的發展趨勢APP
- PMO(專案管理辦公室)的未來趨勢專案管理
- 遊戲的發展 雲遊戲 未來趨勢遊戲
- 半導體技術未來的發展趨勢
- 2012年Web設計和開發的15個趨勢Web
- 5分鐘看懂,未來1年Web前端開發最新趨勢Web前端
- 機器學習的趨勢和人工智慧的未來機器學習人工智慧
- Java Web 程式設計師的發展趨勢分析JavaWeb程式設計師
- Web 開發在 2015 年及未來的發展趨勢Web
- 談談主資料管理MDM未來的6個主要趨勢
- 未來七大AI科技趨勢!AI
- Node.js 未來發展趨勢Node.js
- 程式設計師週刊(第3期):識別未來新技術的趨勢程式設計師
- CRM的核心概念,未來發展趨勢解析
- 2013年10大Web設計趨勢Web
- 2023 年 MQTT 協議的 7 個技術趨勢|描繪物聯網的未來MQQT協議
- 2016年Web設計的10大趨勢Web
- Web設計裡需要避免的八大糟糕趨勢Web
- AI人工智慧的4個未來趨勢,人類集體失業?AI人工智慧