設計趨勢… -_-’ ?@黃繼新?大人又開始折磨人了。趨勢分析非強項，僅在自身知識范圍內尋找可能形成的設計趨勢，如果有遺漏及不足，請補充說明，感謝！

PS. 其實個人從內心里不喜歡Follow趨勢，但有時又無它法，趨勢的形成往往通過了設計及市場的驗證，如果能從各種趨勢當中發(fā)現(xiàn)一條潛在的河流是一件非常欣喜的事情，并可使用你的設計脫穎而出。P.P.S.別為了標新立異而做出新穎的設計，最少它應該是經(jīng)得起驗證的。

讓我們開始吧！

Web端及桌面端

平面化

隨著微軟Win 8的發(fā)布，相信在隨后的日子里，平面化設計風格也能開始多起來。 ps.「咔嗒」的洗腦視頻廣告最近一直在腦中縈繞.

簡約風格要開始流行了，同時簡約風格能夠更好的符合響應式設計的要求。

實例網(wǎng)站：

騰訊ecd – 電商用戶體驗設計部 E-Commerce User Experience
TaoBaoUED | 做地球上最好的UED
QQ音樂-音樂你的生活！
http://www.outlook.com/
http://www.microsoft.com/

2x精細化

水果在桌面平臺推出Retina屏，業(yè)界估計也只有水果敢于做出如此逆天的舉動（軟硬都自己操辦，無需像微軟那樣瞻前顧后），相當有魄力，對于用戶體驗來說，這也是一個質的提升（現(xiàn)階段大部分的用戶感知都基于視覺）。

當然，應用及分辨率適配無法立即到位，只能慢慢發(fā)展，日后隨著Retina的深入及用戶數(shù)量擴大，對于有追求的桌面應用及網(wǎng)站，均會設計對應的高分辨產(chǎn)品。以后視覺設計師可能就需要做兩套Sprite了。

圖1

通欄化

為了能夠更有效的打通同一平臺的多個應用，Google、Naver、豆瓣近期的改版及新發(fā)布的iTunes均采用了頂部通欄的設計。下一個會不會是百度呢？

圖2

動效化

實際證明適當?shù)膭討B(tài)效果能夠有效的對用戶進行引導，符合用戶的心理預期，并可增強應用及網(wǎng)站的體驗效果。

實例網(wǎng)站：

iCloud
Julien Renvoye（@JJ Ying?友情提供）
QQ音樂 For Mac
Animate.css

大幅圖片制造視覺效果

隨著帶寬以及用戶屏幕尺寸的增加，越來越多的網(wǎng)站在它們的頁面采用大幅圖片來突出產(chǎn)品或制造視覺效果，當然，使用得當?shù)脑?，會有不錯的效果。

實例網(wǎng)站：

Welcome to http://about.me (about dot me)
http://www.jianjia360.com/
https://path.com/p/3Fg9hz
QQ2013官方網(wǎng)站

響應式設計

一直不喜歡這個名稱，稱之為適應性更好些。網(wǎng)頁的設計與開發(fā)根據(jù)用戶行為以及設備環(huán)境（系統(tǒng)平臺、屏幕尺寸、屏幕分辨率等）進行適應和調整，無論用戶正在使用桌面PC還是iPad，網(wǎng)頁都應該能夠自動切換分辨率、圖片尺寸及相關腳本功能等，以適應不同設備。

實例網(wǎng)站：

The Boston Globe
AXT ? | Brand identity & Art direction
Stinkdigital

移動端

更豐富的導航設計

隨著iPhone 5高度的變化，Galaxy?Note超大的屏幕… 越來越多的應用采用多樣的導航設計，手勢導航、Left Nav Flyout等，相信后續(xù)在導航上還會有更豐富的設計出現(xiàn)。

字體排版

移動設備屏幕的多樣性及應用數(shù)量的增加，為了能夠更凸現(xiàn)出應用的不同，字體排版將會在應用當中的位置越來越重要。如，唐茶，WeicoNote等。

ps.該條也適用于Web端的設計，但由于中文字體的種種原因，導致web端的中文字體排版一直是個問題。

實例網(wǎng)站：

字節(jié)社
Weico

Native化

雖然像Google、Facebook及國內的百度都希望web端可在任何設備上運行，但對于某些網(wǎng)站來說Native?App反而表現(xiàn)得更好。

如Facebook（已承認Native優(yōu)于Web）、Twitter，它們的App體驗都比Web版的體驗要好很多，google也將旗下各產(chǎn)品native化，搜索、G+、郵箱、地圖等。

