阿赛·游梦鱼·郭言赛·阿赛工作室
全站技术源码素材

2013 年,有哪些界面设计风格趋势?

  •  字体:
  • 趋势分析非强项,仅在自身知识范围内寻找可能形成的设计趋势,如果有遗漏及不足,请补充说明,感谢!PS.其实个人从内心里不喜欢follow趋势,但有时又无它法,趋势的形成往往通过了设计及市场的验证,如果能从各种趋势当中发现一条潜在的河流是一件非常欣喜的事情,并可使用你的设计脱颖而出。P.P.S.别为了标新立异而做出新颖的设计,最少它应该是经得起验证的。让我们开始吧!Web端及桌面端:平面化随着微软Wi
  • 趋势分析非强项,仅在自身知识范围内寻找可能形成的设计趋势,如果有遗漏及不足,请补充说明,感谢!

    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+、邮箱、地图等。


    MapSiteMapRssGoTop