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

趋势分析非强项,仅在自身知识范围内寻找可能形成的设计趋势,如果有遗漏及不足,请补充说明,感谢!

颍州网站制作公司哪家好,找创新互联建站!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联建站自2013年创立以来到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站

PS. 其实个人从内心里不喜欢follow趋势,但有时又无它法,趋势的形成往往通过了设计及市场的验证,如果能从各种趋势当中发现一条潜在的河流是一件非常欣喜的事情,并可使用你的设计脱颖而出。P.P.S.别为了标新立异而做出新颖的设计,最少它应该是经得起验证的。

让我们开始吧!(如觉得文长阅读起来比较麻烦,跳到最后看结论就好 ^_^)

Web端及桌面端:

平面化

随着微软Win 8的发布,相信在随后的日子里,平面化设计风格也能开始多起来。 ps.「咔嗒」的洗脑视频广告最近一直在脑中萦绕。

简约风格要开始流行了,同时简约风格能够更好的符合响应式设计的要求。

实例网站:

腾讯ecd – 电商用户体验设计部 E-Commerce User Experience

TaoBaoUED | 做地球上最好的UED

QQ音乐-音乐你的生活!

http://www.outlook.com/

http://www.microsoft.com/

2x精细化

水果在桌面平台推出Retina屏,业界估计也只有水果敢于做出如此逆天的举动(软硬都自己操办,无需像微软那样瞻前顾后),相当有魄力,对于用户体验来说,这也是一个质的提升(现阶段大部分的用户感知都基于视觉)。

当然,应用及分辨率适配无法立即到位,只能慢慢发展,日后随着Retina的深入及用户数量扩大,对于有追求的桌面应用及网站,均会设计对应的高分辨产品。以后视觉设计师可能就需要做两套Sprite了。

图1

通栏化

为了能够更有效的打通同一平台的多个应用,Google、Naver、豆瓣近期的改版及新发布的iTunes均采用了顶部通栏的设计。一下个会不会是百度呢?

图2

动效化

实际证明适当的动态效果能够有效的对用户进行引导,符合用户的心理预期,并可增强应用及网站的体验效果。

实例网站:

iCloud

Julien Renvoye(@JJ Ying 友情提供)

QQ音乐 For Mac

Animate.css

大幅图片制造视觉效果

随着带宽以及用户屏幕尺寸的增加,越来越多的网站在它们的页面采用大幅图片来突出产品或制造视觉效果,当然,使用得当的话,会有不错的效果。

实例网站:

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-最具人气的微博客户端


当前题目:2013年有哪些设计风格趋势?
网页路径:http://pwwzsj.com/article/chcogc.html