自学原型设计工具Mockplus |
您所在的位置:网站首页 › Mockplus做WEB端设计尺寸 › 自学原型设计工具Mockplus |
标签:axure 一点 网上 默认 实用 height 线框图 web 9.png
本次实验内容是自学一个原型设计工具,我选择的是比较实用的Mockplus(摹客) 首先了解到这款软件里面的基础功能都是免费的,大多数其他同类型的软件几乎采取的的是先试用,后期收费的方式,相比于同类型的软件,Mockplus性价比要高很多。 其次,在网上搜集到关于他的适用情景,内容也较为丰富,包括:中低保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿等制作。 一、项目安装 我们可以直接在他的官网(https://www.mockplus.cn/)上下载这个软件 在不同的操作系统上都有对应的软件,是可以在手机上使用, 下载过程较为简单,就不赘述了。
二、新建页面 1.点击新建项目 2.选择原型类型,点击创建 其中有默认的原型类型,之后还有常用的设备数据,可以快速选择。
三、工作页面介绍
1、包含了演示,云同步等快捷按钮; 2、工作区:设计的地方; 3、项目状态栏:显示页面所在位置及尺寸信息 4、项目树:看到整体的项目页面结构,可以进行编辑,标注等操作 5、四个板块: ①组件库:
包含7个分类:交互、扩展、布局、移动、静态、图表、批注 ②图标库
③我的组件库
包含搜藏和下载的图标 ④母版库
里面可以存放收藏的母版 6、页面样式:可以对组件进行设计 7、组件大纲:会显示页面中所有组件
四、组件属性的基本设置 1、拖动组件进入工作区
2、双击组件进入编辑状态 3、查看属性 点击组件,可在右侧看到组建的信息 这里可以修改的很多,比如组件的位置,大小,字体,字体颜色等 4、用链接点进行交互设置 将链接点拖拽到目标组件上 选择交互方式 5、利用组件大纲实现交互 拖动链接点到组建大纲中的目标组件中 可在右侧看到交互的状态
五、发布和分享项目 点击右上“方发布并分享”按钮 哦~没有购买。。。算了看下网络上的截图 可以在输入连接直接查看项目,如果手机中也下载了的话,用手机搜索下方的原型码也可以查看 还可以选择快速扫码预览
会出现一个二维码,手机上下载该软件后,扫码即可查看项目 注意:电脑和手机必须在同一局域网下才可以
这个是在手机上的截图
六、项目协作 点击云同步,可以支持多人同时编辑项目
这个功能也要收费,就不具体操作了,看教学视频上说,可以添加成员,成员就可以分享到你的项目,并对其进行修改
自己编辑的时候,项目前会显示绿色的图标,表示自己有权编辑,而其他成员的项目前则显示的是红色图标,表示自己无权编辑,编辑完后,点击绿色圆点即可放开权限
点击黑色图标即可获得编辑权
七、小结 这就是最基本的Mockplus,上学期有学过另一个原型设计工具,Axure RP 两者功能是差不多的,但我个人还是觉得Mockplus较为好一点,首先它的界面是中文的(毕竟国产),操作起来会方便很多,其次他的界面设计的也很简洁,重点是很多基础功能是免费的,可以让初学者好好了解这款软件。里面的图标,组件也很熟悉,比如我还看到了有支付宝的图标 下载的图标也是我们广为熟知的 所以,我觉得这款软件性价比会更好一点!
自学原型设计工具Mockplus 标签:axure 一点 网上 默认 实用 height 线框图 web 9.png 原文地址:https://www.cnblogs.com/aceleepro/p/10823182.html |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |