如何用Mockplus来画简易网页版原型图

 时间:2026-02-12 12:56:20

1、打开Mockplus这个软件,点击新建项目,选择你需要用的页面模式,如:手机、平板、网页等,选择好就可以进行原型图的绘制了。

如何用Mockplus来画简易网页版原型图

如何用Mockplus来画简易网页版原型图

2、首先,在画之前引入眼帘的是Mockplus的工具栏,有组件、交互、扩展、布局、移动、静态、批注等功能;点开看看,熟悉各种功能的使用;

如何用Mockplus来画简易网页版原型图

3、现在,熟悉完毕后,我们可以进行简单网页版原型图绘制。

1、一、利用组件里的线框工具进行拖拽,可随意拖拽形成大概布局,然后可以在线框中进行编辑,选择需要的字体颜色大小,线框粗细等,如下图所示;

如何用Mockplus来画简易网页版原型图

如何用Mockplus来画简易网页版原型图

2、二,利用组件里的扩展功能,绘制你所需要的搜索框,表单等功能;利用图片功能可以导入你所需要的图片使布局图变得更有直观性;如下图所示;导入完后,还可以随意缩放图片大小。

如何用Mockplus来画简易网页版原型图

3、三、利用布局里的工具,添加选项卡、分组框等需要的功能,也可以进行编辑;

4、四、对需要的功能组件进行拖拽,编辑,一个简单的网页版原型图就画好了!

如何用Mockplus来画简易网页版原型图

  • js怎样获取表格的自定义属性值
  • C#如何封装一个方法
  • Photoshop美味呈现电饭锅海报设计
  • axure中页面如何使用
  • jquery如何给p标签绑定点击事件
  • 热门搜索
    敷衍的近义词 未就业证明怎么开 喜宝奶粉怎么样 3d画怎么画 苹果手机中毒怎么办 三个月宝宝拉肚子怎么办 奇怪的近义词是什么 博物馆英文 眼部脂肪粒怎么去除 宝宝不爱喝水怎么办