摹客教程

摹客教程

摹客,让设计更快更简单

小摹做原型

小摹做原型12-电商导航菜单

大家好,我是小摹。今天教大家做一个电商导航菜单。导航菜单是电商网页中常见的设计元素。这次用到的交互效果主要有状态交互、“显示/隐藏”和“设置颜色”。希望小摹的讲解能给大家带来一些启发和帮助。

小摹做原型13-微信公众号底部导航

大家好,我是小摹。今天教大家做一个微信公众号底部导航。微信公众号是大家常用的应用,其底部导航是较为经典的设计元素。这次用到的交互效果主要有“显示/隐藏”和“弹出状态”。希望小摹的讲解能给大家带来一些启发和帮助。

小摹做原型之11 – 多级菜单

Hello,大家好,我是小摹。这次小摹将来教大家如何制作一个多级菜单。多级菜单也称之为树形结构菜单,是很常见的设计元素。这次主要用到的组件有菜单栏组件、菜单组件和弹出面板组件,用到的交互有“显示/隐藏”,交互效果单一,但是需要捋清楚逻辑。希望小摹的讲解能给大家带来一些启发和帮助。

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

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

小摹做原型之8 – 倒计时

 Hello,大家好,我是小摹。这次小摹将来教大家如何制作一个简易的倒计时。如果需要更复杂的倒计时效果,大家可以在此基础上发散思维,希望小摹的讲解能给大家带来一些启发和帮助。

小摹做原型之7 – 微信标签栏

Hello,大家好,我是小摹。这次给大家讲解的是如何使用Mockplus制作微信标签栏。当点击切换标签栏的时候,标签栏的图标状态由线描图标变为实心图标。这个效果用Mockplus制作其实很简单,只需使用到Mockplus中的图标素材库就能轻松实现效果。那么下面就跟随小摹开启探索之旅吧~

小摹做原型之6 – 原型设计大赛冠军作品《Timing》交互解密

Hello,大家好,我是小摹。本次视频给大家分享的是Mockplus原型设计大赛冠军作品《Timing》中的交互动效。原型设计大赛的主题是设计一款音乐播放器,这款作品不仅功能实用,界面美观,交互动效也模拟得很真实,比如:磁盘的旋转、音乐播放进度、以及一些酷炫的切换效果。下面和小摹一起来看看吧。

小摹做原型之5 – 进度条

Hello,大家好,我是小摹。这次给大家讲解的是如何使用Mockplus制作进度条。虽然Mockplus中自带了一些进度条组件,但是它们都是静态的,本次视频中,我们使用形状组件和一些交互的组合,制作了动态的进度条,做好以后,大家可以收藏到“我的组件库”中,方便以后复用哦。

小摹做原型之10-如何用Mockplus制作一个手风琴菜单?

大家好,我是小摹。手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。即使是功能强大的Axure,想实现该效果也比较麻烦。但如果你对Mockplus有所了解,你一定知道,利用Mockplus的“面板”组件,可以快速地做一个手风琴式的菜单。

小摹做原型之4 – 实例(分页器、时间选择器)

Hello, 大家好,我是小摹。这是小摹第四次给大家分享使用Mockplus做原型的一些方法和技巧了。希望小摹的讲解能给大家带来一些启发和帮助。在本次视频中,主要给大家分享了如何使用其他组件来制作分页器,和如何来搭建一个时间选择器。

小摹做原型之3 – 组件的使用

Hello, 大家好,我是小摹。这是小摹第三次给大家分享使用Mockplus做原型的一些方法和技巧了。希望小摹的讲解能给大家带来一些启发和帮助。在本次视频中,主要给大家分享了一些组件的使用方法和一些目前没有的组件的替代的方法,在我们Mockplus中,很多看似不能实现的功能组件都是可以通过其他的方式完成的哦。希望本次的视频能激发大家的灵感。

小摹做原型之2 – 设计规范

Hello, 大家好,我是小摹。这是小摹第二次给大家分享使用Mockplus做原型的一些方法和技巧了。希望小摹的讲解能给大家带来一些启发和帮助。在本次的视频中,小摹给大家分享一些简单设计规范。设计规范在原型设计中,是不能忽视的,如果我们能够稍加注意,留心一些基本的原则,你的原型设计会更棒!

小摹做原型之1 – 什么是原型图?

Hello, 大家好,我是小摹。小摹会在此后陆续为大家分享使用Mockplus做原型的一些方法和技巧。在本次的视频中,主要给大家分享下关于原型图的基本知识。万丈高楼平地起,了解基本知识很重要喔。