UI界面设计时用到的软件有哪些

一般来说，UI会用到这些工具

1. Mason

现如今，视觉稿（Mockup）和原型（Prototype）是网页和 APP 设计过程中最常用的方法。两种方式都很有效，不过也都可能会在时间和花销上对整个项目产生压力，影响团队和项目的整体推进，尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason 提供了一个更好的解决方案，它让你无需设计线框图、原型和视觉稿，而直接拿现成的组件来编辑和设计，并且确保最终输出的产品既具备功能，也是像素完美的，最后通过 Mason 的平台进行部署，甚至你都不需要有代码编写的经验。

Mason 的设计方法看起来很激进，但是实际上非常的易用。无论是调整还是维护，Mason 都能确保控件和元素都很容易处理。在 Mason 中修改、发布，然后就能正常使用。无需亲手编写代码，诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会限制你将网站投放到特定的平台或者托管环境下，你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间，并且你会发现团队协作更加高效了。

2.摹客（国产UI设计神器，强烈推荐）

这款国产的工具快速易用，Sketch / PS / XD / Figma / Axure / Mockplus设计稿一键上传 ， 设计评审讨论 ， 自动标注一键生成，手动标注自由发挥 。

1. 自动标注：

鼠标hover图层即可自动生成标注，一键转换为百分比标注，还可以放大镜查看细微标注。

2. 手动标注：

文字、坐标、颜色、尺寸、区域5种工具自由选择，信息传达更准确。

-用文字工具添加备注说明；

-用坐标工具添加位置信息；

-用颜色工具吸取图层，色值智能生成；

-用线段工具标注尺寸，数值自动生成；

-用区域工具标注局部图层，宽、高自动生成。

3. 单位自由转换：

支持iOS的pt，Android的dp，Web的rem，还可以保留0-3位小数，标注更自由。

4. 完整的标注属性：尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。

除了智能的标注方式，摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是，摹客基础功能完全免费。

3. Overflow

设计师讲述故事最有效的办法之一，是将故事中的节点连在一起，将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容，同时能够更加专注于细节的呈现，并且构建有效的反馈机制。

作为世界上第一个为设计师量身定制的用户流程图工具，Overflow 可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品，讲述故事，以交互式的流程同用户进行沟通，吸引用户的注意力。

Overflow 是一款跨平台的工具，可以与目前最流行的设计工具无缝地集成起来，允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

4. UXPin

UXPin 可能是目前对于设计团队来说最理想的快速原型工具，尤其是当产品的 UX 设计和研发高度依赖快速反馈循环机制的时候。UXPin 可以让设计团队在向开发交付原型之前，充分地进行设计、共享和测试。

开发人员所需要的数据，实际上在每个项目设计完成之时，就会自动生成。所以，在将设计交付给开发人员之前，甚至可以使用检测工具，验证一下产品的部署是否和设计元素相互匹配。

UXPin 还提供一个完整的设计系统解决方案，帮助你保持整个产品的 UI 元素的一致性。而每个产品的 UI 组件都可以使用一段代码记录下来，因此可以更加轻松快速的扩展产品的功能。

5. Creately

UI/UX 设计当然不仅仅是线框图和视觉稿，它是动态的，系统化的，而这也是 Creately 这款工具的价值所在。这款图标工具适合生成工作流程，支持不同的图表类型，包括流程图、思维导图、UML 图标、线框图等。它所提供的图表功能和协同工作的功能，可以帮助设计师完成一半以上的工作。

使用 Creately 来创建图表，可以轻松创建出足够漂亮的图表，其中配备的1000多个专业的设计图表模板，可以快速地完成各式各样的 UX 设计项目。

6. PowerMockup

有许多 UX 设计师会使用 PowerPoint 来构建交互式原型，有了 PowerMockup 之后，你再也不需要寻找其他的工具来辅助你的工作了，它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候，只需要从 PowerMockup 不断增长的资源库找到对应的形状或者设计元素，拖拽到 PowerPoint 当中，然后进行设计即可。为了实现互动，你所需要调用的也无非是 PowerPoint 当中的幻灯片和动画功能，很简单。

7. Visual Inspector

