每個(gè)行業(yè)的發(fā)展方向都在隨著年限而有所變化,就像服裝一樣,每年都有不同的款式受到大家的熱捧。對(duì)于網(wǎng)頁設(shè)計(jì)這一行亦是如此,出于各種原因,有的設(shè)計(jì)趨勢(shì)在演進(jìn)中逐漸消失,有的則在大家的熟練運(yùn)用過程中漸入佳境,甚至逐步褪變成為主流。那么,對(duì)于2016年網(wǎng)頁設(shè)計(jì)又有哪些發(fā)展趨勢(shì)呢?
2016最值得關(guān)注的八大網(wǎng)頁設(shè)計(jì)趨勢(shì)
根據(jù)往年的設(shè)計(jì)趨勢(shì)觀察,總結(jié)出2016年最值得關(guān)注的八大網(wǎng)頁設(shè)計(jì)趨勢(shì),僅供大家參考!
1. 可用性設(shè)計(jì)
2016年,設(shè)計(jì)的大方向?qū)⒗^續(xù)向著用戶傾斜。用戶體驗(yàn)在整個(gè)設(shè)計(jì)中的權(quán)重將繼續(xù)加大。如果你的設(shè)計(jì)在可用性上不足的話,再炫酷也不會(huì)有人問津。如果不能專注地做好用戶體驗(yàn)設(shè)計(jì),在即將到來的2016年,你是無法持久地吸引用戶的。無論是谷歌在算法上的變更,還是用戶行為數(shù)據(jù)的變遷,都指向同一個(gè)方向:你的網(wǎng)站必須加載得更快,也必須更加易用。
對(duì)于電商網(wǎng)站而言,加載速度的影響會(huì)更為明顯,因?yàn)榧虞d速度每延遲一秒,就意味著27%的銷量流失掉了。其他的網(wǎng)站也類似,只不過產(chǎn)生的影響不盡相同。
2. 響應(yīng)式設(shè)計(jì)
時(shí)至今日,響應(yīng)式網(wǎng)頁設(shè)計(jì)不再是一個(gè)可選項(xiàng),而是必選項(xiàng)了。移動(dòng)端無疑已經(jīng)是真正意義上的“第一屏”了。不同類型不同尺寸的屏幕讓設(shè)計(jì)師們面臨的界面是真正意義上的“碎片化”的屏幕選項(xiàng),所以響應(yīng)式不得不為之。
在即將到來的2016年,響應(yīng)式是必須品,不存在某個(gè)尺寸或格式能夠搞定所有問題,并且變得響應(yīng)式的將不僅僅是網(wǎng)頁本身,還有LOGO、Banner等所有相關(guān)元素。最值得學(xué)習(xí)的案例就是Netflix了,全面響應(yīng)式的設(shè)計(jì),讓你徹底告別拉伸和馬賽克。
3. APP設(shè)計(jì)入侵網(wǎng)頁設(shè)計(jì)領(lǐng)域
網(wǎng)頁設(shè)計(jì)早就應(yīng)該向APP設(shè)計(jì)學(xué)習(xí)了,它應(yīng)該更加高效,更低干擾,應(yīng)該能提供定制化的用戶體驗(yàn)。
隨著網(wǎng)絡(luò)的膨脹和網(wǎng)絡(luò)空間的飽和度的增加,設(shè)計(jì)和策劃人員也開始在網(wǎng)頁的個(gè)性化瀏覽上下功夫,添加更多具備“排他性”的特性。你要學(xué)會(huì)移除非必須的信息,讓用戶可以盡可能快地同你的網(wǎng)頁內(nèi)容進(jìn)行交互。
4. 更智能的菜單
有些用戶已經(jīng)開始厭倦漢堡菜單和導(dǎo)航圖標(biāo),但是這種情況僅僅只是開始,因?yàn)椴藛握谶M(jìn)化為越來越智能。采用隱藏式導(dǎo)航的網(wǎng)頁正在逐步增多,這也許很快會(huì)成為一種常態(tài)。這一設(shè)計(jì)出現(xiàn)的理由是,這樣的設(shè)計(jì)可以讓用戶更少被非關(guān)鍵信息所干擾。
但是,即使我們看不到菜單的存在,但是經(jīng)驗(yàn)告訴我們,菜單一定是存在的,因此我們無需為此擔(dān)心——因?yàn)楫?dāng)我們需要它的時(shí)候,菜單會(huì)在合適的地方出現(xiàn)。專家還預(yù)測(cè),未來的菜單可能是多方向滾動(dòng)的,不過就目前而言,這并沒有明確的標(biāo)準(zhǔn),未來會(huì)有各種可能性。
5. 模塊和模塊化文本
沒人會(huì)喜歡翻看文章的時(shí)候,發(fā)現(xiàn)導(dǎo)語又臭又長(zhǎng),是吧?那么在網(wǎng)頁上,最好的呈現(xiàn)方式是提供一份簡(jiǎn)短版本的導(dǎo)語,然后設(shè)計(jì)前來救場(chǎng):提供一套模塊化的布局方案。
模塊化設(shè)計(jì)之下,每個(gè)部分都會(huì)劃分成為獨(dú)立的區(qū)塊,便于操作。但是這一的設(shè)計(jì)并不會(huì)顯得單調(diào),相反,它更加難于預(yù)測(cè),它可能會(huì)將內(nèi)容以更讓人感興趣、更適宜于探索的方式呈現(xiàn)出來。就像讀雜志一樣,用戶的實(shí)現(xiàn)會(huì)從一個(gè)內(nèi)容區(qū)塊跳轉(zhuǎn)到另外一個(gè)區(qū)塊,從一種類型跳轉(zhuǎn)到另外一種類型。
6. 無限滾動(dòng)和模塊化設(shè)計(jì)
這也是網(wǎng)頁設(shè)計(jì)最近開始流行的一種玩法,模塊化滾動(dòng)頁面設(shè)計(jì)。網(wǎng)頁被劃分成許多獨(dú)立的模塊,每個(gè)模塊內(nèi)的滾動(dòng)交互獨(dú)立于其他的模塊。
模塊化無限滾動(dòng)也是基于一個(gè)相同的假設(shè):向下滾動(dòng)總是更容易的操作,用戶不用停下來點(diǎn)擊翻頁。這也難怪越來越多的用戶沉迷于這種交互模式。
7. Material Design
實(shí)際上Material Design 的推出可以追溯到2013年,但是它的流行真正開始于2015年。如果你仔細(xì)觀察過各個(gè)領(lǐng)域的設(shè)計(jì)風(fēng)格的改變,你會(huì)發(fā)現(xiàn) Material Design 開始大規(guī)模地出現(xiàn)在網(wǎng)頁、APP甚至藝術(shù)作品當(dāng)中,我們可以預(yù)見到 2016年 Material Design 設(shè)計(jì)風(fēng)格的爆發(fā)式流行。
8. 扁平化設(shè)計(jì)
嚴(yán)格意義上來說,Material Design 算是扁平化設(shè)計(jì)中的一個(gè)分支,它有著典型的“紙”的隱喻。廣泛意義上的扁平化設(shè)計(jì)依然非常流行,甚至可以說是非常受歡迎。
近幾年扁平化的風(fēng)潮之下,許多品牌也都開始選擇簡(jiǎn)約現(xiàn)代而扁平的風(fēng)格,視覺設(shè)計(jì)也大都秉承少即是多的理念。扁平化設(shè)計(jì)的優(yōu)勢(shì)很明顯,這些優(yōu)勢(shì)主要體現(xiàn)在用戶體驗(yàn)上,他讓網(wǎng)頁更加輕量自由,降低負(fù)擔(dān),提升加載時(shí)間。
扁平化設(shè)計(jì)和幽靈按鈕等時(shí)下流行的設(shè)計(jì)元素可以很好地配合起來,隨著時(shí)間的沉淀,類似Material Design的輕量級(jí)陰影的加入到扁平化設(shè)計(jì)中,通常我們稱之為扁平化2.0。
以上內(nèi)容是關(guān)于2016年最值得關(guān)注的八大網(wǎng)頁設(shè)計(jì)趨勢(shì)的介紹,唯學(xué)網(wǎng)小編提醒,關(guān)于網(wǎng)頁設(shè)計(jì)資訊、網(wǎng)頁設(shè)計(jì)政策、學(xué)習(xí)指導(dǎo)等相關(guān)內(nèi)容的請(qǐng)繼續(xù)關(guān)注唯學(xué)網(wǎng)。小編會(huì)第一時(shí)間為大家更新跟進(jìn)最新信息,如有任何疑問也可在線留言,小編會(huì)為您在第一時(shí)間解答!
|
|
||
|
|