实现InstaMaterial概念设计 - 完结篇

这是实现材料设计风格的INSTAGRAM系列文章的总结。如果你已经阅读了前面的文章,可以直接跳过此文。

几个月前我开始了一个实现设计师Emmanuel Pacamalan发布的一个视频 中绝大多数视觉效果的项目。这个视频演示了谷歌新的设计语言 - 材料设计。所有的东西都看起来很棒,但是人们开始担心安卓平台的最大问题 - 碎片化。材料设计是在最新的安卓系统5.0之上,其市场占有率如下:

Android Statistics

仍然不到5%(2015年3月上旬),情况不妙是吧?

但是实际上这正是我开始这个系列的原因,我想证明我们可以在几乎所有的设备上创建一个美观流畅的app。这就是为什么InstaMaterial项目兼容4.0以上的所有系统版本。我们可以在90%的安卓设备上工作(根据现有的数据)。

声明,不是所有的效果都能在安卓4.0和5.0上完美呈现,但是这之间的区别几乎察觉不到。

让我们再一次看看概念视频:

而下面的视频则是我们app实现的效果:

发现相似之处了吗?

InstaMaterial 项目的相关信息以及链接

最新app的apk文件在 这里 。因为知识产权的原因我不能放在Google Play store,这点是完全可以理解的。

这是一个开源项目,所有代码都可以在这里获得 Github repository 。项目并不是完全没有bug,欢迎贡献你的力量。

文章列表

下面是这个系列文章的完整列表:

实现Instagram的Material Design概念设计 

InstaMaterial概念设计第二部分-评论界面的过度动画

InstaMaterial概念设计第三部分-feed卡片上的按钮、评论按钮 

InstaMaterial 概念设计(第四部分) - 新闻item的上下文菜单

InstaMaterial 概念设计(第五部分) - like操作相关效果  

InstaMaterial 概念设计(第六部分) - 用户介绍  

InstaMaterial 概念设计(第七部分) - 抽屉导航(Navigation Drawer  

InstaMaterial 概念设计(第八部分) - 拍照功能   

InstaMaterial 概念设计(第九部分) - 图片的发布

来自:InstaMaterial概念设计