Visual Inspector 让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种 UI 问题，并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码，只需要几秒钟就可以启用 UI 工具，并且几乎可以任何类型的网站（使用 HTML 代码，或者 WordPress 系统的）进行协同工作。这款工具不是免费的，终身授权的版本只需要付费49美元即可。

8. Fluid UI

Fluid UI 是一款可以用来设计线框图、原型图和视觉稿的综合性工具，它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库，横跨桌面端、iOS 和 Android 等主流的、必须的平台。

Axure

Axure RP是美国AxureSoftware Solution公司旗舰产品，是一款快速的产品原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的APP原型设计工具，它比一般创建静态的原型设计工具要快速、高效。

Mockplus

Mockplus（摹客）是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计，满足众多用户群体的工作需求。有别于Axure的繁复，Mockplus致力于快速构建和迭代原型，为设计者提供简洁高效的设计方式。如果说Axure是一头大象，那么Mockplus就是一只轻快的小鹿。

从学习曲线来看，较为专业的UI/UX设计师或者时间充足的设计师可以考虑使用Axure；如果设计新手确实想要尝试这款工具，建议先下载中文版进行使用。设计新手或专业设计师都可以考虑使用Mockplus，一款简洁高效的App原型设计工具。使用该软件完成原型设计只需“拖”“放”两个操作，学习曲线基本为零。

、

下面给你整理了几款网页制作常用的软件：

PS（Photoshop）图像处理软件：用于对网页图片进行润色或特殊效果处理，是一款网页制作必备之软件。

Flash动画制作软件：动画或动态图片是网页的重要组成部分，充分合理的使用Flash程序来设计网页元素，往往可达到意想不到的效果。

CSS Design:一款适合对CSS对进调试的专业级应用，能够对CSS语法进行着色，同时支持即时查看样式功能，特别方便程序的调试以及效果的比对。

Dreamweaver网页制作软件，该软件已成为专业级网页制作程序，支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示，同时提供了模板套用功能，支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。

GUI DesignStudio 是一个给套用软体设计图形用户界面的专业工具，它可在画基于web形态的原型时，可以用Axure RP、Balsamiq Mockups很方便的画出来，但要是对象是客户端软体的时候，Axure却不是首选。 以快速的把思路，以可视化的方式来表现出来，并可以和客户进行交流想法。GUI Design Studio同时也是一个不需要软体开发和编码的完整的设计工具，它支持所有基于微软Windows 平台的软体。因此， GUI Design Studio是一款适合界面原型设计员和界面原型开发员的软体。最新版本版本为v 5版本

