通过这个专题,不仅可以了解到最新的 Material Design 变化,还有 Material Design 的动效设计、可用性设计、用户引导设计等中文版本,另外还有高手总结的学习笔记和实战案例。看完这个专题,帮你全面读懂 Material Design。
2019-11-02更新
2018年5月9日凌晨1点,谷歌I/O 开发者大会如期在美国加州山景城的海滨露天剧场拉开帷幕,谷歌不仅对 AI 技术进行了更深层次的提升,同时也对 Android 系统进行了更新,谷歌副总裁 Dave Burke 对 Android 的更新进行了开场演讲,「在 Android 过去的10中,已经成为了一个开放的系统。」随着 android P 的诞生,谷歌今日宣布了 Material Design 应用程序视觉设计语言的几项更新。尽管此前传闻称有大改,但从刚刚召开的 I/O 2018 开发者大会来看...
编者按:这一年就快完了,你还没搞懂Material design吗?是嫌文档太长,还是觉得自己英文不好?都没关系,我们善良热情的@十萬個為什麽 帮同学们通读了一遍官方的设计指南,去糙取精,整理出这篇干货超多的学习笔记,打包票学完基本就掌握90%了,别错过咯!
编者按:前两天Google 刚发布了新版Material Design 官方动效指南,今天@平行煎餅 就给大家带来了中文版!全文包括三个部分:为什么说动效很重要?如何制作优秀的Material Design动效及转场动画,动效的意义。
编者按:昨天@平行煎餅 发了新版Material Design 官方动效指南的第一节,今天继续第二部分,从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分,教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。Material Design的动效设计是响应式的,自然的。
@平行煎餅 :新版Material Design 官方动效指南已经翻译到第三章了!今天这部分,从动效的运动和材料形变入手,让你的动效自然真实,贴近现实状态。再系统的干货都比不上官方的动效指南,西瓜就在这,赶紧来捡。
荣超:本节是谷歌Material Design可用性部分的中文完整译本,非常完整地阐述了提高可用性的方法和技巧。一. 无障碍/可访问(Accessibility)无障碍设计能够使用户成功浏览、理解和使用您的UI。原则 让无论是视力低下、失明、听力障碍、认知障碍或运动障碍的用户都可以使用产品。
荣超:这个指南中的实践案例和组件可以帮助用户快速直观地了解他们在你的应用中能做些什么,想知道谷歌的设计团队是如何做有效用户引导的,看这个准没错!相关教程:《想提高可用性?看谷歌MATERIAL DESIGN 的官方教程是怎么做的!
雨涵_Zoe:这段时间为了研究控件,细看了一下 Material Design,结果发现了很多创新、好用又有趣的东西。这里主要写的是 Material Design 给我带来的打破思维局限的东西,所以每一点都是精挑细选的关键点。官方译文:《中文版来了!
Echo :iOS 或 Material Design的设计指南,都是按照组件的属性来系统介绍。一般把Control翻译成控件,把Component翻译成组件。通俗的解释说法就是组件为多个元素组合而成,控件为单一元素。
@最美应用官方微博 :一套视觉设计系统,只有当它被用来创造更有意义的体验时,才能走进人们的生活。为了鼓励开发者们在 Material Design 设计上带来更多的创意,Google 专门设立了 Material Design Awards 奖项。今年的第二届 Material Design Awards 设计奖,就评选出了以下 5 款应用。
编者按:在进行App设计时,有没有什么规范参考标准,还是自己想象一个出来?究竟如何去根据iOS的规范具体实现设计落地?今天@Jaret_杰瑞特 (优酷土豆上海部设计经理)这篇用优酷的实战案例带你入门。
在过去的三年里面,我一直带领着 Aviary 的Android设计师团队。非常荣幸我能为大家设计这款摄影APP,让大家能释放创造力,通过这款APP来拍摄出如此之多优质的照片。随着Google 推出Material Design 这种全新的设计语言,我们的产品设计团队也开始针对Photo Editor 进行重新设计。
在Material Design 风格中,如何大胆、灵活的使用色彩组合是一项很有挑战性的任务,今天这10款 Google Material Design 专用的配色工具,可以助你一臂之力。Material Design 简介:时至今日大家应该都对这个设计风格有所耳闻,如果你还不够熟悉,这儿有三篇文章可以帮你轻松入门:首先来认识一下它扁平化设计的区别:《涨姿势!扁平化设计和MATERIAL DESIGN有什么不一样?
编者按:说了这么久的Material Design,不能半抱琵琶半遮面了,直接来研究高手的作品吧!今天分享一组最新的设计资源,包括GUI工具包和UI模板,以及1000+图标素材,全都是挑的精品,包你满载而归,来淘宝吧!再不学习你就奥特咯!
编者按:之所以单独挑出来打包,是因为这个UI KIT太用心了!几乎覆盖了Material Design的全部元素,从按钮,表格到界面都有,而且可以免费商用,想试水这类新风格的同学,可以来下载了 >>>微盘下载【优设三月免费资源打包人气篇】超好用的设计师专用简历模板!《年后求职福利!
发表评论赢奖品
点击 登录 后,在评论区留言,系统会随机派送奖品
2012年成立至今,是国内备受欢迎的设计师平台,提供奖品赞助 联系我们
扁平插画绘制专业教程
已累计诞生 61 位幸运星
发表评论 已发布1条
Wo~本文的评论还空着,快来抢沙发
↓ 下方为您推荐了一些精彩有趣的文章热评 ↓