新聞中心
趨勢(shì)分析非強(qiáng)項(xiàng),僅在自身知識(shí)范圍內(nèi)尋找可能形成的設(shè)計(jì)趨勢(shì),如果有遺漏及不足,請(qǐng)補(bǔ)充說(shuō)明,感謝!
PS. 其實(shí)個(gè)人從內(nèi)心里不喜歡follow趨勢(shì),但有時(shí)又無(wú)它法,趨勢(shì)的形成往往通過(guò)了設(shè)計(jì)及市場(chǎng)的驗(yàn)證,如果能從各種趨勢(shì)當(dāng)中發(fā)現(xiàn)一條潛在的河流是一件非常欣喜的事情,并可使用你的設(shè)計(jì)脫穎而出。P.P.S.別為了標(biāo)新立異而做出新穎的設(shè)計(jì),最少它應(yīng)該是經(jīng)得起驗(yàn)證的。
讓我們開(kāi)始吧?。ㄈ缬X(jué)得文長(zhǎng)閱讀起來(lái)比較麻煩,跳到最后看結(jié)論就好 ^_^)
Web端及桌面端:
平面化
隨著微軟Win 8的發(fā)布,相信在隨后的日子里,平面化設(shè)計(jì)風(fēng)格也能開(kāi)始多起來(lái)。 ps.「咔嗒」的洗腦視頻廣告最近一直在腦中縈繞。
簡(jiǎn)約風(fēng)格要開(kāi)始流行了,同時(shí)簡(jiǎn)約風(fēng)格能夠更好的符合響應(yīng)式設(shè)計(jì)的要求。
實(shí)例網(wǎng)站:
騰訊ecd – 電商用戶(hù)體驗(yàn)設(shè)計(jì)部 E-Commerce User Experience
TaoBaoUED | 做地球上最好的UED
QQ音樂(lè)-音樂(lè)你的生活!
http://www.outlook.com/
http://www.microsoft.com/
2x精細(xì)化
水果在桌面平臺(tái)推出Retina屏,業(yè)界估計(jì)也只有水果敢于做出如此逆天的舉動(dòng)(軟硬都自己操辦,無(wú)需像微軟那樣瞻前顧后),相當(dāng)有魄力,對(duì)于用戶(hù)體驗(yàn)來(lái)說(shuō),這也是一個(gè)質(zhì)的提升(現(xiàn)階段大部分的用戶(hù)感知都基于視覺(jué))。
當(dāng)然,應(yīng)用及分辨率適配無(wú)法立即到位,只能慢慢發(fā)展,日后隨著Retina的深入及用戶(hù)數(shù)量擴(kuò)大,對(duì)于有追求的桌面應(yīng)用及網(wǎng)站,均會(huì)設(shè)計(jì)對(duì)應(yīng)的高分辨產(chǎn)品。以后視覺(jué)設(shè)計(jì)師可能就需要做兩套Sprite了。
圖1
通欄化
為了能夠更有效的打通同一平臺(tái)的多個(gè)應(yīng)用,Google、Naver、豆瓣近期的改版及新發(fā)布的iTunes均采用了頂部通欄的設(shè)計(jì)。一下個(gè)會(huì)不會(huì)是百度呢?
圖2
動(dòng)效化
實(shí)際證明適當(dāng)?shù)膭?dòng)態(tài)效果能夠有效的對(duì)用戶(hù)進(jìn)行引導(dǎo),符合用戶(hù)的心理預(yù)期,并可增強(qiáng)應(yīng)用及網(wǎng)站的體驗(yàn)效果。
實(shí)例網(wǎng)站:
iCloud
Julien Renvoye(@JJ Ying 友情提供)
QQ音樂(lè) For Mac
Animate.css
大幅圖片制造視覺(jué)效果
隨著帶寬以及用戶(hù)屏幕尺寸的增加,越來(lái)越多的網(wǎng)站在它們的頁(yè)面采用大幅圖片來(lái)突出產(chǎn)品或制造視覺(jué)效果,當(dāng)然,使用得當(dāng)?shù)脑挘瑫?huì)有不錯(cuò)的效果。
實(shí)例網(wǎng)站:
Welcome to http://about.me (about dot me)
http://www.jianjia360.com/
https://path.com/p/3Fg9hz
QQ2013官方網(wǎng)站
響應(yīng)式設(shè)計(jì)
一直不喜歡這個(gè)名稱(chēng),稱(chēng)之為適應(yīng)性更好些。網(wǎng)頁(yè)的設(shè)計(jì)與開(kāi)發(fā)根據(jù)用戶(hù)行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕分辨率等)進(jìn)行適應(yīng)和調(diào)整,無(wú)論用戶(hù)正在使用桌面PC還是iPad,網(wǎng)頁(yè)都應(yīng)該能夠自動(dòng)切換分辨率、圖片尺寸及相關(guān)腳本功能等,以適應(yīng)不同設(shè)備。
實(shí)例網(wǎng)站:
The Boston Globe
AXT ™ | Brand identity & Art direction
Stinkdigital
移動(dòng)端:
更豐富的導(dǎo)航設(shè)計(jì)
隨著iPhone 5高度的變化,galaxy note超大的屏幕… 越來(lái)越多的應(yīng)用采用多樣的導(dǎo)航設(shè)計(jì),手勢(shì)導(dǎo)航、Left Nav Flyout等,相信后續(xù)在導(dǎo)航上還會(huì)有更豐富的設(shè)計(jì)出現(xiàn)。ps.又欠@鄭紫陽(yáng)關(guān)于left nav flyout的一個(gè)問(wèn)題,好頭痛…
字體排版
移動(dòng)設(shè)備屏幕的多樣性及應(yīng)用數(shù)量的增加,為了能夠更凸現(xiàn)出應(yīng)用的不同,字體排版將會(huì)在應(yīng)用當(dāng)中的位置越來(lái)越重要。如,唐茶,WeicoNote等。ps.該條也適用于Web端的設(shè)計(jì),但由于中文字體的種種原因,導(dǎo)致web端的中文字體排版一直是個(gè)問(wèn)題。
實(shí)例網(wǎng)站:
字節(jié)社
Weico-最具人氣的微博客戶(hù)端
名稱(chēng)欄目:2013年有哪些設(shè)計(jì)風(fēng)格趨勢(shì)?
分享網(wǎng)址:http://www.dlmjj.cn/article/chcogc.html