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

毕业后做Android开发有一年多了,可能是比较认同和喜欢Google的企业文化,对Google有一种情怀吧,所以在跳进产品的坑后,依然不忘内心中的那团“谷火”。
最近在负责一个管理平台项目,由于之前做App开发,对移动端的交互理解较深,但是在Web上仍有欠缺,在管理平台项目中就暴露无遗,于是就通过临摹练手加深对Web端的交互理解,于是就用Sketch制作了一个Google+ 的高保真页面UI。(当然原型最好不画的太细,只是想加强对Sketch的操作罢了)
访问了Google+网站,先做一个简陋的脑图压压惊。

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




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