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

标签: 设计 趋势 | 发表时间:2013-01-30 19:05 | 作者:Steven
出处:http://ucdchina.com/rss/all

趋势分析非强项,仅在自身知识范围内寻找可能形成的设计趋势,如果有遗漏及不足,请补充说明,感谢!
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均采用了顶部通栏的设计。一下个会不会是百度呢? ps.关于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-最具人气的微博客户端

Native化
虽然像google、facebook及国内的百度都希望web端可在任何设备上运行,但对于某些网站来说Native App反而表现得更好,如facebook(已承认native优于web)、twitter,它们的App体验都比web版的体验要好很多,google也将旗下各产品native化,搜索、G+、邮箱、地图等。

图3

拟物化
虽然水果公司已明显在抑制过度的拟物化设计,但相信在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设计时(由设计引发的设计问题,这个以后有机会再谈),触屏设备必然会产生误触现象,边缘防触的设计用以规避该问题。

图5,苹果的专利名称为「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

软硬一体化
现在硬件厂商更趋向于提高自身产品的智能性,这对软件就有了相应要求,同时软件厂商也越来越多的参与到硬件定制生产的过程当中。其间能看到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

Popout
Pebble视频来一个,官方购买149刀(估计无法支持中文字体吧,所以读通知时就…-_-’)

源地址: http://www.jianjia360.com/?p=339

相关 [设计 趋势] 推荐:

windows7 设计趋势

- jary - 平凡的世界:看看,闹闹,混混,写写
1.强化信息分层,改变以前比较扁平的信息架构:. IE,文件夹,即使窗口众多,也会有条不紊. 2.不拘泥于windows本身的开发架构,而是基于用户常见行为去进行信息架构:. 新建文件夹,共享,播放,刻录,均是用户针对文件夹常见的操作行为. 3.在信息架构中,更加注重关联性引导:. 比以往更加强大的右键菜单,但炫耀的并不是强大的功能,只是展示用户的普通需求.

2010 图标设计趋势

- armgod - IconMoon
天冷,人懒,事多,我就不全文翻译了. 只列几个标题,很多内容完全按照我自己的理解写了一下. 想读原汁原味的请移步:Icon design trends 2010 作者是  Denis Kortunov. 和现代女人的罩杯一样,图标也越来越大了. 原因很简单,不管是桌面设备还是手持设备,dpi逐渐变高,高像素的图标变得必不可少了.

web设计趋势与潮流

- Hu DongHai - 互联网的那点事...
原载于 《程序员》杂志2010年第7期. 19年前,世界上第一个网页诞生,它没有设计可言,由文本和url组成,样式只有最基本的

. 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个工种、多种技术的参与,其流程的复杂和挑战性已经超过任何传统设计类别. 这19年间,网站的拥有者越来越清楚自己的目标,而设计师们也越来越理性和专注,人们在不停寻求商业诉求、用户、审美和技术上的平衡点.

LOGO设计的复古趋势

- 齐铭 - Design lol 全球设计精华分享
最近的LOGO设计掀起一股复古风,使用一个世纪前的徽章风格,再加上仿制的油印或蚀刻纹理. 但是造型更构想和流畅,字体更现代,有一些使用了丰富的颜色. 详情查看原文: Logo Design Trend Showcase: Retro Emblems & Badges. 1930年~2010年的世界杯标志设计演化史.

Logolounge发布2011年Logo设计趋势

- 贝贝龙 - Rologo 标志共和国
国外著名的Logo综合网站Logolounge.com每年都会发布当年的Logo设计趋势报告,今年的《2011年Logo设计趋势》报告在昨日发布了. LogoLounge在报告首行即指出今年的设计趋势的主题是:”Last year was brighter. This year is lighter(去年的更明亮、今年的更简洁)“.

2012 手机设计的10个趋势

- - 雷锋网
现在的手机设计不仅仅是硬件设计,软件设计也很重要. 软件设计紧跟简洁,社交媒体,编码解决方案等. 而这些变化正潜移默化地影响着用户,下面我们来讨论移动设计的10个最大趋势. 社交网络集成是手机设计中移动通讯因素的需要,用户们已经把看到流行社交网站的“喜欢/分享”按钮当做是一种必需,用户移动连接某种程度上被视为社交能力的象征.

扁平化设计与色彩趋势

- - 所有文章 - UCD大社区
Designmodo版权所有. 作者: Carrie Cousins. 译者: UCD翻译小组, 波希米亚. 原文地址:  http://designmodo.com/flat-design-colors/. 这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用.

2013年网站设计趋势

- - 互联网分析
1、响应式网页设计方式会更多. 响应式网页设计已经不是什么新鲜名词了,但我们为什么还有说它呢. 简单地说:响应式设计的方法会更多且制定相应的标准. 2012年通过断点的响应式设计类适合不同的屏幕,当新的设备比如iPad mini冲击足够大的市场的时候,这种方式将得到改变,断点可能被替换成其他实现方式.

浅谈当下网页设计趋势

- - 互联网的那点事
技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地. 而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意. 所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧. 我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.