2014年的13种产品设计趋势

新年新气象,产品设计师们也将会有更多新的灵感。既然适逢13年,我们就来看看今年可能获得用户青睐、引领应用设计潮流的是哪13种风格吧。

1.平面化设计

这个风格似乎将会是最受欢迎的选择。平面化设计其实是对过度拟物化的反弹。虽然这种风格由来已久,但将它发扬光大的则是微软公司。

Win8似乎以平面化设计建立了一个全新的操作系统——以方块拼成的Metro。虽然这种风格已在XBOX上率先使用,但它成为全新的Windows风格还真是出人意料。目前人们对Metro褒贬不一,不过改革总是要经历这个阶段。最专业的UI前端框架!

平面化设计并非适用于所有应用,但毋庸质疑的是,崇尚极简主义的设计师和开发者们将会很喜欢这样的风格,并在新的一年里做更多尝试。

2.更少按钮
(更多手势)

当设计师尝试制造图标整洁,视野宽阔的App之时,必然会借助于手势。Google将前者和后者都成功运用到了新版的谷歌地图中。虽然并非所有人都认为手势是最优解,但2013年的前沿设计必然有它一席之地。

3.功能可见的辅助动画

当你找不到按钮或选项时,你可能会不知道如何继续操控app。目前这样的尴尬尚不多见,不过一旦出现,通俗易懂的动画将能引导用户执行下一步操作。

笔者找到的最好例子便是iOS锁屏状态下的相机按钮。不熟悉iOS的用户可能基本上只会按它,却不会按着它向上滑动。如果你不是仅仅按着它,它会稍微上下弹跳,提示相机即将启动。这就教会了新用户如何合理使用这个按钮。因为有了清楚的提示,用户点选的效率将会高很多。连老人家也能一次学会。使用辅助动画能够减少按钮的出现,是往简洁交互界面变革的一条可行路线。最专业的UI前端框架!

4.左侧导航菜单

已经有不少应用选择这一方案,不过笔者认为左侧导航菜单将被更广泛地使用。这是一种简便的显示选项列表的方法,而且只需要几条平行线就能构成。

The Magazine在这个基础上做出有趣的变动。如果你按住按钮三秒以上,左侧导航栏按钮(“Hamburger” Menu Drawer)就真的会变成一个汉堡包。很惊喜的彩蛋,是一个不错的营销手段。

虽然不是一个全新的风格,但它值得更广泛地应用。

5.更多原生设计

虽然不少产品在不同平台上都有专用APP,但很多产品也能不安装APP,直接在网页上使用。鉴于越来越多平台都变得更封闭以证明自己的高端(虽然有时候会适得其反),原生设计的APP可以让用户体验变得更好,Google、Facebook就一直在Native化上发力。

6.响应式设计

对不同的平台进行统一适配,与上一项正好走相对路线,但仍然是设计师常用的选项。当你希望吸引更多平台的受众,只针对某几个专有平台开发就不是个好选择。

典型的例子就是Quartz,它在各种设备都能无障碍运行,无论是iPhone、iMac还是Surface,运行效果都是一样的,给人一种统一的美感。

响应式设计正在成为表现web内容的首选方式。为每个不同的设备都做开发出不同的APP需要花费大量人力物力,使用统一的界面也未尝不能良好地实现跨平台运行。

7.更宽的网页

笔者最近看到不少与这种风格相反的设计,很多笔者常去的博客今日都把页面变窄了。这种风格有一定的特别之处,但当你在Retina屏幕或27英寸的iMac上浏览这类网页的时候,700px宽度的网页会使两边的空白过多。

使用更宽的页面,同样能够在文字中突出媒体元素。一图胜千言虽然是名言,但图片再漂亮,只有700px的分辨率就有些浪费。最专业的UI前端框架!

8. 更大的字号

长久以来,12~14px大小的字体似乎成为了网页正文的标准,不过笔者最近看到不少网站的正文开始使用16~18px大小的字体,这里就有一个例子:http://trentwalton.com/

这将表明,字体排印在产品内容的可读性方面占有重要地位。当18px的字体在iPhone上显示时,会比12px的字体易读得多。不过如果使用低像素的设备阅读较长的内容,仍然使用大号字体,就会降低阅读体验了。

