Material design 这20个大牌应用已经用上了!

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

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

Material design 设计理念

Facebook

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

Material design 这20个大牌应用已经用上了!

Cinema Ticket

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

Material design 这20个大牌应用已经用上了!

Event Details

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

Material design 这20个大牌应用已经用上了!

Calendar for Desktop

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

Material design 这20个大牌应用已经用上了!

Music Player

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

Material design 这20个大牌应用已经用上了!

Google Chrome

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

Material design 这20个大牌应用已经用上了!

Explore

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

Material design 这20个大牌应用已经用上了!

Windows 资源管理器

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

Material design 这20个大牌应用已经用上了!

Payment Cards

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

Material design 这20个大牌应用已经用上了!

YouTube

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

Material design 这20个大牌应用已经用上了!

Photoshop

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

Material design 这20个大牌应用已经用上了!

Trello

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

Material design 这20个大牌应用已经用上了!

Profile Page

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

Material design 这20个大牌应用已经用上了!

News Feed

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

Material design 这20个大牌应用已经用上了!

Statistics Page

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

Material design 这20个大牌应用已经用上了!

Last.fm

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

Material design 这20个大牌应用已经用上了!

Kickstarter

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

Material design 这20个大牌应用已经用上了!

Instagram

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

Material design 这20个大牌应用已经用上了!

Calendar App

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

Material design 这20个大牌应用已经用上了!

Runtastic

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

Material design 这20个大牌应用已经用上了!

结论

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

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

 

原文:Rahul Chowdhury

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

(0)
iouedioued
上一篇 2015-08-26
下一篇 2015-08-26

相关推荐

  • FaceUi招交互设计师-UE网免费发布交互设计师招聘信息

    职位:交互设计师   岗位职责: 1、熟悉了解移动智能产品的UED流程; 2、设计不同的产品原型方案;独立负责并完成单个项目; 3、参与团队设计交流与创新尝试与研究; 4、跟进视觉设计师和开发工程师,负责对接客户…

    交互设计 2015-05-12
  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

    2017-05-17
  • 做完了产品分析和运营分析,如何做一份视觉竞品分析?

    做好一份竞品分析、输出优秀的设计观点,可能是衡量一个团队专业与否的第一步。

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

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

    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
  • Axure做的APP原型,在手机上怎么预览

    自学Axure,在各大网站查询,终于从小白到学会做基本的交互,再到能在APP端预览自己做好的原型。下面就说一下Axure做的APP原型,在手机上怎么预览?(以苹果手机为例)1原型制作好之后,点击发布→“预览选项”→配置→移动设备,导入做好的图标。2点击发布,“发布到AxShare”。3复制链接,将该链接发送到手机上并使用Safari打开。4粘贴并前往,将原型界面打开。5点击底部工具栏。6选择“添加到主屏幕”。7编辑名称→点击添加。8然后...

    2018-03-18
  • APP框架之提示框架

    某日和iOS开发聊天,说到iOS规范里没有安卓中的Toast形式的提示。我有点惊讶,仔细回忆iOS的交互规范,似乎是有。后来找来书确认了下,竟然是没有。遂把这个框架整理了下,在文中同时也强调下Android的交互规范的差…

    2016-09-29
  • 从交互层面探讨:不一样的 App 该如何设计?

    针对APP同质化现象,本文作者从从交互层面探索了不一样的 App 该如何设计,且谈及自己的解决方案。值得一读。     “首先占据人们大多数时间的同类型APP内容高度同质化,而风格取决于内容,在平庸的内容下只能诞生风格平庸的APP设计。其次,对于以商业目标为根本的APP应用设计开发,设计风格的投入产出比并不高(游戏依然除外),设计模式的流行以及交互方式的单一使得保守的设计投入产出更高。最后在现今的消费领域,功能主义盛行,界面设计中理性居于主导地位,设计风格显示不是理性思考的首要考量目标。”

    2017-05-04
  • 是不是该考虑加入动态交互了?

    本文转载自:阿西博客 原始链接:是不是该考虑加入动态交互了? 一个优秀的APP交互动画不仅仅是炫,而且要实用,有的还要考虑手机的性能等因素,所以想做一个好的交互不并容易,今天就带你来见识一下什么叫洋气范儿…

    2015-03-21
  • 品牌基因法做图标——实战篇

    菜心的品牌基因法不知道大家有没有忘记,之前有写过两篇,今天来写第三篇——实战篇,根据真实的案例来再次讲述如何运用品牌基因法制作图标!如果你忘记了之前的品牌基因法(升级篇),可以先去回顾一下,网址如下:品牌基因法做图标(升级篇)

    2017-08-04
  • 经验总结|交互设计文档该怎么写?

    交互设计师的工作虽不只是画交互稿子,但是好的交互稿不仅能够完美阐释产品内容和设计师的设计思路,还能够在项目各方协调工作中起到重要作用。保证完整的呈现产品需求和设计思路的交互稿,能够让各方工作人员有一致的工作目标,而有良好体验的交互稿,还能够便于各方理解,提高后期开发对设计的还原度,提高各方工作效率。

    2017-04-29