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

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

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(无边框化)

差异化

人性化

软硬一体化

穿戴式产品

时间: 2024-12-29 23:53:31

2013 年,有哪些界面设计风格趋势?的相关文章

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

趋势分析非强项,仅在自身知识范围内寻找可能形成的设计趋势,如果有遗漏及不足,请补充说明,感谢!PS. 其实个人从内心里不喜欢follow趋势,但有时又无它法,趋势的形成往往通过了设计及市场的验证,如果能从各种趋势当中发现一条潜在的河流是一件非常欣喜的事情,并可使用你的设计脱颖而出.P.P.S.别为了标新立异而做出新颖的设计,最少它应该是经得起验证的. 让我们开始吧!(如觉得文长阅读起来比较麻烦,跳到最后看结论就好 ^_^)Web端及桌面端: 平面化随着微软Win 8的发布,相信在随后的日子里,平

未来界面设计趋势的猜想:引导设计走势

文章描述:界面设计趋势:猜想未来长什么样子. 近期引发最多讨论的界面设计无疑是iOS7新UI变化,但对iOS7的设计我在这先不做评论. 而是想跟大家讨论界面设计趋势,引导设计走势的因素是什么? 有句老话:"以史为鉴,可以知兴替" 尽管人机交互界面发展时间不久,但从西方艺术发展史中能依然能给予我们启发. 19世纪前艺术是为权力贵族与宗教服务,其宣扬的是宗教信仰与权力. 那时期,以巴洛克,洛可可为代表的作品中,奢侈华丽绚烂的装饰特征深得权贵喜爱. 无论宗教建筑,室内装潢家具,还是贵族妇女的

界面设计趋势:猜想未来长什么样子

近期引发最多讨论的界面设计无疑是iOS7新UI变化,但对iOS7的设计我在这先不做评论. 而是想跟大家讨论界面设计趋势,引导设计走势的因素是什么? 有句老话:"以史为鉴,可以知兴替" 尽管人机交互界面发展时间不久,但从西方艺术发展史中能依然能给予我们启发. 19世纪前艺术是为权力贵族与宗教服务,其宣扬的是宗教信仰与权力. 那时期,以巴洛克,洛可可为代表的作品中,奢侈华丽绚烂的装饰特征深得权贵喜爱. 无论宗教建筑,室内装潢家具,还是贵族妇女的摆群,甚至小到留空雕花瓷器茶杯,这些无都是文艺

2013年网页设计最热趋势

  时光荏苒,岁月如梭,还有整整六天,2013年就将成为历史.在这一年里,我们见到了太多"所谓的潮流",不知道大家心里对它们的看法如何.那么今天我们也想盘点一下自己心目中的"2013年最热门网页设计趋势",是骡子是马,拉出来溜溜~ 01.响应式设计 2013年,浏览器的建设中大量使用CSS3,这就加速了响应式设计的发展,所以"响应式设计"频频登上各大设计网站的头版,成为2013年网页设计最火热的趋势.小编掐指一算,这个趋势十有八九会延续到2014

2013年社交游戏6大趋势对营销人员的启示

第1页2013年社交游戏6大趋势对营销人员的启示 社交游戏是社交平台.移动设备与网页上最迷人且最热门的活动.随着移动游戏使用量的快速增加,社交游戏如野火般迅速蔓延.eMarketer预计,到2014年,将有一半以上的社交网络用户体验社交游戏,在美国,将有1.41亿用户在移动设备上体验游戏,1.01亿用户体验在线休闲游戏. 同时eMarketer还表示,游戏内置广告收益额将伴随用户数量的增加而大幅增长.拥有一位忠实用户无疑代表着一个强大的全新推广商机,这也将重新定义电子媒介中品牌广告的运营含义.那

界面设计趋势:超越Clear设计风格的应用

文章描述:综合来看,界面设计有三大趋势值得注意,在不久的将来超越Clear设计风格的应用将会层出不穷. Clear这款待办事宜应用软件(参见相关介绍)给我们留下的最深印象就是摆脱了按钮的束缚,出色地践行了少即是多的信条.活泼的层次感.动态转换.清脆悦耳的声音提示,这一切都体现出简约的视觉语言以及扁平化的导航结构. 综合来看,界面设计有三大趋势值得注意,在不久的将来超越Clear设计风格的应用将会层出不穷: 1.移动优先,简约主义 移动设备屏幕的方寸之地迫使设计者返璞归真,必须把那些花俏的修饰和多

2013年大数据应用与趋势调查

2013年被认为是具有跨时代意义的"大数据元年".在这一年,数据比以往任何时候都要宝贵,甚至成为可以与石油资源相媲美的新能源,大数据被认为是继信息化和互联网后整个信息革命的又一次高峰.然而,大数据不是口号,需要更多的企业付诸实践,从单调的数据中挖掘出潜在价值. 年初的一项调查曾指出,28%的全球企业和25%的中国企业已经开始进行大数据实践.为了进一步了解中国http://www.aliyun.com/zixun/aggregation/13861.html">企业大数据

解读2013年大数据应用与趋势的调研

在互联网行业,2013年可以说是被公认是具有跨时代意义的"大数据元年".在这一年,数据比以往任何时候都要宝贵,甚至成为可以与石油资源相媲美的新能源,大数据被认为是继信息化和互联网后整个信息革命的又一次高峰.然而,大数据不是口号,需要更多的企业付诸实践,从单调的数据中挖掘出潜在价值. 在本年初的一项调查曾指出,28%的全球企业和25%的中国企业已经开始进行大数据实践.为了进一步了解中国企业大数据应用的真实情况,有关结构展开了一项有关大数据应用与趋势的专项调查,揭示大数据给企业带来的挑战及

Office 2013 预览版界面截图欣赏

新的启动界面 所有 Office 2013 产品都采用了全新的启动界面,标准的 Metro UI 风格: Word 2013 Preview 当你打开 Word 2013 后你会看到在左边的菜单中会显示所有历史的文档,而右边是文档的模板供选择,你也可通过 "open other documents" 来打开其他文档,包括来自 SkyDrive 帐号以及 Office 365 上的文档. Word 2013 为用户预装了一些模板,包括空文档.家庭记事和博客文章等.Word 2013 的菜