9.更大的搜索框

搜索功能正在成为很多产品的焦点。不管是社交网络还是公共媒体,如果没有搜索功能来帮助用户筛选内容,用户体验将会降低很多。

The Noun Project和新的Myspace都利用更大的搜索框上做文章。去年Google搜索达到了新的高峰,简单大方的搜索界面比门户网站繁杂的排版要受欢迎得多。

值得一提的是,Path虽然没有将搜索框放大,却也将搜索功能修改得更简洁以提升搜索体验。

10.更多GIF素材的运用

Twitter正是这么做的。GIF给人一种鲜活的感觉,相比之下,PNG格式似乎比较稳妥但缺乏变化。动态的图像能更加凸显特定元素,也更加直观。

可惜的是,很多移动设备对GIF的支持都不够好,不过这些问题应该会随着移动设备的逐步升级而得到改善。

11.人性化设计

与其说人性化设计是一种可能的趋势,不如说它是一种态度。设计感不仅仅体现在视觉的美感上面,还包括在不同应用场景下,为用户提供使用方便。最专业的UI前端框架!

典型的例子就是苹果的Lightning接口,由此前传统的30针减少为8针,其接口内部与数据线两侧均排布有触点,从此接线时无需再区分正反面。USB借口的正反面设计一直为人所诟病,苹果的新专利很好地解决了这一点。虽然这样一来家里的线恐怕会又不够用了。

优秀的产品将会在视觉和物理上都照顾到用户的需求,人性化设计显然是追求完美的设计者需要考虑的问题。

12.新鲜的颜色

虽然蓝色很优雅,很有科技感,但如果App Store上半数的应用都是蓝色的图标,用户如何分辨出哪个是你开发的呢?

不仅仅图标颜色成问题,网页配色也是如此,Tumblr上的设计师们很喜欢大量使用蓝色。配色是一种时尚的技巧,跳出既有的框框,尝试新的颜色,才是设计师们应该做的。这一项看起来不像是趋势预测,而是笔者的一个恳求,笔者很认真地希望在颜色的运用上,能看到更多新意。

13.矢量自适应

设计师有了更好的软硬件设备,就能更加容易将图形矢量化。笔者并非专业设计师,但不得不说Sketch的矢量化功能非常强大,是设计师们的利器。

有了矢量自适应,同一产品在不同分辨率的屏幕下的显示就不成问题了,安卓平台尤其需要这样的设计。

总而言之,随着电子工业的发展、设备性能的提升,2013年将是产品设计师们大显身手的好时代。只要以用户体验和美学为出发点,摒弃庸俗的商业思维,不管哪些风格即将流行,哪些趋于小众,这些风格多多少少能让我们的世界变得更美。且让我们拭目以待今年的产品设计将会有哪些突破吧!最专业的UI前端框架!

时间: 2024-10-07 03:45:57

2014年的13种产品设计趋势的相关文章

说说四种不作不死的App产品设计

1.画蛇添足性产品 这种产品有个共性就是功能强大,分类精细,拿到手,一般人学不会,要仔细研究一番,因为功能太多,各种分类,各种标签,而且版本会定期更新,定期推出新功能,代表作品新浪微博,之前一直使用微博的3.15版本,显得简洁清爽,后来微博再出新版,很少更新过,不过今天手贱就更新了下,手贱的原因主要是老版本速度太慢了,性能太差,所以想更新个新版的希望速度快点,谁知道一更新,发现了好多的新功能,单独发布微博做成了一个“+”菜单,放在了屏幕最下面的中间,点击后,出来一堆分类,有文字,有图片,有拍摄,

2015年5月产品设计学习与思考

前言: 最近在做产品设计,对这方面的思考也很多.时常的我们,无论有没有仔细用过,专业不专业,对一个产品的吐槽都很容易,一副头头是道的样子. 到真正设计一个从最基本的方案可行,有竞争力,到贴合用户需求,甚至具有创新性,革命性的产品时,会发现你的产品可以添加上百种功能,以此推导出上百条的演进道路.这每条道路将遇到的困难,付出的代价,和最后到达的目的地都会不一样,选择哪条路,有无数的矛盾体挣扎与纠结,需要选择,沟通,头脑风暴,独断等等,有时甚至会回顾我们出发时的目标,时光荏苒,风尘仆仆,却南辕北辙.