基本介绍中文名 ：GUI Design Studio 类型 ：给软体设计图形用户界面的工具 最新版本 ：v5 版本 基于平台 ：微软Windows 平台 基本简介,软体特点,界面展示,工程面板,元素面板,图表面板,注释面板,故事面板,备注面板,功能介绍, 基本简介 GUI Design Studio是一款用户界面及软体原型设计工具，适用于Web，桌面，移动和嵌入式软体应用程式设计。其快速、易于使用以及无需任何编码的优点，使其成为软体设计师，用户体验专家，业务分析师，开发人员，项目经理和咨询专家的首选原型设计工具。 软体特点 · 自带流程控制和命令促发判断。 · 多达120余种可用的内置设计元素，使用标准的Windows控制项，Web元素以及其他的泛型元素创建窗体。 · 以不同的视图风格查看设计，允许您无需修改设计即可改变演示效果。 · 用法的超连结，直接以建立元素与元素之间的关联的方式来自动化的创建动作流程。 · 在不需要编写任何代码或脚本的情况下，使用标准元素绘制个性化的萤幕、视窗及控制项，快速创建演示原型，并将它们整合以展示操作工作流程然后运行模拟程式以测试设计。 · 提供的了大部分C/S、B/S组件的示意图，可组合使用。 · 精确的图示、窗体定位，可以具体到每一个Px · 提供丰富的配色方案，在选单参数选择里面选择颜色配置，然后所有的界面都可以一起换装。 · 支持模拟器模拟界面效果，同时也可以支持滑鼠的点击，及萤幕的跳转。 · 实现多工程间互用串联设计以创建动态原型。 界面展示 工程面板 使用工程面板可以访问工程所有设计文档和图片档案。在这里你可以快速做如下事情： · 创建新的工程目录来组织档案。 · 创建新的设计文档。 · 复制已有的设计文档。 · 从剪贴簿上贴上图片生成图片档案。 · 加入其它工程和资料夹的连结，以访问它们的所有设计文档和图片档案。特别适用于使用库工程的公共组件或使用存在别处图片的情况。 · 当你选择了列表中的工程或资料夹时候，其对应的档案树将出现在下方。 · 双击设计档案打开它，或者拖拽它将其添加到打开的设计文档中。 · 使用滑鼠右键拖拽添加组件缩略图。 · 双击或拖拽图片档案，将其添加到打开的设计文档中。 元素面板 元素面板提供所有可以用于创建应用程式GUI的窗体和控制项。元素被分成若干类别。当从列表中选择某一类别时候，该类别的元素将出现在下面的视窗中。每个元素都是十分典型的，并且为了方便使用，一些类别中包含了同一个元素的不同变形形式。在这里你可以快速做如下事情： · 双击或拖拽元素，可以将元素添加到打开的设计文档中。 · 在设计文档中，双击元素编辑它的属性。 图表面板 使用图示面板，可以访问公共的、主工程中的、以及其它在通过工程面板连结添加的工程或目录中的图示。公共图示按类别存放著，可以创建新的类别目录来存放新的图示。 当从列表中选择某一类别时，该类别的图示将出现在下面的视窗中，可以通过大小、颜色深度来过滤这些图示。此外，还可以通过外部编辑器创建新的图示或编辑已经存在的图示。 注释面板 注释面板拥有多种标记符号表明注释。 故事面板 故事板面板提供用于构建设计文档中控制流程的元素来实现一个模拟原型。故事板元素通常显示在其它设计元素的上方。 备注面板 备注面板提供记录关联设计文档和它上面的元素的笔记摘要，可用于提供弹出注释和生成详细说明规格文档。和其它面板不一样的是，备注面板的内容会随着当前活动的设计文档而变化。 功能介绍 快速简单的创建用户界面原型 无论你是想要在你的界面上显示套用视窗，Web页面，子面板抑或是自定义控制项，该功能全面的界面设计器均能帮助你快速且轻松的完成创建。 · 设计元素的拖曳与摆放 · 边缘处理以及专业化的抓取，以实现点击即结合好设计元素 · 使用滑鼠即可实现顺利的翻动与缩放（还支持滚动与纵横滚轮） · 可无限的进行撤销/还原操作 · 剪下，复制，贴上命令 · 自动进行元素的父处理 · 校正以及间隔处理工具 多达120余种可用的内置设计元素 使用标准的Windows控制项，Web元素以及其他的泛型元素创建窗体。此外，还提供很多不同情况下的变型以加快构建速度。还能组合不同设计元素以创建自定义控制项以及变型。 · 框窗体以及对话框 · 工具条，选单栏以及弹出选单 · 文本框，编辑框以及组合框 · 按钮，单选框以及复选框 · 滚动条，滑动条 · 列表，树以及表 · 标签，标签栏以及面板 · 进度条与标尺 · 功能条，标签面板，选单，按钮以及其他元素 · Web页面，面板，按钮以及文本列表 包含各种格式的图示以及图像 可以向您的设计原型中加入前景以及背景图片，并可如同调整其他控制项一般简便的调整其布局。 · 从工程档案树中拖曳与放置图像 · 支持主流的图像格式，如BMP, GIF, JPEG 与PNG · 支持透明化GIF以及PNG档案 · 裁剪，拉伸以及平铺图像 · 能快速套用分类检索的图示调色板 · 能在不同工程项目间共享普通图示 · 不同工程能有自有图示 · 使用在随后的设计中可能要用到的标准化ICO档案 · 对图示尺寸进行不同比例的缩放，以避免其在原型设计中出现冗余版本 · 多达150余种基本图示以便您开始设计 · 能通过使用集成的Icon Express icon editor设计自有图示 · 如果有需要，能够与其他的图示设计器结合使用 用覆盖说明或者边注释为设计原型进行注释 当您需要为您的设计添加更多的注释时，你可以选择直接在当前界面添加注释或者将注释放入页面的框线里。 · 添加悬浮的文本框，用大括弧直接在设计图上标明 · 添加格式化的注释以描述整个设计 · 为单个元素添加格式化的注释 · 在设计与运行该设计原型时以弹出视窗显示设计元素的注释 · 按键操作显示或隐藏注释 创建可复用的标准化设计组件以及材料 将您的工程设计分解为能复用于任意数量的其他设计的小组件。 · 创建背景与前景材料 · 在多个原型设计间共享组件部件，如面板或自定义控制项 · 组件能在其他组件的任意层级嵌用 · 原始组件被更改后，能立即反应在该控制项的使用之处 · 能在特定的设计实例中重写组件元素的属性 · 通过将常用设计元素放置于库中，以实现在多工程间复用 串联您的设计以创建一个动态原型 创建单一的界面设计往往是有用的，但是GUI Design Studio也允许用户将之通过不同的方式联接，使之呈现为一个生动的互动式原型。 · 生动的描述应用程式流 · 即刻运行并将之视为一个互动式的原型进行测试 · 创建导航工具列以显示或者隐藏窗体，面板或者模型对话框等 · 使用锚体将之精确的放置在您需要的位置 · 支持标签页 · 点阵图图像中的热键区引导 · 生成右击的上下文选单 · 基于选定条件的场景允许用户更改导航工具列 · 使用讯息框描述进度或者复杂行为 · 改变界面有效解析度以确认该设计是否适用于不同的萤幕尺寸 · 无需涉及脚本与编码 生成规格说明文档 演示运行可浏览的设计原型是获取对应用程式的体验以及反馈的最佳途径，但是，有时我们也需要生成相对更传统一点的静态说明文档，以与同事或用户分享。 · 自动生成完整的规格说明文档 · 包括所有的设计细节，设计中的界面，以及所有的注释与说明 · 创建完整的文档或者仅包括最新的修改，以节省空间与阅读时间 · 可选的格式包括：HTML、PDF、RTF (for directediting) · 满足用户所需规格的完整HTML模板样式 · HTML也提供可引用的设计组件（或材料）用法的超连结 导出设计以用于外部审查 除了创建规格说明文档，设计也可被导出为数种不同的形式，以进行审查检阅。 · 创建包含所有参考档案的单一分布档案，而无需考虑各参考档案的存放位置 · 包含整个工程项目，单一的资料夹区域或者仅仅一个设计项目 · 分布档案体积非常小，可通过使用free Viewer application传送至任何人 · 选择性的允许观看者介入正在运行的设计原型，以使原型更像一个真正的应用程式 · 分布档案可在浏览器中以不同的视图方式浏览 · 可将各设计部件导出为数种不同格式的图像 · 可将整个设计复制为图像，以贴上入其他的诸如Wordprocessor的应用程式中 以不同的视图风格查看您的设计 以最合适的视图风格将之呈现给您的观众。有时，你可能需要高保真度以及认同，而有时，你可能需要相对低保真以获得反馈。GUI Design Studio允许您无需修改自己的设计即可改变您的演示效果。 · 从设定中选择您的视图类型 · 以您喜好的方式打开设计，如果需要，可以以另一种不同的视图方式演示您的设计原型，以下视觉效果可选： Windows Vista Windows XP Windows NT/2000(Windows Classic) 大纲/缩略图 · Widows风格下有多达20余种基本颜色搭配可选（大纲时4种可选），此外还能创建自定义搭配 设计工程中进行团队协作 GUI Design Studio允许设计组成员共享设计档案，并同时在同一工程项目上进行工作。 · 支持对工程项目进行SVN控制 · 数据存储伺服器可在区域网路或网际网路中 · 根据可用的索引，通过删除，重命名或档案移动对工程项目进行再组织，然后将更改传送至团队的其他成员 · 可自由的修改设计档案-无需锁定该档案，并合并其他团队成员所做的更改（大多数情况下是自动进行）