圖3

擬物化

雖然水果公司已明顯在抑制過度的擬物化設計，但相信在2013年擬物化還是會有一定市場，只要不過度擬物就行，每日刷刷dribbble的榜單還是有許多類似的視覺設計（別說，這只是意淫而已，dribbble榜單對視覺設計還是具有相當大的影響力）

實例網(wǎng)站：

Dribbble – Popular

Android為王

想獲取更多的用戶群，請優(yōu)先考慮Android平臺吧，相信2013年，基于Android平臺的移動設備會爆發(fā)性增長。

在設計上需要更多的考量Android系統(tǒng)的特性，至少Design | Android Developers需要通讀一下吧…

App集群化（平臺化）

百度以搜索及云為主的產(chǎn)品群，騰訊以微信為主的產(chǎn)品群，阿里以淘寶及支付寶為主的產(chǎn)品群，Google產(chǎn)品群，豆瓣產(chǎn)品群…

移動端天生缺少關聯(lián)性強的技術，像URL，互聯(lián)公司需要為每個產(chǎn)品打造單獨的應用，同時每家公司各APP之間缺少強聯(lián)系性，導致每款產(chǎn)品均在單打獨斗。

相信在2013應該會有些破局的方法出來。ps.個人看好以微信為主的產(chǎn)品群，社交屬性能夠令各App之前的關聯(lián)性增強，Line或Kakao的方式也是微信未來之路，首先會以能夠直接贏利的游戲為切入點，相信不久就會看到了。

這將導致同一個平臺的App在設計上會趨向于一致，視覺風格也會得到統(tǒng)一及加強。

圖4

工業(yè)產(chǎn)品：

Edge to Edge(無邊框化)

以水果公司為代表的工業(yè)設計理念，相信會對后續(xù)的相關及類似設計帶來一定影響。

魅族MX2的全球最窄邊框設計、自己家的iMac及iPad mini、LG在今年CES上推出的無邊框風格TV。

實例網(wǎng)站：

MX2 | 設計
LG 將在 CES 上展出 2013 Google TV，重新設計并會有更多尺寸

差異化

不斷對市場進行細化，有效挖掘用戶需求。

例如，2012年里面移動設備屏幕的變化，4寸乃至5寸的智能手機大量出現(xiàn)，平板電腦尺寸的變化趨勢是非常的明晰 9.7″、7.9″以及7″，相信2013年，在這一方面還會出現(xiàn)更多差異化的情況。

另外，同類產(chǎn)品中的差異化也很明顯，如，三星內置Android的相機，能夠更好的進行網(wǎng)絡連接，分享及同步照片。

人性化

科技必須并且肯定需要以人為本，設計同理！當隨著產(chǎn)品差異化不斷加劇，更需要為體驗這些產(chǎn)品的人們進行相應的設計。

例子：iPad Mini的邊緣防觸設計，稱為 Finger Rejection 或 Palm Rejection。當蘋果采用Edge to Edge設計時（由設計引發(fā)的設計問題，這個以后有機會再談），觸屏設備必然會產(chǎn)生誤觸現(xiàn)象，邊緣防觸的設計用以規(guī)避該問題。

圖5

蘋果的專利名稱為「Selective rejection of touch contacts in an edge region of a touch surface」

軟硬一體化

現(xiàn)在硬件廠商更趨向于提高自身產(chǎn)品的智能性，這對軟件就有了相應要求，同時軟件廠商也越來越多的參與到硬件定制生產(chǎn)的過程當中。其間能看到Android大行其道，更深入的與硬件進行結合，這樣對產(chǎn)品設計有了更深一層的要求：

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新品預覽—-Pebble 智能手表

Pebble視頻來一個，官方購買149刀（估計無法支持中文字體吧，所以讀通知時就…-_-’）

———–切糕線———-

上面看著夠亂的，再總結一下吧，如下：

Web端及桌面端：

• 平面化
• 2x精細化
• 通欄化
• 動效化
• 大幅圖片制造視覺效果
• 響應式設計

移動端：

• 更豐富的導航設計
• Native化
• 擬物化
• Android為王
• APP集群化（平臺化）

工業(yè)設計

• edge to edge(無邊框化)
• 差異化
• 人性化
• 軟硬一體化
• 穿戴式產(chǎn)品

歡迎拍臉，但輕點…

作者博客：MoonMonster? ? 雷鋒網(wǎng)整編