<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 2013 年,有哪些界面設計風格趨勢?

    2014-5-22    藍藍設計的小編

    轉載藍藍設計(   www.skdbbs.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

    來源:http://www.chinaz.com/web/2014/0519/352016.shtml

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

    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(無邊框化)

    差異化

    人性化

    軟硬一體化

    穿戴式產品

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 无码精品久久久久久人妻中字| 青青草原精品国产亚洲av| 亚洲欧美日韩久久精品| 日本精品不卡视频| 少妇人妻偷人精品无码视频新浪| 国产一区二区精品久久凹凸| 99国产精品久久久久久久成人热| 一本一本久久a久久综合精品蜜桃| 99久久人人爽亚洲精品美女| 蜜芽亚洲av无码精品色午夜| 欧美精品丝袜久久久中文字幕| 91在线手机精品超级观看| 500av导航大全精品| 无码人妻精品一区二区三区夜夜嗨| 久久精品国产清自在天天线| 91人前露出精品国产| 精品无人区麻豆乱码1区2区| 久久精品中文闷骚内射| 亚洲精品动漫人成3d在线| 精品国产一区二区三区在线观看 | 99在线精品视频在线观看| 亚洲欧美日韩国产精品专区| 欧美人与性动交α欧美精品| 国产精品白丝AV嫩草影院| 伊人久久大香线蕉精品| 麻豆精品成人免费国产片| 欧美精品华人在线| 亚洲欧美日韩精品永久在线| 久久91综合国产91久久精品| 久久777国产线看观看精品| 欧美国产成人久久精品| 国产成人精品综合久久久| 99精品视频在线| 国产乱码精品一区二区三区四川人| 国产AV无码专区亚洲精品| 97久久久久人妻精品专区| 国产亚洲精品xxx| 四虎永久在线精品国产免费| 欧美精品福利视频| 国产一区精品| 偷拍精品视频一区二区三区|