關(guān)于Web(網(wǎng)站)設計的未來(lái)趨勢,我相信很多文章都有介紹。下面就讓宜興網(wǎng)絡(luò )公司博路網(wǎng)絡(luò )帶你總結一下哪些才是真正的預言。
1.手勢取代點(diǎn)擊
還記得曾經(jīng)是如何滾動(dòng)網(wǎng)頁(yè)的嗎?將鼠標移到屏幕的右邊緣,然后拖動(dòng)古代稱(chēng)為“滾動(dòng)條”的玩意兒:

稍微專(zhuān)業(yè)點(diǎn)的可能會(huì )使用鼠標滾輪,光標鍵或觸控板,這已經(jīng)領(lǐng)先于大多數的用戶(hù)了。
但是2015年,滾動(dòng)比點(diǎn)擊更受歡迎。在移動(dòng)設備上,你可以用你的手指隨意滑動(dòng)來(lái)滾動(dòng)頁(yè)面。精確點(diǎn)擊目標實(shí)際上是很難的——這和我們在桌面上養成的習慣截然相反。
因此,我們希望越來(lái)越多的網(wǎng)站能夠內置為滾動(dòng)第一,點(diǎn)擊第二個(gè)的設置。當然,這正是我們現在無(wú)處不在的設計方式:
隨著(zhù)移動(dòng)設備漸漸掌控市場(chǎng),我們對此趨勢的預測完全是有充分理由的,F在的網(wǎng)站已經(jīng)沒(méi)有那么多需要點(diǎn)擊的內容,更多的是滾動(dòng)。鏈接少了,按鈕多了,“可點(diǎn)擊”區域大了,需要滾動(dòng)的頁(yè)面高了。
那些將文章分成多頁(yè)的網(wǎng)站估計馬上會(huì )明白,文章內容應該做成單頁(yè)的,哪怕很長(cháng)很長(cháng),甚至可以像時(shí)代雜志學(xué)習,做成無(wú)限滾動(dòng)網(wǎng)頁(yè):

