Google+ 网页高保真UI输出

一个谷粉，对Material Design情有独钟。

毕业后做Android开发有一年多了，可能是比较认同和喜欢Google的企业文化，对Google有一种情怀吧，所以在跳进产品的坑后，依然不忘内心中的那团“谷火”。

最近在负责一个管理平台项目，由于之前做App开发，对移动端的交互理解较深，但是在Web上仍有欠缺，在管理平台项目中就暴露无遗，于是就通过临摹练手加深对Web端的交互理解，于是就用Sketch制作了一个Google+ 的高保真页面UI。（当然原型最好不画的太细，只是想加强对Sketch的操作罢了）

访问了Google+网站，先做一个简陋的脑图压压惊。

Google+ 功能脑图.png

根据脑图上的大概功能，对主要功能绘制出对应的高保真UI，先上几张效果图看看效果，如果喜欢可以到文章下方下载sketch源文件。

Home.png Collection_added.png Collection_Detail.png Personal Info.png

上面这些几张是大概的效果图，图片太多就不全贴了。
不得不说Sketch当前UI设计中的神器。以下是sketch源文件的下载地址。如有什么问题欢迎大家交流交流。
百度盘：链接: https://pan.baidu.com/s/1c2uuXKc
密码: pkwg