熱點(diǎn)解析: 7個(gè)未來WEB設(shè)計(jì)的趨勢
譯文有太多的文章告訴你什么是炫酷的網(wǎng)頁設(shè)計(jì),而我要帶你做一些真正的預(yù)言。
1. 新的點(diǎn)擊手勢
我們幾乎已經(jīng)忘記了曾經(jīng)是如何滾動網(wǎng)頁的了,很多用戶會刻意的把鼠標(biāo)移到屏幕右邊緣,使用一個(gè)稱之為“滾動條”的東西。
作為一名比大多數(shù)人更專業(yè)的人員,你可能使用鼠標(biāo)滾輪、光標(biāo)鍵、或者觸摸板。
在2015年,滾動比點(diǎn)擊更加的容易。在移動端,你可以使用你的母指瘋狂滾動。點(diǎn)擊一個(gè)清晰的目標(biāo)反而更加困難,這與之前我們使用桌面版習(xí)慣是完全相反的。
因此,我們應(yīng)該期待越來越多的網(wǎng)站以滾動第一而點(diǎn)擊第二為目標(biāo)。當(dāng)然,這正是我們經(jīng)常看到的:
有充分的理由預(yù)計(jì)這一情況,因?yàn)橐苿佣怂嫉谋壤絹碓酱蟆,F(xiàn)代的網(wǎng)站有更少需要點(diǎn)擊的東西,取而代之的則是滾動。我們將看到更少的鏈接、更多的按鈕、更大的可點(diǎn)擊區(qū)域、以及更高的可滾動頁面。
把分章分成多個(gè)頁面的網(wǎng)站很快就會吸取到此教訓(xùn)。希望會把內(nèi)容放到單頁面或者更長,就像時(shí)代雜志那樣,無限滾動。
現(xiàn)在還不知道網(wǎng)絡(luò)是否會擴(kuò)展到手表設(shè)備上,但是如果真是這樣,你可以打賭,它幾乎完全由手勢驅(qū)動。
2. 折疊內(nèi)容已死
現(xiàn)在滾動很容易,設(shè)備尺寸也各不相同,因此,折疊內(nèi)容已顯得無關(guān)緊要。
越來越多的設(shè)計(jì)師將不會把所有內(nèi)容都放到頂部。這是因Medium而流行起來的趨勢–全屏圖像標(biāo)題,直到滾動時(shí)才可以看見內(nèi)容。
使用更高的可滾動頁面,使得網(wǎng)頁設(shè)計(jì)師擁有了雜志那樣的機(jī)會:使用漂亮的大圖填充頁面。希望在2015年,更多的設(shè)計(jì)師可以像這樣占用更多的空間–尤其是垂直方向上。
#p#
3. 用戶更快,網(wǎng)站更簡化
現(xiàn)在幾乎所有年輕的成年人都是專家級的網(wǎng)絡(luò)用戶。即使業(yè)余的也像專家那樣:使用多個(gè)標(biāo)簽頁,切換回上一頁。
其結(jié)果就是一切將會變的更快,并且我們變得更加沒有耐心。如果你想讓你一個(gè)態(tài)度謙和的人煩惱起來,只需要讓他的網(wǎng)絡(luò)變慢一些。
現(xiàn)在的網(wǎng)站被迫不是變得更快(技術(shù)問題),而是變得更容易理解。減緩用戶的設(shè)計(jì)對用戶具有相同的影響,因?yàn)榫W(wǎng)站根本沒有被加載。
簡潔的設(shè)計(jì)更容易瀏覽,這也意味著它可以更快的升值。大家很容易看出下面兩個(gè)設(shè)計(jì)那個(gè)更新:
這就是 skeuomorphic design 死亡的原因:用戶更加感性、缺乏耐心、而雜亂的設(shè)計(jì)影響的他們的瀏覽速度。
APPS 把網(wǎng)站變得更小、界面更漂亮。他們這么做是因?yàn)檫@樣在小界面上體驗(yàn)更好。
扁平化的設(shè)計(jì)僅僅是個(gè)開始。真正的趨勢是簡單和直接,我們希望2015年比以往任何時(shí)刻都走的更遠(yuǎn)。
4. 像素已死
在桌面上,一像素就是一像素,你甚至知道平均多少英寸是一像素:72dpi。然而,現(xiàn)在越來越少的人知道什么是像素了。
響應(yīng)式設(shè)計(jì)中,我們看到了柵格與百分比布局。但仍有一個(gè)巨大的區(qū)域受到挑戰(zhàn):位圖圖像。
幾乎所有的網(wǎng)站只具有現(xiàn)在瀏覽器一半分辨率的圖像。隨著視網(wǎng)膜顯示屏和現(xiàn)代瀏覽器的流行,在2015年,矢量圖將變得更受歡迎。
我們已經(jīng)可以在字體圖標(biāo)和Google’s Material design中看到此趨勢。網(wǎng)站加載更快、所放到任何大小都不會損失質(zhì)量。
現(xiàn)在,這樣的技術(shù)已經(jīng)存在,但是需要設(shè)計(jì)師改變他們的習(xí)慣以創(chuàng)造更高品質(zhì)的顯示。一旦屏幕顯示變成視網(wǎng)膜級別的時(shí)候,我們希望設(shè)計(jì)師們能夠快速的適應(yīng)。
#p#
5. 動畫回歸
如果你想使你的網(wǎng)站看起來不過時(shí),則使用GIFS和FLASH動畫。但是下面幾種情況結(jié)合起來使得動畫成為現(xiàn)在網(wǎng)頁設(shè)計(jì)的后起之秀。
扁平化設(shè)計(jì)看起來太單一,甚至有些乏味。而動畫幫助網(wǎng)站脫穎而出,占用更少的空間,提供跟多的信息。
移動應(yīng)用程序(Mobile APP)已經(jīng)重新定義了用戶的期望。移動應(yīng)用使用手勢來傳達(dá)意義,網(wǎng)站也剛開始做這樣的事情。
新技術(shù)如CSS動畫,可以不使用插件提高網(wǎng)站的設(shè)計(jì)、速度和兼容性。WEB組件將會加速這些。
GIF動畫回歸,并且出奇的有效。你應(yīng)該注意到了這篇文章使用了很多的GIF動畫。
6. 組件新框架
WEB技術(shù)不斷的變得更加復(fù)雜,更少的語義化。設(shè)計(jì)師必須為簡單的功能嵌入復(fù)雜的代碼,如Google Analytics和Facebook喜歡按鈕。如果可以像下面這樣使用的話則會更加簡單:
<google-analytics key=”UA-12345–678">
我們可以使用WEB組件,然而大部分的設(shè)計(jì)師還沒有準(zhǔn)備好。2015年看起來應(yīng)該是它們的一年。
這里是 Google’s Material design ,它開始了這個(gè)運(yùn)動。由 Polymer 設(shè)計(jì),支持所有現(xiàn)在的瀏覽器,通過簡單的標(biāo)簽提供了復(fù)雜的動畫和交互組件。
7. 社交媒體的飽和和直接郵件的興起
社交媒體取得了巨大的成功,但內(nèi)容發(fā)布商卻沒有那么的開心。
主要問題就是飽和。Facebook每天有數(shù)十億的文章,而用戶感興趣的卻只有那么一些。不幸的是,隨著時(shí)間的推移,你發(fā)布的內(nèi)容會被越來越少的用戶看到(你可以通過付費(fèi)解決此問題)。
社交媒體不會消失,但是在過去的2014年,我們看到很多著名的博客已經(jīng)把他們的注意力從社交媒體轉(zhuǎn)移到過去流行的郵件訂閱列表。他們意識到郵件相當(dāng)于社交媒體的一個(gè)優(yōu)勢就是:相當(dāng)高比例的人會查看郵件的內(nèi)容。