2013 年,有哪些介面設計風格趨勢?

來源:互聯網
上載者:User

趨勢分析非強項,僅在自身知識範圍內尋找可能形成的設計趨勢,如果有遺漏及不足,請補充說明,感謝!

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

讓我們開始吧!

Web端及案頭端:

平面化

隨著微軟Win 8的發布,相信在隨後的日子裡,平面化設計風格也能開始多起來。 ps.「哢嗒」的洗腦視頻廣告最近一直在腦中縈繞。

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

執行個體網站:

騰訊ecd – 電商使用者體驗設計部 E-Commerce User Experience

TaoBaoUED | 做地球上最好的UED

QQ音樂-音樂你的生活! yixieshi

http://www.outlook.com/

http://www.microsoft.com/

2x精細化

水果在案頭平台推出Retina屏,業界估計也只有水果敢於做出如此逆天的舉動(軟硬都自己操辦,無需像微軟那樣瞻前顧後),相當有魄力,對於使用者體驗來說,這也是一個質的提升(現階段大部分的使用者感知都基於視覺)。

當然,應用及解析度適配無法立即到位,只能慢慢發展,日後隨著Retina的深入及使用者數量擴大,對於有追求的案頭應用及網站,均會設計對應的高分辨產品。以後視覺設計師可能就需要做兩套Sprite了。

 

通欄化

為了能夠更有效打通同一平台的多個應用,Google、Naver、豆瓣近期的改版及新發布的iTunes均採用了頂部通欄的設計。一下個會不會是百度呢? ps.關於iTunes還欠@鄭紫陽 一個問題 -_-‘

動效化

實際證明適當的動態效果能夠有效對使用者進行引導,符合使用者的心理預期,並可增強應用及網站的體驗效果。

執行個體網站:

iCloud

Julien Renvoye(@JJ Ying 友情提供)

QQ音樂 For Mac

Animate.css

大幅圖片製造視覺效果

隨著頻寬以及使用者螢幕尺寸的增加,越來越多的網站在它們的頁面採用大幅圖片來突出產品或製造視覺效果,當然,使用得當的話,會有不錯的效果。 yixieshi

執行個體網站:

Welcome to http://about.me (about dot me)

http://www.jianjia360.com/

https://path.com/p/3Fg9hz

QQ2013官方網站

響應式設計

一直不喜歡這個名稱,稱之為適應性更好些。網頁的設計與開發根據使用者行為以及裝置環境(系統平台、螢幕尺寸、螢幕解析度等)進行適應和調整,無論使用者正在使用案頭PC還是iPad,網頁都應該能夠自動切換解析度、圖片尺寸及相關指令碼功能等,以適應不同裝置。

執行個體網站:

The Boston Globe

AXT ? | Brand identity & Art direction

Stinkdigital

移動端:

更豐富的導航設計

隨著iPhone 5高度的變化,galaxy note超大的螢幕。。. 越來越多的應用採用多樣的導航設計,手勢導航、Left Nav Flyout等,相信後續在導航上還會有更豐富的設計出現。ps.又欠@鄭紫陽關於left nav flyout的一個問題,好頭痛。。. -_-’

字型排版

行動裝置螢幕的多樣性及應用數量的增加,為了能夠更凸現出應用的不同,字型排版將會在應用當中的位置越來越重要。如,唐茶,WeicoNote等。ps.該條也適用於Web端的設計,但由於中文字型的種種原因,導致web端的中文字型排版一直是個問題。

執行個體網站:

位元組社

Weico-最具人氣的微部落格戶端

Native化

雖然像google、facebook及國內的百度都希望web端可在任何裝置上運行,但對於某些網站來說Native App反而表現得更好,如facebook(已承認native優於web)、twitter,它們的App體驗都比web版的體驗要好很多,google也將旗下各產品native化,搜尋、G+、郵箱、地圖等。

擬物化

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

執行個體網站:

Dribbble - Popular

Android為王

想擷取更多的使用者群,請優先考慮Android平台吧,相信2013年,基於Android平台的行動裝置會爆發性增長。

在設計上需要更多的考量Android系統的特性,至少Android Design需要通讀一下吧。。.

Design | Android Developers

APP叢集化(平台化)

百度以搜尋及云為主的產品群,騰訊以微信為主的產品群,阿里以淘寶及支付寶為主的產品群,Google產品群,豆瓣產品群。。. 移動端天生缺少關聯性強的技術,像URL,互聯公司需要為每個產品打造單獨的應用,同時每家公司各APP之間缺少強聯絡性,導致每款產品均在單打獨鬥,相信在2013應該會有些破局的方法出來。ps.個人看好以微信為主的產品群,社交屬效能夠令各app之前的關聯性增強,Line或Kakao的方式也是微信未來之路,首先會以能夠直接贏利的遊戲為切入點,相信不久就會看到了。

這將導致同一個平台的APP在設計上會趨向於一致,視覺風格也會得到統一及加強。

圖4

工業產品:

edge to edge(無邊框化)

以水果公司為代表的工業設計理念,相信會對後續的相關及類似設計帶來一定影響。

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

執行個體網站:

MX2 | 設計

LG 將在 CES 上展出 2013 Google TV,重新設計並會有更多尺寸

差異化

不斷對市場進行細化,有效挖掘使用者需求。

例如,2012年裡面行動裝置螢幕的變化,4寸乃至5寸的智能手機大量出現,平板電腦尺寸的變化趨勢是非常的明晰 9.7“、7.9”以及7“,相信2013年,在這一方面還會出現更多差異化的情況。

另外,同類產品中的差異化也很明顯,如,三星內建Android的相機,能夠更好的進行網路連接,分享及同步照片。

三星發布首款Android相機 支援3G和WiFi_網易數位

人性化

科技必須並且肯定需要以人為本,設計同理!當隨著產品差異化不斷加劇,更需要為體驗這些產品的人們進行相應的設計。

例子:iPad mini的邊緣防觸設計,稱為 finger rejection 或 palm rejection。當蘋果採用edge to edge設計時(由設計引發的設計問題,這個以後有機會再談),觸屏裝置必然會產生誤觸現象,邊緣防觸的設計用以規避該問題。

蘋果的專利名稱為「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

軟硬一體化

現在硬體廠商更趨向於提高自身產品的智能性,這對軟體就有了相應要求,同時軟體廠商也越來越多的參與到硬體定製生產的過程當中。其間能看到Android大行其道,更深入的與硬體進行結合,這樣對產品設計有了更深一層的要求,

TV + Android = Google TV

冰箱 + Android = 智能冰箱

執行個體網站:

Hisense Android Honeycomb 智能冰箱中文動手玩(影片)

穿戴式產品

這個是近期很熱門的話題,Google glesses、kickstarter上融資過千萬的Pebble、傳聞中的iWatch等等

google glass_百度百科

Pebble: E-Paper Watch for iPhone and Android by Pebble Technology

CES2013新品預覽----Pebble 智能手錶

http://v.youku.com/v_show/id_XNTAwOTE1NTEy.html

Pebble視頻來一個,官方購買149刀(估計無法支援中文字型吧,所以讀通知時就。。.-_-‘)

-----------切糕線----------

上面看著夠亂的,再總結一下吧,如下:

Web端及案頭端:

平面化

2x精細化

通欄化

動效化

大幅圖片製造視覺效果

響應式設計

移動端:

更豐富的導航設計

Native化

擬物化

Android為王

APP叢集化(平台化)

工業設計

edge to edge(無邊框化)

差異化

人性化

軟硬一體化

穿戴式產品

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。