Mockplus教程

我们在设计简单的APP或者网页,都是需要做一个简单的线框图的,而mockplus是一个很好用的制作线框图的软件,那么mockplus怎么用呢?

操作方法

  • 01

    首先我们需要安装mockplus的客户端,其实在Web也可以制作,不过客户端方便一下。然后点击进入,可以选择新建一个项目,也可以看他的一些例子学习一下别人的设计

  • 02

    新建之后,会进入一个选择界面,上面是各种型号的选择,手机还是pad或者网页版,还分为mac和windows,可以自行选择,也可以自定义尺寸

  • 03

    点击mockplus,可以看到有选项部分,可以进入这个选项进行整体上面的设计,比如UI的透明度,背景颜色等。通过设置让自己设计更为顺心

  • 04

    然后可以看到左边会有两个部分,一个是各种各样的部件,一个编辑的地方。可以根据自己的需要把部件拉到自己需要的地方。

  • 05

    拉好部件之后,可以根据需要进行备注说明,可以点击小闪电进行超链接,也可以进行尺寸上面的设置。

  • 06

    左边是各种各样的页面,我们可以根据自己的需要进行页面链接的设置。注意mockplus只允许页面跳转而不允许部件跳转,好了之后,点击上面的运行,一个APP线框图就生成了

(0)

相关推荐

  • Mockplus教程:分分钟搞定APP首页原型设计

    Mockplus 是一款快速原型设计工具,支持包括APP原型在内的多种原型与线框图设计.除了快速,Mockplus广受欢迎更因为它极低的上手门槛.今天小编就为大家展示如何用Mockplus在3分钟内完 ...

  • Mockplus 3.2前瞻,五大特色功能让你惊喜!

    在这个火热的夏季,我们有理由热切期待Mockplus 3.2的发布! 作为国产的一流原型设计工具,Mockplus 3.2版本会给我们带来什么呢? 格子(Repeater) 我们平常的设计,有大量需要 ...

  • Mockplus原型图教程:[3]教你如何导入图片

    使用Mockplus设计原型很容易上手,但有时候,对于刚刚接触的朋友,还是需要一些磨合,这里介绍下如何导入图片到原型图中,希望有帮助. 操作方法 01 方法一:通过"复制->粘贴&qu ...

  • Mockplus原型图教程:[4]怎样使用摩客精灵

    Mockplus设计原型的时候,可以很方便地在手机上预览原型. 当你需要把App的原型压缩包发送给同事或客户的时候,他们可能希望直接在手机上演示原型,摩客精灵可以做到. 操作方法 01 1 附加摩客精 ...

  • 2018年优秀动态网页设计大赏【附教程】

    随着设计行业的的不断进步和发展,动态网页设计已经成为设计师必须掌握的重要技能之一.对于许多设计师来说,缺乏设计灵感和网页设计是阻碍设计的主要问题.针对这些问题,小编在本文中为设计师精心准备了优秀网页设 ...

  • “手把手教你设计”—12个最佳手机APP界面设计教程

    UI/UX 设计确实是需要一定的和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿.他需要对设计有基本的了解,清楚设计的基本原则. 用户界面设计师和其他行业设计面临一样的挑战,那 ...

  • 2019最佳弹窗/弹出框设计20例【附教程】

    弹窗/弹出框是APP或者网站与用户交互常见的方式之一.不同的网页弹窗和App弹框适用于不用的场景,弹窗的设计直接影响用户体验.不知道如何提高弹出框的用户体验设计? 小编从优质网站精心挑选了20例弹窗/ ...

  • 22款设计师必备的PS插件【附教程】

    Photoshop可以说是每个设计师都必须会用的设计工具之一了.为了设计要求,大家会在Photoshop里搭配一些PS插件来使用.这篇文章就为大家整理了23款最佳PS插件,一起来看看吧. 1.摹客iD ...

  • 关于windows下获取4s的siri里面的key补编教程

    近日大家对siri都感兴趣,咱们小4有了突破,但是好多人有4s不知道怎么获得key,下面就看看关于windows下获取4s的siri里面的key补编教程吧。 1、你的小4必须要有siri,我用的是sp ...