旅游类App的原型制作分享

今天我用Mockplus做了一套Gogobot的原型,这是一款旅游类的App。为了达到高保真的效果,在做原型图的时候我把App的颜色也一并做好了,因为Mockplus的颜色属性设置可以直接吸取颜色,非常方便快捷,除了配色,动效上我也尽量还原了App原来的效果,其中Mockplus的滚动区组件除了纵向还有横向滚动,满足了我对滚动的需求~好了,下面请看我的成果吧!

小摹做原型之9 – 扇形悬浮按钮

Hello,大家好,我是小摹。这次小摹将来教大家如何制作一个扇形展开的悬浮按钮。扇形展开的悬浮按钮常见于移动端,用于展开常用的操作。这次用到的交互上,主要要注意组件的移动和动画延迟时间。希望小摹的讲解能给大家带来一些启发和帮助。

项目树

项目树包含了很多节点,其中第一个节点(根节点)表示项目名称,其它节点表示所有的页面和分组。从这些节点我们可以清晰地看出项目中页面或分组的层次结构。项目树上方的工具栏中包含了对项目的常用操作。

社交分享类Web原型制作分享——花瓣网

这是一家基于兴趣的社交分享网站,网站为用户提供了一个简单地采集工具,帮助用户将自己喜欢图片重新组织和收藏。网站布局美观合理,内容丰富。此原型模板所用到的组件有按钮栏、菜单栏、搜索框、水平分割线。交互动作有鼠标悬停文字按钮颜色改变效果,鼠标按下文字按钮颜色改变效果,按钮跳转页面,利用按钮栏实现table切换效果。