Google+ 网页高保真UI输出

作者: kimson | 来源:发表于2017-01-07 14:13 被阅读433次

一个谷粉,对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

相关文章

  • Google+ 网页高保真UI输出

    一个谷粉,对Material Design情有独钟。 毕业后做Android开发有一年多了,可能是比较认同和喜欢G...

  • 【0岁产品笔记】产品需要了解的色彩常识

    产品经理需要懂的色彩知识 对于产品经理而言,了解一些基础的色彩常识是必要的。不论是输出高保真原型,还是和UI的沟通...

  • 三道贩一周荐读 - 2016Week11

    Inside the sad, expensive failure of Google+ : Google+的倒掉...

  • UI设计素材已经上线

    UI设计相关素材已经上线 在学习时,在做高保真时都要用到设计素材,我们提供一个版块长期更新。 模版素材 UI设计...

  • UI设计规范V0.1.0

    执行阶段高保真视觉设计阶段 执行人 UI设计师 规范内容 下一阶段通过开发的测试包进行UI走查,由UI设计师及交互...

  • Axure的Tab选项卡操作

    Axure RP是一款便捷高效的网页制作工具。可以快速画出网页的低保真,中保真,高保真图。可以使用Axure...

  • 无标题文章

    HTML基础 Web,HTML结构介绍 标签输出内容 网页头部 输出内容 主题内容 (1)网页标题 格式 输出内...

  • iOS绘图(二)之CoreGraphics

    一、Core Graphics简介 Core Graphics是基于Quartz框架的高保真输出2D图形的渲染引擎...

  • Appso的页面还原(原型设计)

    接上一篇,根据页面流程可以开始绘制原型(手绘->低保真->高保真->UI设计)。本文将对Appso发布app涉及的...

  • 设计师必备免费图标

    无论是UI设计、网页设计还是平面设计都会遇到图标设计的需求,甚至一些交互或者产品都会寻找图标来布局自己的项目输出,...

网友评论

    本文标题:Google+ 网页高保真UI输出

    本文链接:https://www.haomeiwen.com/subject/eecfbttx.html