雖然說(shuō)將來(lái)web是否會(huì )擴張到類(lèi)似于手表這樣的裝備上還是個(gè)未知數,但是,如果這個(gè)設想成真的話(huà),那么我可以打賭以后將會(huì )成為手勢的天下。
2.折疊將要消亡
既然滾動(dòng)這么省事,并且設備尺寸趨于多種多樣,于是乎,“折疊”慢慢變得無(wú)關(guān)緊要起來(lái)。
設計師現在完全可以選擇不在頁(yè)面頂部填鴨式地塞滿(mǎn)所有東西。當前的一個(gè)設計趨勢是——全屏圖片,上面一個(gè)標題,滾動(dòng)頁(yè)面,然后才能看到具體的文章內容:
現在設計師可以像做雜志那樣放一些大圖片到自己的網(wǎng)頁(yè)上。2015年的設計可能會(huì )占據更多的空間——特別是垂直方向——比如說(shuō)類(lèi)似的大型圖片。
3.用戶(hù)速度更快,網(wǎng)站更簡(jiǎn)化
現在幾乎每個(gè)年輕的成年人本身就是一個(gè)專(zhuān)業(yè)的web用戶(hù)。甚至即使是業(yè)余的都表現得很專(zhuān)業(yè):使用多個(gè)標簽,刷新頁(yè)面。
與此同時(shí),我們變得越來(lái)越不耐煩。如果你想使一個(gè)脾氣溫和的人發(fā)火,只要讓他的互聯(lián)網(wǎng)慢一分鐘就夠了。
現在的網(wǎng)站不僅要速度更快(技術(shù)問(wèn)題),而且還要更易于理解。那些會(huì )減慢用戶(hù)速度的設計和那些完全加載不出來(lái)的效果是一樣的。
簡(jiǎn)單的設計更易于瀏覽,這意味著(zhù)接收起來(lái)更快。一眼望去,新穎的設計更吸引人的眼球:
這可能就是skeuomorphic design消亡的最大原因:用戶(hù)變得更有感知力,缺乏耐心,一些繁雜的內容拖垮了速度。
App因其超小的美麗接口把大多數網(wǎng)站都比下去了。之所以網(wǎng)站會(huì )完敗是因為最小化的接口擁有更好的執行力。
扁平化的設計僅僅是個(gè)開(kāi)始。真正的趨勢是簡(jiǎn)單化和直接化,預計2015年這方面的影響將會(huì )更加深遠。
4.像素將會(huì )被廢棄
在桌面上,1個(gè)點(diǎn)就是1像素。甚至有人還知道平均1英寸由多少像素組成:72 dpi。但是現在,很多人已經(jīng)不知道什么是像素了。
隨著(zhù)響應式設計的普及,我們使用更多的是網(wǎng)格和百分比。當然還是有一個(gè)區域依然堅守著(zhù)像素:點(diǎn)陣圖。
幾乎所有的web都是構建在圖像的基礎上。隨著(zhù)視網(wǎng)膜顯示屏和新式瀏覽器逐步的盛行,矢量圖將成為2015年的寵兒。
從基于字體的圖標和谷歌材料設計上面來(lái)看,這種趨勢已經(jīng)可見(jiàn)一斑。網(wǎng)站加載速度更快,縮放圖標到任意大小也不會(huì )失真。這使得它們非常適合新式的Web瀏覽器。
雖然技術(shù)已經(jīng)存在,但依然需要時(shí)間來(lái)讓專(zhuān)業(yè)人員改變他們的習慣,以便于創(chuàng )造更高品質(zhì)的顯示。一旦平均桌面顯示達到視網(wǎng)膜級(如新的iMac),估計設計師只能紛紛效仿。
5.動(dòng)畫(huà)又回來(lái)了
以前我們說(shuō),如果你想讓網(wǎng)站顯得過(guò)時(shí),就放一些GIF和Flash動(dòng)畫(huà)。但現在,動(dòng)畫(huà)元素逐漸在網(wǎng)頁(yè)設計上大放光彩。
扁平化設計雖好,但終歸看上去毫無(wú)特色,甚至略顯無(wú)聊。動(dòng)畫(huà)則可以讓網(wǎng)站用更少的空間傳遞更多的信息,顯得獨樹(shù)一幟。
移動(dòng)app儼然顛覆了大家的看法,它們用動(dòng)畫(huà)來(lái)傳達意思,現在網(wǎng)站緊隨其步伐。
一些新技術(shù),如CSS動(dòng)畫(huà),使得我們不需要考慮插件、速度和兼容的問(wèn)題就可以很容易地增強設計。并且Web組件(具體看第6點(diǎn))還可以提供加速功能。
GIF動(dòng)畫(huà)又回來(lái)了,效果驚人。你會(huì )發(fā)現這篇文章中使用了大量GIF動(dòng)畫(huà),這是以前無(wú)法想像的。
6.組件是新的框架
Web技術(shù)變得越來(lái)越復雜。即使是很簡(jiǎn)單的任務(wù),包括Google Analytics 和Facebook上的Like按鈕,都迫使設計師不得不嵌入很多亂七八糟的代碼到網(wǎng)頁(yè)上。而如果我們換寫(xiě)例如下面這樣的代碼就會(huì )簡(jiǎn)單多了:
我們可以使用Web組件,然而這還沒(méi)有被大多數設計師所認可和習慣。 2015年是web組件雄起的一年。
谷歌材料設計打響了第一炮,它在所有新式瀏覽器的支持下,提供了來(lái)自于A(yíng)ndroid app的多種多樣的動(dòng)畫(huà)和互動(dòng)組件,以及像這樣的簡(jiǎn)單標簽:
照這樣的趨勢來(lái)看,2015年出現更多的基于組件的架構也就絲毫不令人意外了,比如說(shuō)Bootstrap 4.0?
7.社交飽和,以及直接郵件的崛起
社交媒體已經(jīng)取得了巨大的成功,但很多內容供應商對此并不滿(mǎn)意。
然而問(wèn)題是已經(jīng)飽和了。每天有數十億的帖子誕生,Facebook只收錄用戶(hù)最有可能喜歡和分享的那一些。這意味著(zhù)你發(fā)布的內容可能只有很小很小比例的人群看得到。 (當然你可以付費,就沒(méi)有這個(gè)煩惱了)。
社交是不會(huì )消失的,2014年,很多知名博客,例如Tim Ferriss,已經(jīng)將注意力轉移到了良好的老式郵件列表上。因為他們意識到,電子郵件比社交媒體有一個(gè)顯著(zhù)的優(yōu)勢:愿意查閱郵件的人群比例要高得多。
我預計這種帖子社交的趨勢將在2015年大放光彩。
不可預測的趨勢:CSS shapes
除了設計師,很多人都不會(huì )去關(guān)注這一技術(shù)。 CSS shapes允許你布局成某種形狀,如圓形:
看上去超酷,有木有?但是除非有瀏覽器的支持,否則你就會(huì )有很大的風(fēng)險——很有可能需要投入大量的時(shí)間和精力來(lái)為新老瀏覽器分別制作兩種設計。但是除了設計師,我相信沒(méi)有多少用戶(hù)會(huì )注意到這一點(diǎn)。雖然這真的很酷。
以上內容由宜興網(wǎng)絡(luò )公司博路網(wǎng)絡(luò )網(wǎng)上收集整理,以供大家學(xué)習!如有侵犯到您的權益,請聯(lián)系我們,我們會(huì )在第一時(shí)間進(jìn)行處理!QQ:370063804











