20个非常棒的Material Design设计概念案例

自从去年google在android新版本Lollipop提出的material design概念后,在世界各地疯狂地掀起一阵material design热。Material design不仅看起来令人惊叹,也是一个前所未有的设计理念。不仅对设计师的影响深大,对开发人员亦是。

自从去年google在android新版本Lollipop提出的material design概念后,在世界各地疯狂地掀起一阵material design热。Material design不仅看起来令人惊叹,也是一个前所未有的设计理念。不仅对设计师的影响深大,对开发人员亦是。

现在普遍流行的应用程序都采用这种新的设计理念,并且android端上的APP也是采用material design这种设计理念。对于那些还尚未采用这种设计理念的App,这里我提一些自己的概念。

Material design 设计理念

Facebook

这是我们最喜欢,也是用户最聚集的交友平台,采用了material design设计后是不是更吸引人

20个非常棒的Material Design设计概念案例

Cinema Ticket

以这种方式显示订电影票的场景你觉得如何呢?

20个非常棒的Material Design设计概念案例

Event Details

全局以这种material design设计,所有的事项安排都显得干净简洁。

20个非常棒的Material Design设计概念案例

Calendar for Desktop

即便是台式桌面端和平板端的日历App,看起来都是那么的优雅

20个非常棒的Material Design设计概念案例

Music Player

Material design设计的音乐播放器看起来也是那么时髦

20个非常棒的Material Design设计概念案例

Google Chrome

觉得chrome的新面貌如何?是不是焕然一新

20个非常棒的Material Design设计概念案例

Explore

Material design也非常适用于冒险和旅行App的设计

20个非常棒的Material Design设计概念案例

Windows 资源管理器

老版windows 资源管理器的设计显然不适应于现在的设计理念,这款看起来如何?

20个非常棒的Material Design设计概念案例

Payment Cards

对于乏味枯燥的支付页面,这样子设计看起来更酷些!

20个非常棒的Material Design设计概念案例

YouTube

YouTube是最先使用material design设计的App之一,这也是一个巨大的优势。

20个非常棒的Material Design设计概念案例

Photoshop

如果Adobe Photoshop也使用material design会是怎样呢?

20个非常棒的Material Design设计概念案例

Trello

任务管理App Trello使用material design也许会更加美观。

20个非常棒的Material Design设计概念案例

Profile Page

一个典型的用户概要页面通过material design改造后的样子

20个非常棒的Material Design设计概念案例

News Feed

采用material design设计,看新闻再也不会觉得无聊

20个非常棒的Material Design设计概念案例

Statistics Page

这个版本的设计,统计页面看起来也更酷、更直观些!

20个非常棒的Material Design设计概念案例

Last.fm

全新面貌的Last.fm大家觉得如何?

20个非常棒的Material Design设计概念案例

Kickstarter

Kickstarter目前还没有android端的App,如果他们计划上线android端的话,material design也许是不错的选择哦!

20个非常棒的Material Design设计概念案例

Instagram

Instagram如果这样子设计,分享照片会不会更有趣些

20个非常棒的Material Design设计概念案例

Calendar App

一款全新material design设计的日历App

20个非常棒的Material Design设计概念案例

Runtastic

最受欢迎的培训应用程序Runtastic采用material design设计的样子,大家觉得如何?

20个非常棒的Material Design设计概念案例

结论

这些概念设计说不定在你以后设计中会有所帮助,当你尝试一种新的设计方式去设计你的应用程序时,也许这会给你一些想法上的帮助。

我们希望这些概念设计在以后应用程序的设计和开发中能派上用场,也希望各位设计师和开发人员也不妨考虑一下google这种新的设计理念—material design

 

原文:Rahul Chowdhury

本文由 @BESD设计实验室 原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/32407/

(0)
CatherineCatherine
上一篇 2017-06-05 10:13
下一篇 2017-06-05 11:34

相关推荐

  • iOS 10锁屏交互大改,是革新还是灾难?

    本次更新除了锁屏交互的调整,也添加了一些更实用的小功能:例如删除系统软件、夜间模式等。虽然beta1版本体现出的诚意还不够,但是我相信两个月后的iOS 10正式版会令多数人满意。

    2017-05-22
  • 从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

    从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验 明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等顶级公司采用,强烈推荐学习。

    2017-05-04
  • 这其实是一篇技术出身的产品经理所写的关于用户体验的深刻忏悔书

    十大交互原则实用总结 如果当初没有进入产品经理的队列,笔者说不定也是互联网程序猿中的一员。做技术出身的产品经理有好也有不好,好是因为一般有一个idea或者是新的需求,在没有用到特别尖端、特别前卫、特别超出…

    2015-11-30
  • 从产品到交互·2015同济设计学考研经验

    【写在前面】 我叫徐晨,来自陕西西安,毕业于兰州理工大学工业设计专业。2015年我参加了研究生入学考试,也如愿考上了同济大学创意学院的研究生。想想当初独自备战,其实都是在黑暗中摸索,曾经也担心自己的复习方…

    2015-11-08
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 深入业务和用户中做设计:58APP二手车大类页改版

    今年我们发起了一轮关于58APP各业务线大类页的改版优化,二手车便是其中一个。旧版二手车大类页已连续被用户使用一年多,然而业务属性与用户需求早已发生改变。作为交互设计师,需要在稳定提升大类页功能数据的前提下,重新对页面进行体验升级。

    2017-05-14
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • 【笔记】Google设计师传授Whiteboarding新技能(附视频)

    公元2016年2月20日星期六,丙申猴年正月十三。正是广大交互设计师出门聚会交流的黄道吉日啊!紫气东来,应在中城WeWork Madision,此地必有祥瑞!小编掐指一算,原来是UXRen纽约第二期活动啊!(^o^)/~   笔记:JayJ…

    交互专题 2017-08-07
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18
  • 如何在页面上减少用户操作

    作者:柒0   最近有同事在公司反馈:“有用户说xx流程、xx流程太繁琐了。”产品经理反驳:“怎么可能,我已经对标过业内很多体验很好的app,流程上的步骤我敢保证我们绝对不比别人多。” 作为“好事”的交互,我决定走查…

    交互专题 2017-08-07