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