2014-5-22 藍藍設(shè)計的小編
轉(zhuǎn)載藍藍設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源:http://www.chinaz.com/web/2014/0519/352016.shtml
趨勢分析非強項,僅在自身知識范圍內(nèi)尋找可能形成的設(shè)計趨勢,如果有遺漏及不足,請補充說明,感謝!
PS. 其實個人從內(nèi)心里不喜歡follow趨勢,但有時又無它法,趨勢的形成往往通過了設(shè)計及市場的驗證,如果能從各種趨勢當中發(fā)現(xiàn)一條潛在的河流是一件非常欣喜的事情,并可使用你的設(shè)計脫穎而出。P.P.S.別為了標新立異而做出新穎的設(shè)計,最少它應(yīng)該是經(jīng)得起驗證的。
讓我們開始吧!
Web端及桌面端:
平面化
隨著微軟Win 8的發(fā)布,相信在隨后的日子里,平面化設(shè)計風(fēng)格也能開始多起來。 ps.「咔嗒」的洗腦視頻廣告最近一直在腦中縈繞。
簡約風(fēng)格要開始流行了,同時簡約風(fēng)格能夠更好的符合響應(yīng)式設(shè)計的要求。
實例網(wǎng)站:
騰訊ecd – 電商用戶體驗設(shè)計部 E-Commerce User Experience
TaoBaoUED | 做地球上最好的UED
QQ音樂-音樂你的生活! yixieshi
http://www.outlook.com/
http://www.microsoft.com/
2x精細化
水果在桌面平臺推出Retina屏,業(yè)界估計也只有水果敢于做出如此逆天的舉動(軟硬都自己操辦,無需像微軟那樣瞻前顧后),相當有魄力,對于用戶體驗來說,這也是一個質(zhì)的提升(現(xiàn)階段大部分的用戶感知都基于視覺)。
當然,應(yīng)用及分辨率適配無法立即到位,只能慢慢發(fā)展,日后隨著Retina的深入及用戶數(shù)量擴大,對于有追求的桌面應(yīng)用及網(wǎng)站,均會設(shè)計對應(yīng)的高分辨產(chǎn)品。以后視覺設(shè)計師可能就需要做兩套Sprite了。
通欄化
為了能夠更有效的打通同一平臺的多個應(yīng)用,Google、Naver、豆瓣近期的改版及新發(fā)布的iTunes均采用了頂部通欄的設(shè)計。一下個會不會是百度呢? ps.關(guān)于iTunes還欠@鄭紫陽 一個問題 -_-‘
動效化
實際證明適當?shù)膭討B(tài)效果能夠有效的對用戶進行引導(dǎo),符合用戶的心理預(yù)期,并可增強應(yīng)用及網(wǎng)站的體驗效果。
實例網(wǎng)站:
iCloud
Julien Renvoye(@JJ Ying 友情提供)
QQ音樂 For Mac
Animate.css
大幅圖片制造視覺效果
隨著帶寬以及用戶屏幕尺寸的增加,越來越多的網(wǎng)站在它們的頁面采用大幅圖片來突出產(chǎn)品或制造視覺效果,當然,使用得當?shù)脑?,會有不錯的效果。 yixieshi
實例網(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è)計
一直不喜歡這個名稱,稱之為適應(yīng)性更好些。網(wǎng)頁的設(shè)計與開發(fā)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等)進行適應(yīng)和調(diào)整,無論用戶正在使用桌面PC還是iPad,網(wǎng)頁都應(yīng)該能夠自動切換分辨率、圖片尺寸及相關(guān)腳本功能等,以適應(yīng)不同設(shè)備。
實例網(wǎng)站:
The Boston Globe
AXT ? | Brand identity & Art direction
Stinkdigital
移動端:
更豐富的導(dǎo)航設(shè)計
隨著iPhone 5高度的變化,galaxy note超大的屏幕。。. 越來越多的應(yīng)用采用多樣的導(dǎo)航設(shè)計,手勢導(dǎo)航、Left Nav Flyout等,相信后續(xù)在導(dǎo)航上還會有更豐富的設(shè)計出現(xiàn)。ps.又欠@鄭紫陽關(guān)于left nav flyout的一個問題,好頭痛。。. -_-’
字體排版
移動設(shè)備屏幕的多樣性及應(yīng)用數(shù)量的增加,為了能夠更凸現(xiàn)出應(yīng)用的不同,字體排版將會在應(yīng)用當中的位置越來越重要。如,唐茶,WeicoNote等。ps.該條也適用于Web端的設(shè)計,但由于中文字體的種種原因,導(dǎo)致web端的中文字體排版一直是個問題。
實例網(wǎng)站:
字節(jié)社
Weico-最具人氣的微博客戶端
Native化
雖然像google、facebook及國內(nèi)的百度都希望web端可在任何設(shè)備上運行,但對于某些網(wǎng)站來說Native App反而表現(xiàn)得更好,如facebook(已承認native優(yōu)于web)、twitter,它們的App體驗都比web版的體驗要好很多,google也將旗下各產(chǎn)品native化,搜索、G+、郵箱、地圖等。
擬物化
雖然水果公司已明顯在抑制過度的擬物化設(shè)計,但相信在2013年擬物化還是會有一定市場,只要不過度擬物就行,每日刷刷dribbble的榜單還是有許多類似的視覺設(shè)計(別說,這只是意淫而已,dribbble榜單對視覺設(shè)計還是具有相當大的影響力)
實例網(wǎng)站:
Dribbble - Popular
Android為王
想獲取更多的用戶群,請優(yōu)先考慮Android平臺吧,相信2013年,基于Android平臺的移動設(shè)備會爆發(fā)性增長。
在設(shè)計上需要更多的考量Android系統(tǒng)的特性,至少Android Design需要通讀一下吧。。.
Design | Android Developers
APP集群化(平臺化)
百度以搜索及云為主的產(chǎn)品群,騰訊以微信為主的產(chǎn)品群,阿里以淘寶及支付寶為主的產(chǎn)品群,Google產(chǎn)品群,豆瓣產(chǎn)品群。。. 移動端天生缺少關(guān)聯(lián)性強的技術(shù),像URL,互聯(lián)公司需要為每個產(chǎn)品打造單獨的應(yīng)用,同時每家公司各APP之間缺少強聯(lián)系性,導(dǎo)致每款產(chǎn)品均在單打獨斗,相信在2013應(yīng)該會有些破局的方法出來。ps.個人看好以微信為主的產(chǎn)品群,社交屬性能夠令各app之前的關(guān)聯(lián)性增強,Line或Kakao的方式也是微信未來之路,首先會以能夠直接贏利的游戲為切入點,相信不久就會看到了。
這將導(dǎo)致同一個平臺的APP在設(shè)計上會趨向于一致,視覺風(fēng)格也會得到統(tǒng)一及加強。
圖4
工業(yè)產(chǎn)品:
edge to edge(無邊框化)
以水果公司為代表的工業(yè)設(shè)計理念,相信會對后續(xù)的相關(guān)及類似設(shè)計帶來一定影響。
魅族MX2的全球最窄邊框設(shè)計、自己家的iMac及iPad mini、LG在今年CES上推出的無邊框風(fēng)格TV。
實例網(wǎng)站:
MX2 | 設(shè)計
LG 將在 CES 上展出 2013 Google TV,重新設(shè)計并會有更多尺寸
差異化
不斷對市場進行細化,有效挖掘用戶需求。
例如,2012年里面移動設(shè)備屏幕的變化,4寸乃至5寸的智能手機大量出現(xiàn),平板電腦尺寸的變化趨勢是非常的明晰 9.7“、7.9”以及7“,相信2013年,在這一方面還會出現(xiàn)更多差異化的情況。
另外,同類產(chǎn)品中的差異化也很明顯,如,三星內(nèi)置Android的相機,能夠更好的進行網(wǎng)絡(luò)連接,分享及同步照片。
三星發(fā)布首款A(yù)ndroid相機 支持3G和WiFi_網(wǎng)易數(shù)碼
人性化
科技必須并且肯定需要以人為本,設(shè)計同理!當隨著產(chǎn)品差異化不斷加劇,更需要為體驗這些產(chǎn)品的人們進行相應(yīng)的設(shè)計。
例子:iPad mini的邊緣防觸設(shè)計,稱為 finger rejection 或 palm rejection。當蘋果采用edge to edge設(shè)計時(由設(shè)計引發(fā)的設(shè)計問題,這個以后有機會再談),觸屏設(shè)備必然會產(chǎn)生誤觸現(xiàn)象,邊緣防觸的設(shè)計用以規(guī)避該問題。
蘋果的專利名稱為「Selective rejection of touch contacts in an edge region of a touch surface」
專利地址:
http://www.google.com.hk/patents/EP2077490A3?cl=en&dq=finger+rejection+apple&hl=zh-CN&sa=X&ei=Af3yUMfhMubUigfCn4CQAw&ved=0CDgQ6AEwAA yixieshi
軟硬一體化
現(xiàn)在硬件廠商更趨向于提高自身產(chǎn)品的智能性,這對軟件就有了相應(yīng)要求,同時軟件廠商也越來越多的參與到硬件定制生產(chǎn)的過程當中。其間能看到Android大行其道,更深入的與硬件進行結(jié)合,這樣對產(chǎn)品設(shè)計有了更深一層的要求,
TV + Android = Google TV
冰箱 + Android = 智能冰箱
實例網(wǎng)站:
Hisense Android Honeycomb 智能冰箱中文動手玩(影片)
穿戴式產(chǎn)品
這個是近期很熱門的話題,Google glesses、kickstarter上融資過千萬的Pebble、傳聞中的iWatch等等
google glass_百度百科
Pebble: E-Paper Watch for iPhone and Android by Pebble Technology
CES2013新品預(yù)覽----Pebble 智能手表
http://v.youku.com/v_show/id_XNTAwOTE1NTEy.html
Pebble視頻來一個,官方購買149刀(估計無法支持中文字體吧,所以讀通知時就。。.-_-‘)
-----------切糕線----------
上面看著夠亂的,再總結(jié)一下吧,如下:
Web端及桌面端:
平面化
2x精細化
通欄化
動效化
大幅圖片制造視覺效果
響應(yīng)式設(shè)計
移動端:
更豐富的導(dǎo)航設(shè)計
Native化
擬物化
Android為王
APP集群化(平臺化)
工業(yè)設(shè)計
edge to edge(無邊框化)
差異化
人性化
軟硬一體化
穿戴式產(chǎn)品
藍藍設(shè)計的小編 http://tweetduck.com