1、不對(duì)稱網(wǎng)格
好對(duì)稱的時(shí)代已經(jīng)過(guò)去了。雖然分屏設(shè)計(jì)在2017年流行得一塌糊涂,但是這一趨勢(shì)在逐步的沉淀和演進(jìn)之下,開始有了新的變化。
均勻的對(duì)稱式布局并沒(méi)有非對(duì)稱式的分屏設(shè)計(jì)有表現(xiàn)力,這促使不對(duì)稱網(wǎng)格開始逐漸流行開來(lái)。
為了使得不對(duì)稱的設(shè)計(jì)更為有效,設(shè)計(jì)師需要一些獨(dú)特的元素讓不對(duì)稱的網(wǎng)格下,整體設(shè)計(jì)是足夠平衡的。在整體布局下,留白,文本和圖片等視覺(jué)元素需要進(jìn)行合理的配比,在吸引用戶的同時(shí),不至于失衡。
而網(wǎng)格也是這種設(shè)計(jì)中必不可少的組成部分。雖然整體上不對(duì)稱,但是網(wǎng)格的約束下,能讓各個(gè)元素各司其職,不至于隨意擺放以致失控。
2、更多明亮的色彩
這兩年霓虹色著實(shí)是狠狠地流行了一把,并且就目前來(lái)看,它依然非常堅(jiān)挺地站在流行的最前沿。
撇開扁平化設(shè)計(jì),大膽明亮的色彩也始終是引人矚目的,它們會(huì)吸引人進(jìn)入設(shè)計(jì),關(guān)注設(shè)計(jì)。明亮的色彩如果用好了,能夠成就品牌和產(chǎn)品,為網(wǎng)站和APP創(chuàng)造獨(dú)特的氛圍和氣質(zhì),營(yíng)造出令人著迷的情緒和體驗(yàn)。
3、底部懸浮固定元素
曾經(jīng)流行于APP和移動(dòng)端網(wǎng)頁(yè)底部的小廣告開始越來(lái)越多地出現(xiàn)于桌面端的網(wǎng)站了。而有意思的地方在于,出現(xiàn)得越來(lái)越多的不僅僅是廣告,還有對(duì)話框,彈出框,通知,甚至導(dǎo)航欄。
用戶閱讀的習(xí)慣使得底部的這個(gè)位置并不會(huì)第一時(shí)刻進(jìn)入用戶視野,但是它是主要的視野區(qū)域,并且不具備明顯的視覺(jué)侵略性,更容易被接受。被懸浮固定在屏幕底部的內(nèi)容比起彈出的大面積廣告以及頂部廣告要來(lái)的更加自然,不會(huì)遮蓋到主要內(nèi)容,更為有效。
4、語(yǔ)音交互和語(yǔ)義搜索
可以想見的是,網(wǎng)頁(yè)設(shè)計(jì)的未來(lái)不會(huì)是100%純視覺(jué)的,其中或多或少會(huì)設(shè)計(jì)到音頻。
從設(shè)計(jì)可以被「聽到」的界面,到可以理解自然語(yǔ)義的搜索工具,語(yǔ)音的輸入將會(huì)成為網(wǎng)頁(yè)交互的一個(gè)組成部分。就目前來(lái)看,技術(shù)上自然語(yǔ)言和語(yǔ)義并不那么容易被計(jì)算機(jī)爭(zhēng)取而完整地理解,相應(yīng)的技術(shù)也還沒(méi)有那么受歡迎,但是語(yǔ)音交互和語(yǔ)義搜索只會(huì)越來(lái)越流行,也許你需要注意一下這些技術(shù)的走向,以便你在接下來(lái)的項(xiàng)目中使用到它們。
5、動(dòng)態(tài)圖形
雖然即將過(guò)去的2017年當(dāng)中,銳利的多邊形和多樣的幾何形狀在網(wǎng)頁(yè)中出現(xiàn)頻率很高,但是我們可以觀察到,結(jié)合動(dòng)態(tài)效果的柔和的圖形倒是越來(lái)越流行了。
邊緣平滑的設(shè)計(jì)元素是多邊形元素的自然進(jìn)化。多邊形大多以扁平、二維的形態(tài)出現(xiàn),而隨著動(dòng)態(tài)效果越來(lái)越多地出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中,帶有三維效果的動(dòng)態(tài)圖形自然而然就成為網(wǎng)頁(yè)設(shè)計(jì)師的心頭好。
和多邊形相似,流暢的動(dòng)態(tài)圖形有著明顯的裝飾性,對(duì)于網(wǎng)頁(yè)風(fēng)格和體驗(yàn)的提升很明細(xì)那,而區(qū)別在于動(dòng)態(tài)圖形時(shí)髦值更高,沒(méi)有尖銳的棱角,也更加具有親和力與動(dòng)感。
6、微妙的動(dòng)畫
小巧微妙的動(dòng)態(tài)效果不僅能夠取悅用戶,有的時(shí)候甚至?xí)o他們帶來(lái)驚喜。動(dòng)效如今已經(jīng)是網(wǎng)頁(yè)和UI設(shè)計(jì)中必備的組成部分,它們同樣可以為用戶提供信息,積極地引導(dǎo)用戶交互。
微妙的動(dòng)效本身并不是為了隱藏加載的過(guò)程和數(shù)據(jù)處理的過(guò)程,而是為了強(qiáng)調(diào)運(yùn)動(dòng)本身。
無(wú)論是懸停觸發(fā)的動(dòng)態(tài)圖片,還是看起來(lái)很復(fù)雜的插畫動(dòng)效,它們都是促進(jìn)用戶交互的重要手段。為了充分運(yùn)用微妙的動(dòng)效,設(shè)計(jì)師在使用的時(shí)候要遵循一些最基本的規(guī)則:堅(jiān)持使用一種動(dòng)效技巧,盡可能保持逼真,模仿現(xiàn)實(shí)世界的物理定律,不要強(qiáng)行為動(dòng)效配音,盡量確保動(dòng)效可靠,不要過(guò)慢,讓用戶能夠預(yù)期到它的完成。
7、SVG圖片
可縮放的矢量圖形正越來(lái)越多地運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中。SVG格式是一種輕量級(jí)的矢量圖片格式,這種格式的圖片大小通常不會(huì)太大,而且無(wú)論是大屏幕還是小屏幕上都能像素好地呈現(xiàn)出來(lái)。
無(wú)論是3D圖片、動(dòng)態(tài)圖片還是標(biāo)志LOGO,SVG都能夠很好地展現(xiàn),它是圖片格式的未來(lái)。
8、兼容桌面端和移動(dòng)端分屏展示
分屏式設(shè)計(jì)同樣是越來(lái)越受歡迎的設(shè)計(jì)技巧。分屏式設(shè)計(jì)能夠讓設(shè)計(jì)師更好地兼顧到桌面端和移動(dòng)端的體驗(yàn),因?yàn)閮?nèi)容的展示更加自由,可以拆分合并堆疊展示,讓內(nèi)容的呈現(xiàn)更加一致,體驗(yàn)也更加可控。
雖然許多早期的分屏展示是針對(duì)不同平臺(tái)進(jìn)行定制的,但是如今的分屏設(shè)計(jì)已經(jīng)可以相對(duì)好地同響應(yīng)式設(shè)計(jì)結(jié)合起來(lái)。
9、更多滾動(dòng)動(dòng)效
視差滾動(dòng)已經(jīng)非常流行了,以至于有些設(shè)計(jì)師開始有意識(shí)地規(guī)避這種「流行」。但是這并不意味著你需要繞靠滾動(dòng)動(dòng)效。
通過(guò)滾動(dòng)動(dòng)效來(lái)驅(qū)動(dòng)用戶參與交互是頗為不錯(cuò)的方法。適當(dāng)?shù)幕旌弦恍┮暡钐匦В3D軌颢@得奇效。
10、非極簡(jiǎn)風(fēng)下的留白
許多優(yōu)秀的設(shè)計(jì)都借助留白來(lái)達(dá)到效果的。但是許多時(shí)候會(huì)因?yàn)樵O(shè)計(jì)需求而妥協(xié),無(wú)法使用簡(jiǎn)約的設(shè)計(jì)風(fēng)格。但是留白依然很好用,通過(guò)增加更多的色彩和設(shè)計(jì)元素,保持留白比例,增加整個(gè)設(shè)計(jì)的飽滿感。這種情況下,留白并不少,被留白所包圍的元素同樣會(huì)顯得突出而不會(huì)擁擠。
結(jié)語(yǔ)
隨著新需求的誕生,每年都會(huì)有新的趨勢(shì)和新的設(shè)計(jì)技巧涌現(xiàn),想要讓自己的設(shè)計(jì)不過(guò)時(shí),設(shè)計(jì)師需要密切的關(guān)注趨勢(shì)的改變。在即將到來(lái)的2018年,你可能要有意識(shí)地改變你的設(shè)計(jì)了。
標(biāo)題名稱:10個(gè)新趨勢(shì),讓你在2016年設(shè)計(jì)出出眾的網(wǎng)頁(yè)
鏈接URL:http://m.newbst.com/news12/50162.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司、用戶體驗(yàn)、虛擬主機(jī)、網(wǎng)站導(dǎo)航
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)