作为Python开发者，你迟早都会用到图形用户界面来开发应用。本文将推荐一些 Python GUI 框架，希望对大家有所帮助。

Python 的 UI 开发工具包 Kivy

https://www.oschina.net/p/kivy

Kivy是一个开源工具包能够让使用相同源代码创建的程序能跨平台运行。它主要关注创新型用户界面开发，如：多点触摸应用程序。Kivy还提供一个多点触摸鼠标模拟器。当前支持的平台包括：Linux、Windows、Mac OS X和Android。

Kivy拥有能够处理动画、缓存、手势、绘图等功能。它还内置许多用户界面控件如：按纽、摄影机、表格、Slider和树形控件等。

Python 的 GUI 开发工具 Flexx

https://www.oschina.net/p/flexx

Flexx 是一个纯 Python 工具包，用来创建图形化界面应用程序。其使用 Web 技术进行界面的渲染。你可以用 Flexx 来创建桌面应用，同时也可以导出一个应用到独立的 HTML 文档。因为使用纯 Python 开发，所以 Flexx 是跨平台的。只需要有 Python 和浏览器就可以运行。如果是使用桌面模式运行，推荐使用 Firefox 。

Qt 库的 Python 绑定 PyQt

https://www.oschina.net/p/pyqt

PyQt是Qt库的Python版本。PyQt3支持Qt1到Qt3。 PyQt4支持Qt4。它的首次发布也是在1998年，但是当时它叫 PyKDE，因为开始的时候SIP和PyQt没有分开。PyQt是用SIP写的。PyQt 提供 GPL版和商业版。