产品设计中的 “快速迭代” 思维

一谈到"互联网思维",大家都会想到"快速迭代".但我发现,很多人对于" 快速迭代"的理解是不够全面的. 大部分人对"快速迭代"的理解是:一个产品,所有的功能不用一次做出来,做好一部分上线一部分,一些功能的完善可以等产品上线后,靠后续版本,慢慢改进. 有人基于上述的理解,会对"快速迭代"提出疑义: 1.     在总的工作量一定的情况下,分几次开发和上线,要完成所有的功能,所花费的总时间往往会更长,"

微信的那个老外产品经理,又写了一篇《中国移动应用设计趋势》

本文作者 Dan Grover 是一名产品设计师.工程师和企业家,现在是腾讯微信项目的产品经理.2014年 底,他写过一篇<中国移动应用设计趋势>,引起了大家的广泛关注,时隔一年多,他根据中国当今的移动 App UI 趋势,加上自己的新想法,总结出这篇新文章,希望能给移动世界带来一些新进步. ▌本文作者:Dan Grover,微信产品经理 ▌译者:Sykee ▌拉勾网转载自36kr ?2014年年底,我写了一篇文章讨论了中国 App 应用的用户界面设计趋势,仅仅过了一周,我就获得了数万独立访问

Atitit.架构设计趋势 设计模式 ---微服务架构&#160;&#160;soa

Atitit.架构设计趋势 设计模式 ---微服务架构  soa 什么是微服务架构?1 .微服务与SOA的关系 :微服务架架构师面向服务架构(SOA)的一种特定实现1 微服务与康威定律2 微服务的一些设计 断路器 幂等2 <微服务设计>([英] 纽曼(Sam Newman))3 微服务架构与实践4 什么是微服务架构? Martin Fowler认为,微服务架构是一种独立部署的软件应用设计方式.这种架构方式没有准确的定义,但是在业务能力.自动部署.端对端的整合.对语言及数据的分散控制上有着共性.

2015年全球网站设计趋势全预测

网页设计趋势的探讨主要会在排版布局.色彩搭配.用户体验和设计风格中进行.2014年设计趋势的综合指数比较高,每个部分都会有所涉及:而随着用户对网站使用体验的要求越来越“严苛”,我们有理由相信,2015年的重心会更倾向于“用户体验”. 我们先分析一下明年会有哪些新趋势,以及去年的哪些设计趋势会得到延续和升华. 1.充满创意的布局方式 近几年的趋势也许都会围绕着创意来展开,而网页布局设计却很难推陈出新,大多都千篇一律,因此一旦布局上有一些别致的小变化,就能让用户眼前一亮.但在刻意创新的同时,设计师还

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

原博文地址:http://ued.lanrentuku.com/di/2013wangyeshejiqushi.html 在过去的一年中,我们都看到了网页设计趋势在日益增长.或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法.在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向. 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈.观念上这些趋势代表了在网页设计社区最

2015年全球网站设计趋势

2015年已经到来!新的一年WEB前端网页设计会有那些变化呢,我们先分析一下明年会有哪些新趋势,以及去年的哪些设计趋势会得到延续和升华. 1.充满创意的布局方式 近几年的趋势也许都会围绕着创意来展开,而网页布局设计却很难推陈出新,大多都千篇一律,因此一旦布局上有一些别致的小变化,就能让用户眼前一亮.但在刻意创新的同时,设计师还是应该遵循用户视觉感官的体验,保持浏览的视线路径始终流畅. 网址:http://oyama.onlinetestbox.com/ 2.大图片背景的使用 以高质量的大图片作为

Java程序员必会的13种热门技能

一个程序员的受欢迎程度,要经过很多个维度的衡量,特整理了招聘人员.CTO.其他高层执行人员认为必须具备的技术,战略和软技能,找出今年最抢手的开发技能,供大家参考: 1.Java 2016年,开发人员掌握Java总不会错.Java能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能.Java已被证明是当今市场中高度可移植和宝贵的技能. 2.大数据 大数据相较于去年继续扩大,而且在这几年里也没有放缓的迹象.开发人员必须有全面的(商业智能)和分析产品,机器学习工具和其他可以转移.存储和汇总大量数