盘点2013年的13个设计趋势


  1.扁平设计

  扁平化设计正好是苹果一度推崇的拟物主义skeumorphism的反面极致。有一家公司尽管不是第一家实现这种风格的公司,但把它推向全新高度的却是这家公司无疑。这家公司就是微软。

  似乎 Windows 8 整个操作系统都是围绕着彻底扁平的 UI 来开发的,随处可见 Metro 和 Live Tiles。这种风格有利有弊,应根据需要权衡。

  最近采用了这种扁平化设计的是一颗冉冉升起的新星,它的名字就叫做Rise—一款闹钟 app。它的整个 UI 都没有一丁点的三维元素,简洁贯穿着整个应用,跟灰度结合起来之后,我们看到的是以一个外观漂亮的闹钟。

  当然,扁平化设计并不适合于所有的应用,但是越来越多的设计师和开发者仍将会把极简主义作为 app UI 设计的方向。

  2.更少按钮,更多手势

  一旦应用缺少了各种按钮和可视化维度的东西,用户不自觉地就会求助于手势。Clear就是一款出色地运用了手势的应用,彰显出四维思考的魔力。 Google 最近发布的 Google Maps 想要同时做到扁平化设计和运用手势这两点。手势将会是 2013 年的设计趋势。


  3.辅助动画:功能可见

  既没有按钮可按,又没有图标可选,你可能就不知道怎么去完成任务。这时候,一点点的动画指示也许可以引导用户操作。

  最好的例子也许是 iOS 锁屏的照相机按钮。对 iOS 不熟悉的人看到那个按钮的第一反应也许是点击而不是拖动。苹果对于用户的点击没有无动于衷,而是演示一段上下弹跳的动画。用户于是就能很直观地知道如何打开照相机了。

  靠一点小动画来提供功能的可见性,就可以省却按钮来引导用户熟悉 UI,这是视觉提示最小化之后的一种解决方案。

  4.左侧导航,菜单抽屉

  三条横线,又名“汉堡包”,许多 app 都把它作为菜单图标的选择。这是表明存在一组复杂不过画三根横线的选项的简单方式。有一个应用甚至把它用出了乐趣,只要你按住The Magazine左上角的那个三横线图标超过三秒,它真的就变成了汉堡包的样子。真是一个可口的复活节彩蛋。

  尽管“汉堡包”已经非常流行,但这种视觉表征形式今后还将变得更加普遍。

  5.原生压倒Web

  网站没有详细解释提出该观点的原因。但是,从目前的情况看,原生应用还是主流。相对于 Web 技术,原生应用具有功能多、货币化能力强的特点。但是随着 HTML 5 标准的初步定稿,Web 应用的功能也将逐步完善,加上其部署灵活和跨平台兼容等优势,再过一两年这种趋势也许就会逆转。

  6.响应式网页设计

  这个趋势显然跟上一条背道而驰,但是今年无疑会在网页设计中走俏。随着新的出版物的面世,为了扩大受众的覆盖面,单一的平台显然是不够的。

  迄今为止最好的例子是Quartz。它几乎可以轻松地在任何设备上运行,在 iPhone、iMac 或者 Surface 平板电脑上均能展现相同的信息,且一样的美观。


  响应式设计正在成为展示基于 web 内容的热门方式。针对每一款设备进行特别设计几乎是不可能的,而这种替代方案是一种非常值得信赖的选项,可以使内容在不同平台之间保持一致。

  7.网站更宽

  通过提供更宽幅的网站,可视的媒体就可以更加显著地呈现在文字的旁边。一图胜千言嘛。

  8.字体更大

  12-14 像素的字体一直以来都是 web 正文的标准尺寸。可视最近许多网站倾向于采用 16-18 像素大小的字体。这个网站就是例子。


  这是因为在响应式 web 设计中,排版对于内容的可读性起着重要作用。在 iPhone 上面,18 像素大小的字体要比 12 像素的容易看得多。不过需要权衡的是,如果篇幅较长的文章用这么大的字体在屏幕更大、分辨率更低的设备上展示时效果就不好了。

  9.搜索框更大

  搜索正在成为设计各方面的重要因素。从社交网络 UX 到出版物 UX,搜索是区分需要和不需要的东西的必备功能。

  The Noun Project和新的Myspace均采用一个非常大的搜索框。过去的一年 Google 搜索的份额首次达到稳定水平,其原因应该是由于网站部署专用搜索替代了一般的搜索办法。


  此外,Path 还针对自己的服务定制了独特的社会化内容搜索功能。预期今后还会出现更多的此类功能。

  10.动画GIF成为设计元素

  动画 GIF 在内容的运用正在逐渐增多,也许下一步就是把它运用到设计上面去。动画 GIF 为特定元素提供了一种无需编码即可实现变化和动画的方式。尽管动画 GIF 在移动设备上的呈现仍存在问题,但是今年肯定会有更多人作此尝试。

  11.人性化设计

  这个与其说是趋势不如说是理念。我们往往会陷入到种种细节当中而无法从整体上好好审视为什么要这么设计。

  大家都重视好的设计,但是具备价值的元素很大程度上要体现在人本主义上。随着我们对手头设备的真正能力的了解程度的加深,设计师不仅应该将 UX 时刻牢记于心,也要将这种哲学理念贯穿到创作上。

  Marco Arment 的The Magazine就做得很不错。尽管这本电子杂志是为技术人量身定做的,但是他把杂志做到缺乏技术知识的人也能欣赏。他把它设计成一本拥有价值、潜力、联系乃至于哲学理念的出版物。人们渴求能够发生关系的对象—无论是实体的或是虚拟的。

  跟技术细节同样重要的是,对设计的体验也会对人产生影响。如果你能够显著改变人们与日常设备的交互方式,那么你就可以影响其总体的生产力及 / 或思想状态,从而直接与他们对世界的输入发生关系。

  如果不能从某种程度上简化或改善生活的话,设计再美观大方也没有意义。这一点往往被大家所忽视。

  12.新鲜颜色

  如果要列举设计界缺乏生气的地方,那颜色的创意绝对要算一个。我的主屏上 60% 的应用都是一种颜色—蓝色。是,蓝色背后有一套颜色理论,但是应用商店都有 5 年的历史了,可是统治那里的仍然只有一种颜色。

  颜色乏味的不仅仅是图标。从 Tumblr 到 Pandora,网站对蓝色的运用已经到了荒谬的地步。为了避免千篇一律,为了脱颖而出,你需要尝试一下其他颜色。

  13.矢量自适应

  有了像Sketch这样的矢量化设计工具,就可以方便地实现一次设计即可以满足不同的屏幕分辨率要求。预期 2013 年会有更多的设计师采用矢量化工具。

