涅磐之路!AVIARY设计师MATERIAL DESIGN改版实战.pdf

涅磐之路 ！AV IA RY设计师的MAT ERIA L DESIGN改版实战 推荐语 ：每个设计师都有自己的一套设计的方式方法 ，而对 优秀的设计师相信也有很想的 学习能力 ，今天给大家分享一篇AV IA RY设计师的MAT ERIA L DESIGN改版实战 ，一篇质量 很高端的干货。 在过去的三年里面 ，我一直带领着 Aviary 的A ndro id设计师团队。非常荣幸我能为大家设计这款摄 影A PP ，让大家能释放创造力 ，通过这款A PP来拍摄出如此之多优质的照片。随着Google 推 出Mat erial Design 这种全新的设计语言 ，我们的产品设计团队也开始针对Phot o Edit o r 进行重新 设计。今天这篇文章 ，我会仔细分享我们重新设计它的故事 ，以及设计经验和进度 ，你可以看到这 个全新设计语言是如何重塑这款A PP的。 通过这次改版 ，我发现如何通过Mat erial Design 的设计规范来激发灵感 ，而非束缚设计。更重要 的是 ，我逐渐明白了新的设计平台是怎么回事。从 Phot o Edit o r 最初的美学特征逐渐过度 到Mat erial Design 是一个漫长的旅程 ，但是这也足以让我收获许多经验和教训 ，也让我逐渐体会到 全新的A ndro id系统的美感。 A ndro id版的诞生 刚刚加入Aviary的时候 ，我碰到的第一个UI设计项目是将我们的iO S平台的A PP的UI转化适配 到A ndro id平台上。作为一个iPho ne用户 ，我那时候才刚刚对移动端UI设计有所把握 ，对 A ndro id 也仅仅是大学时候稍有了解 ，从未对这个平台有过系统的认知。 所以我首先得对手头的A ndro id测试设备有所了解 ，尝试制定iO S UI转化为A ndro id UI的相应的规则 。当初我曾经遵循iO S的拟物化风格为Aviary设计了iO S客户端 ，充分运用层次分明的阴影和细腻来 展现整个A PP。当时 A ndro id .0的设计风格被成为Ho lo ，考虑到A ndro id和iO S的差异 ，在转换过 程中 ，我将繁复的阴影效果降低了 ，用更轻的笔触重新绘制了纹理 ，将UI的边角处理得更加锐利 ， 以匹配Ho lo 的整体风格。如此一来 ，Aviary最初的A ndro id版本就这么诞生了。 第一次A ndro id重设计 由 当时Aviary 专注 iO S平台 ，A ndro id 版本的UI设计项目并不在聚光灯之下 ，所以也由着我肆意 修改。如此一来 ，我也有了充分的自由度 ，可以以更有创意的方式来打造这个A ndro id版的客户端 ，并且学习更多移动端设计的知识。由 用户基础薄弱 ，大家对 A ndo rid版的期待并不高。可是新 版发布之后 ，随着下载量的疯狂增长 ，我们很快就意识到A ndro id 版的宝贵之处 ，这也最终促使公 司上层决定在A ndo rid平台上投注更多的精力。 当时 ，和我一同工作的A ndro id平台开发者是这个平台的坚定支持者和倡导者。在他看来 ，我借 助iPho ne来设计A ndo rid 平台的UI ，简直是对A ndo rid的侮辱 ，后来我意识到他是对的。所以 ， 在2013年的时候我购置了一台HT C O NE。下载了大量应用之后我才发现 ，绝大多数的A ndro id应用 并没有类似iO S一样的系统的美学特征和完整而统一的设计语言 ，很容易迷失在复杂而极度灵活的 设置和可定制性当中。通过大量的筛选之后 ，我逐渐开始摸索到A ndro id 的一些设计模式。结合这 个过程中的所学 ，提升了一部分可用性设计和美学特征之后 ，我逐渐摸索到了设计A ndro id客户端的 设计思路。 Mat erial Design 简介 快进入201 年6月的时候 ，Google 经过A ndro id .0 长达2年的缓冲之后 ，终 推出了系统而完善的 设计语言 ，Mat erial Design 。这一规范的推出 ，使得我们之前的A ndro id 平台客户端的重新设计显 得不合时宜。之前的些许调整在新规范之下 ，并无法显出我们对 A ndo rid 平台的重视。同时这也 给予我们再次重新设计A ndro id 应用的理由。 为了重新改造A PP ，我们先做了大量的研究。在Google 刚刚开始发布文档和设计资源的时候 ，我 们便开始竭尽所能地阅读和学习新规范。幸运的是 ，比起之前 ，新的规范系统而完善 ，我们的获得 了比以前更多的指导。Google所提供的文档为每一个设计进行