如何用mockplus设计网页

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

2

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

3

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

4

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

5

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

6

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

1. Sketch-强大的矢量绘图工具

支持平台：只支持Mac

Sketch是一款强大的界面设计工具，专为UI设计师打造的软件，可让你的界面设计变得更简单，更高效。如果你是一个UX或者UI设计师，那么你一定知道Sketch这个强大的UI界面设计软件。如果你想转行做UI设计师，那么你一定不能错过这个好用的设计工具。

特色：出色的用户体验非常简单易用提供大量实用的插件

2. Photoshop-强大的图片处理软件

支持平台：Windows&Mac

Photoshop是最流行的图像编辑器之一，UI设计师入门的必备界面设计工具。相信不是设计行业的小伙伴，也略知一二。PS作为UI界面设计神器，有着强大的图片编辑和处理功能，想要什么的图形都可以用PS来实现，可用于摄影的后期制作，可给图像添加各种滤镜，调整亮度，对比度等，生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片并且PS提供了不同文件格式保存的选项，调整图像大小和分辨率也不会丢失图像质量。

特色：照片处理技术(剪裁背景，裁剪，调整光线，调整颜色，过滤，消除红眼等功能)强大的图层功能 处理副本时保存原件批量处理照片兼容其他Abode套件程序，如After Effect，InDesign，IllustratorPhotoshop可以将图像保存为各种格式。

3. Mockplus-强大的原型界面设计工具

支持平台：Windows&Mac

Mockplus是一款高效简单的app界面设计工具，产品经理圈子中比较流行的一款国产界面原型设计工具。软件提供了封装好的3000多个图标以及200多个组件，拖拽即可进行UI界面设计，学习成本低，无需代码参与，所以对于UI设计师来说是一个非常好的选择。如果一个UI设计师连基本的原型设计能力都没有，怎么和开发进行有效的沟通呢。

特色：简单，零门槛丰富的图标及组件拖拽实现交互效果小程序预览，随时随地跟客户演示。

以上就是青藤小编关于UI设计中的界面设计工具的相关分享，希望对大家有所帮助，如果您想要了解更多相关内容，欢迎大家及时在本平台进行查看哦!