时间: 2024-12-31 22:40:23

盘点2013年的13个设计趋势的相关文章

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势. 1. 更多的响应式设计 虽然响应式设计在2012年被提的比较多,但是响应式设计仍然在不断变化,不断创新.比如,新的设备不断出来(iPad Mini),这让以前的设计想法土崩瓦解.而现在各种Web的响应式设计也获得了越来越多的注意,"让人们忘记设备尺寸"的理念将更快地驱动响应式设计,所以Web设计也将迎来更多的响应式设计元素. 2. 排版将变得

20个2013年最值得关注的网页设计趋势

在过去的一年中,我们都看到了网页设计趋势在日益增长.或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法.在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向. 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈.观念上这些趋势代表了在网页设计社区最受喜爱的点子.可是当提到设计团队时,就会想到设计师拥有他们独立的观点,所以要有保留的接受这些想法. 1.响应式布局 响应式

2016 年最值得关注的16个网页设计趋势

  设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步蜕变成为主流.作为一个专注于网页和平面设计的设计机构,我们对所有相关的技术和设计趋势都极度敏感.通过过去一年的观察,我们总结出了以下16大设计趋势. 1. 可用性设计 2016年,设计的大方向将继续向着用户倾斜.用户体验在整个设计中的权重将继续加大.如果你的设计在可用性上不足的话,再炫酷也不会有人问津. 如果不能专注地做好用户体验设计,在即将到来的2016年,你是无法持久地吸引用户

2016年最值得关注的16个网页设计趋势

  设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流.作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都极度敏感.通过过去一年的观察,我们可以总结出下面16大设计趋势. 1. 可用性设计 2016年,设计的大方向将继续向着用户倾斜.用户体验在整个设计中的权重将继续加大.如果你的设计在可用性上不足的话,再炫酷也不会有人问津. 如果不能专注地做好用户体验设计,在即将到来的2016年,你是无法持久地吸引用

再战明年!2016年最值得关注的16个网页设计趋势

设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主 流.作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都极度敏感.通过过去一年的观察,我们可以总结出下面16大设计趋势. 1. 可用性设计 2016年,设计的大方向将继续向着用户倾斜.用户体验在整个设计中的权重将继续加大.如果你的设计在可用性上不足的话,再炫酷也不会有人问津. 如果不能专注地做好用户体验设计,在即将到来的2016年,你是无法持久地吸引用户

Android界面设计(APP设计趋势 左侧隐藏菜单右边显示content)_Android

相关文章android popwindow实现左侧弹出菜单层http://www.jb51.net/article/33533.htm 移动App设计的13大精髓http://www.jb51.net/article/33534.htm 这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的.wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用

云计算人才受宠 LinkedIn盘点2013年最受雇主青睐的25项专业技能

2013 年即将结束,全球有超过 2.59 亿的用户在使用 LinkedIn 社交网络服务.突发奇想,想透过数据分析过去一年来"谁被雇用了,而他们又在做些什么",LinkedIn 通过了所有用户的资料,包括http://www.aliyun.com/zixun/aggregation/7411.html">专业技能和工作经历,分析出 2013 年最受雇主青睐的前 25 个专业技能,如下列表: 1.社交营销 2.移动开发 3.云计算 4.脚本语言编程 Perl/Pytho

Android界面设计(APP设计趋势 左侧隐藏菜单右边显示content)

相关文章android popwindow实现左侧弹出菜单层http://www.jb51.net/article/33533.htm 移动App设计的13大精髓http://www.jb51.net/article/33534.htm 这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的.wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用

2014年网页设计趋势

  在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响.Google过去几年中也在搜索算法上做出很多调整--更注重网站内容原创性及可用性.HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了.随着移动Web的访问不断增大,响应式设计变得愈加重要了. 下面我们通过简单的一些案例阐述2014年的Web设计趋势.但是,记住,不要过度使用.不是每一种趋势都适合你的客户.作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站. 准备好,跟随我