Python图形开发包 wxPython

https://www.oschina.net/p/wxpython

wxPython 是 Python 语言的一套优秀的 GUI 图形库，允许 Python 程序员很方便的创建完整的、功能键全的 GUI 用户界面。 wxPython 是作为优秀的跨平台 GUI 库 wxWidgets 的 Python 封装和 Python 模块的方式提供给用户的。

就如同Python和wxWidgets一样，wxPython也是一款开源软件，并且具有非常优秀的跨平台能力，能够运行在32位windows、绝大多数的Unix或类Unix系统、Macintosh OS X上。

Tk 图形用户界面 Tkinter

https://www.oschina.net/p/tkinter

Tkinter(也叫Tk接口)是Tk图形用户界面工具包标准的Python接口。Tk是一个轻量级的跨平台图形用户界面(GUI)开发工具。Tk和Tkinter可以运行在大多数的Unix平台、Windows、和Macintosh系统。

Tkinter 由一定数量的模块组成。Tkinter位于一个名为_tkinter(较早的版本名为tkinter)的二进制模块中 。Tkinter包含了对Tk的低 级接口模块，低级接口并不会被应用级程序员直接使用，通常是一个共享库(或DLL)，但是在一些情况下它也被Python解释器静态链接。

Pywin32

https://www.oschina.net/p/pywin32

Windows Pywin32允许你像VC一样的形式来使用PYTHON开发win32应用。代码风格可以类似win32 sdk，也可以类似MFC，由你选择。如果你仍不放弃vc一样的代码过程在python下，那么这就是一个不错的选择。

Python 图形界面开发包 PyGTK

https://www.oschina.net/p/pygtk

PyGTK让你用Python轻松创建具有图形用户界面的程序.底层的GTK+提供了各式的可视元素和功能,如果需要,你能开发在GNOME桌面系统运行的功能完整的软件.

PyGTK真正具有跨平台性,它能不加修改地,稳定运行各种操作系统之上,如Linux,Windows,MacOS等.除了简单易用和快速的原型开发能力外,PyGTK还有一流的处理本地化语言的独特功能.

用python快速开发绚丽桌面程序 pyui4win

https://www.oschina.net/p/py-ui4win

pyui4win是一个开源的采用自绘技术的界面库。支持C++和python。用它可以很容易实现QQ和360安全卫士这样的绚丽界面。而且，pyui4win有所见即所得界面设计器，让C++开发人员和python开发人员直接用设计工具设计界面，而不用关心界面如何生成和运行，可以显著缩短界面开发时间。在pyui4win中，界面甚至可以完全交给美工去处理，开发人员可以只负责处理业务逻辑，把开发人员彻底从繁杂的界面处理中解放出来。

以上就是为大家分享的八款常用的python GUI开发框架推荐，希望能对你有帮助。更多python学习资料，可以关注“武汉千锋”微信公众号。