软件界面设计-工具软件介绍

最新推荐文章于 2024-08-05 14:35:30 发布
最新推荐文章于 2024-08-05 14:35:30 发布
阅读量291 收藏
点赞数
分类专栏： 用户体验元素 文章标签： 移动开发 ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jsphnld/article/details/84188726
版权

UIDesigner ，简称“UID”，是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。

 

Pencil 是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图，同时还提供 Firefox 的插件（点击这里安装）。

 

Android Design Preview可以让这一个流程更加方便和简单。它让人可以实时的在真实设备上查看Android高保真的设计图，让视觉设计师像开发工程师一样所见即所得的工作。这个工具的作者是Google的Roman Nurik，它还同时支持Mac和Windows平台。

 

 21个UI界面设计工具、

 

19个免费的UI界面设计工具及资源

书籍：

用户体验草图设计：正确地设计，设计得正确（全彩）

 

点石成金:访客至上的网页设计秘笈(原书第2版)

jsphnld
关注
专栏目录
C++常用软件分析工具从入门到精通案例集锦汇总
dvlinker的技术专栏
06-26 11万+
C++软件分析工具案例分析集锦！根据近几年C++软件异常排查的项目实践，详细地讲述如何使用PE工具、Dependency Walker、GDIView、Process Explorer、Process Monitor、API Monitor、Clumsy、DebugDiag、Windbg、IDA Pro等常用分析工具，以及如何使用这些工具去巧妙地分析和解决日常工作中遇到的问题，有很强的实战参考价值！
C++软件开发值得推荐的十大高效软件分析工具
热门推荐
dvlinker的技术专栏
10-31 2万+
C++软件开发值得推荐的十大高效软件分析工具
软件界面设计工具_3款合集
06-29
UIDesigner（腾讯公司出品） 在软件设计阶段，交互设计师或者产品经理等常常需要使用一些工具（比如Visio、Axure RP、Flash或者OmniGraffle等）制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势，当然也各有各的缺点啦。那么腾讯CDC是如何设计软件原型的呢？这里向大家介绍我们正在研发的原型设计利器UIDesigner。 　　首先，先让我们来体验一下UIDesigner制作出来的原型效果。这个原型是一个设置窗体，主要由按钮、复选框、分组框和文本框等控件构成，其中一些按钮还具有响应的动作（如打开另一个界面，关闭窗体等）。如图一所示，这是使用Firework制作出来的交互图。 图一、使用Firework制作出来的设计稿 　　这种交互图的特点是简单明了，能够表示出各种控件的基本属性（如文本、位置和选中状态等），但它只是一个静态的图片，不能真实表现出每个控件的响应动作，如仅看这张图，是不清楚点击代理服务器设置分组框上的“设置…”按钮会有什么响应的。 　　那再看看你若使用UIDesigner制作出来的效果：最终输出的是一个EXE可执行文件（见图二左上角），双击运行后就会出现一个与最终实现效果完全一致的窗体（见图二右）。另外，它还是一个具有响应动作的真实原型，例如你若点击了“设置…”按钮，那就会弹出一个新的窗体（见图三）。 图二、使用UIDesinger制作出来的原型 图三、点击“设置…”按钮后弹出的另一窗体 　　实际上，这个新弹出的窗体都是一个独立的原型，也是由UIDesigner制作出来的。由于它里面的控件同样可以设置下一步的响应动作，所以从总体上来看，众多原型就像一个树状结构，而其中的父节点就是图二中的设置窗体了。这种结构具有一个很大的好处：无论你完成了多个界面的原型，只需要它们之间有链接关系，最后输出的只是一个EXE可执行文件。这样，你可以很方便地与其它人员表达自己的设计思路，让沟通变得更加快捷。 　　接下来，我们看看这个原型是如何制作出来的。 　　第一步：建立空白窗体，调整它的大小、风格、标题和Icon 图四、使用UIDesigner制作原型—建立窗体 　　第二步：从工具箱中拖曳控件到窗体上，修改这些控件的属性（如Text等） 图五、使用UIDesigner制作原型—加入控件 　　由于UIDesigner具有自动对齐的功能，所以在拖动控件到窗体时就可以完成排版工作，不需要再逐个像素去调整。另外，不单单在加入控件到窗体时，在改变已存在于窗体内的控件的位置或者大小时，自动对齐功能一样会生效。这样，设计者在调整控件大小或者位置时（包括控件与控件，控件与窗体边缘等的距离等情况），工作变得很简单。 图六、使用UIDesigner制作原型—自动对齐功能 　　第三步：几分钟后，所有的控件都放到窗体并设置好属性了，如下图。 图七、使用UIDesigner制作原型—整体界面效果 　　此时，设计者就可以使用软件的导出图片或者导出原型功能分享你的设计成果了。当然，现在这种效果还只是一个没有响应动作效果的原型。接下来，我们再给“设置…”按钮加入响应动作。首先，选中“设置…”按钮，然后点击工具栏的“响应”按钮，你将会看到如图八的响应设置窗口。此时，你可以选择打开窗体、打开网页、弹出对话框、修改属性值和关闭本身窗体等五种效果，这里我们选择“打开窗体”，然后在弹出的对话框里指向弹出窗体的文件。最后，点击“完成”按钮即可。 图八、使用UIDesigner制作原型—设置控件的响应动作 　　到此为止，你就完成了一个与最终实现效果完全一致的高保真原型了。产品经理和开发人员等若想了解你的设计思想就不需要看着长长几页的说明文档了，而只需要运行你输出的原型文件，就可以对你的设计思路一目了然。 　　UIDesigner除了能让使用者能够快速地搭建起软件界面的高保真原型外，还提供了项目管理，让使用者能够方便地管理工程文件；提供了图片库和模板库功能，让使用者可以方便地重用以前的设计资源；提供了32个Windows客户端软件常用控件，满足使用者的设计需求；提供了多个属性设置入口，分别实现最常用属性设置、一般属性设置和高级属性设置功能。当然，UIDesigner不是专用来设计QQ的，其它的Windows客户端产品都在它的工作范围之内。总的来说呢，使用UIDesigner来制作原型是很高效的，而制作出来的原型也能够实现设计师、产品经理和程序开发工程师三者间的快速沟通，减少不必要的工作内耗。 ------------------------------------------------------------------ GUI_Design_Studio_3.5.94.0 在2008年，这款软件的作者从1,322位付费用户那获得了162,302美元的收入（其中仅12月份就有39,000美元），这令人鼓舞地证明了只要是提供真正价值的服务和软件，就能够创造很好的收入，即使在经济萧条的寒冬里。 GUI Design Studio是一款图形用户界面设计工具，您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件；将它们整合以展示操作工作流然后运行模拟程序测试您的设计。 当您需要绘制一款应用程序的外观或显示怎样将程序的各个部分连接起来时，您就可以使用GUI Design Studio来实现，如： 将产品创意文档化 制作项目提案 需求记录 创建屏幕图样 为开发人员制作详细的规格 为现有产品提出加强方案 以及更多其它用途 为用户以及股东甚至您自己制作展示文件以： 验证设计 找出替代项 评估多个使用场景 系统需求 Microsoft Windows Vista/XP/NT/2000 至少15MB的硬盘空间 推荐不少于256MB的内存 工程 将您的工作组织放到工程里。 每个工程都拥有它自己的文件夹结构。 可连接您计算机或网络上任何地方的其它库工程。 可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。 创建您想要的并独立于所有工程的个人化设计文件。 创建能重复使用的设计库以及工程之间的一致性。 将图片直接从剪贴板中粘贴到工程文件夹的文件中。 屏幕设计程序 可同时打开多个设计文档并能使用分页界面在文档间快速切换。 可使用标准Windows元素创建图形用户界面（GUI）屏幕，包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有元素或其它自定义控件创建自定义控制组件。 在其它设计中创建将要使用的控件设计。 以常用的文件格式添加图标与图片。 从能够显示您将获得什么的控件面板中进行拖放操作。 属性编辑程序使您能将每个元素进行自定义。 元素的自动生成功能。 您能在任何地方放置任何元素。 Edge snapping能通过“点击”对屏幕元素进行统一记录。 设计网格向您提供了简单的制作具有一致性设计布局的方法。 只需单键点击就能排列元素组。 均衡地隔开元素组。 调整元素大小以适应其它元素或测量一组其它元素。 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。 剪切、复制与粘贴。 使用可选的canvas向导显示可用的屏幕空间。 通过文本框与书签对您的设计进行注释。 为每个设计添加说明。 选择色彩主题以避免实际功能窗口的混淆。 图标 为图标面板提供快速的访问方式。 工程间可共享常用图标。 工程也能拥有它们独享的图标集。 使用将来在实际产品开发中可能用到的标准ICO文件。 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。 如果愿意同样能整合任意其它的图标编辑应用程序。 展示与原型 在可导航元素（如按键与窗口）之间创建连接以显示控制流程。 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口，以及窗口替换以实现切换效果。 锚点使您能对窗口进行准确定位。 能立即在模拟程序中测试或展示您的设计。 添加消息框以描述可能在真实应用程序中出现的功能。 可创建多种场景，如正常条件下的场景与多个出错场景。 选择要激活的场景或让模拟程序为您选择。 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。 在没有进行脚本或代码编写的情况下，所有操作都是以图形模式完成。 ------------------------------------------------------------------ Balsamiq_Mockups_1.8.4 1. 首先安装 AdobeAIRInstaller.exe 2. 安装主程序 MockupsForDesktop.air 3. 使用 keygen 进行注册 在Balsamiq Mockups中绘制界面原型，就像在纸张和白板上手工绘画一样方便快速，而且不用担心出错，因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了！ 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件，如浏览器窗口、媒体播放器组件、圆形图表等，让你信手拈来！ 丰富的控件 方便的属性设置 当你选择一个控件时，会立刻出现该控件的属性选项，你可以随时编辑修改属性。 属性设定 无限的恢复/重做，不用担心出错，你可以无限制的进行回复和重做。 开放，可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据，你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用，你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件，可以帮助你设计桌面应用软件，Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点： 操作方面：拖拽，控件分组，甚至元素之间的对齐都做得很到位； 预制了六十多个界面元素，从简单的输入框，下拉框，到经常用得到的导航条，日历，表格，到复杂的Tag Cloud，Cover Flow, 地图，WYSWYG的格式工具栏等，有了这些不用从头画起，其实比用白板都快； 界面元素的修改很简单，比如导航条的几个标签页的label，就是用逗号分隔的文字，下拉框的选项就是分行的文字； 使用xml语言来记录和保存界面元素和布局，从而使其能够快速的导入到你所需的任何一个项目中，或其他工具中。 可以将设计导出成PNG格式的图片； 随着使用的熟练，快捷键便派上用场，超过一半的元素均有快捷方式，这更有助于原型的快速构造，几乎几分钟便可实现一个满意的而复杂的原型设计； 跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS, Linux和Windows下都能使用； 不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效。 可以用命令行进行导出操作，这样就能让我写个脚本，从svn里checkout某个目录下的所有设计文件后，导出图片，打包后用邮件发到项目经理，工程师甚至客户那； 跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS, Linux和Windows下都能使用；不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效；据作者说，现在这款软件的设计就是用它自己来设计的，经典的“吃自己的狗粮”，这也让我对其更有信心，因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务，作者Peldi对问题报告，新需求的回应很积极和及时。而且根据这个讨论上看，到月底就会有一个专门用来分享界面控件设计的社区网站了，很期待。 再要说的一点是这款软件是要付费的，79美元（也可以免费，具体如何免费，请看网站上的说明），相对于它能节省下来的时间和提高的效率，是很值得的。Peldi说在2008年，这款软件就从1,322位付费用户那获得了162,302美元的收入（其中仅12月份就有39,000美元），这令人鼓舞地证明了只要是提供真正价值的服务和软件，就能够创造很好的收入，即使在经济萧条的寒冬里。
推荐几款软件界面模型设计工具
weixin_34396902的博客
06-14 2657
一：GUI Design Studio 界面模型设计中很实用的一个工具GUI Design Studio，可以让界面示意图实现基本的交互，便于演示、交流。GUI Design Studio提供的了大部分C/S、B/S组件的示意图，可组合使用，在一般软件界面模型设计阶段基本可以满足需要。推荐需求、界面设计开发等界面原型相关人员使用。 http://www.carettasoftware.com/...
软件界面原型设计工具(Web)：Axure RP
weimou66
01-29 277
Axure RP 如果你觉得Balsamiq Mockups卖79美元还贵的话，那Axure就更显得色差奢侈了，很多Axure的培训费都远高于这个价！ Axure的发音是”Ack-sure”，RP则是”Rapid Prototyping”快速原型的缩写。Axure RP Pro是美国Axure Software Solution公司的精心杰作，可以说Axure是Windows上最出色的原型...
软件界面原型设计的工具
09-04
UIDesigner，简称“UID”，是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。
软件界面设计工具3款合集
03-29
在Balsamiq Mockups中绘制界面原型，就像在纸张和白板上手工绘画一样方便快速，而且不用担心出错，因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了！ 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件，如浏览器窗口、媒体播放器组件、圆形图表等，让你信手拈来！ 丰富的控件 方便的属性设置 当你选择一个控件时，会立刻出现该控件的属性选项，你可以随时编辑修改属性。 属性设定 无限的恢复/重做，不用担心出错，你可以无限制的进行回复和重做。 开放，可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据，你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用，你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件，可以帮助你设计桌面应用软件，Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点： 操作方面：拖拽，控件分组，甚至元素之间的对齐都做得很到位； 预制了六十多个界面元素，从简单的输入框，下拉框，到经常用得到的导航条，日历，表格，到复杂的Tag Cloud，Cover Flow, 地图，WYSWYG的格式工具栏等，有了这些不用从头画起，其实比用白板都快； 界面元素的修改很简单，比如导航条的几个标签页的label，就是用逗号分隔的文字，下拉框的选项就是分行的文字； 使用xml语言来记录和保存界面元素和布局，从而使其能够快速的导入到你所需的任何一个项目中，或其他工具中。 可以将设计导出成PNG格式的图片； 随着使用的熟练，快捷键便派上用场，超过一半的元素均有快捷方式，这更有助于原型的快速构造，几乎几分钟便可实现一个满意的而复杂的原型设计； 跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS, Linux和Windows下都能使用； 不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效。 可以用命令行进行导出操作，这样就能让我写个脚本，从svn里checkout某个目录下的所有设计文件后，导出图片，打包后用邮件发到项目经理，工程师甚至客户那； 跨平台，Balsamiq Mokups是用Flex和Air实现的，所以在Mac OS, Linux和Windows下都能使用；不仅仅有桌面版本，还有能集成在Confluence，JIRA，和XWiki中的版本，使得异地在线协作更方便有效；据作者说，现在这款软件的设计就是用它自己来设计的，经典的“吃自己的狗粮”，这也让我对其更有信心，因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务，作者Peldi对问题报告，新需求的回应很积极和及时。而且根据这个讨论上看，到月底就会有一个专门用来分享界面控件设计的社区网站了，很期待。
UI草图设计软件（界面示意图设计工具-Balsamiq Mockup 附序列号）
12-07
1. **快速原型设计**：Balsamiq Mockup以其高效快捷的草图绘制功能著称，设计师可以迅速地把想法转化为可视化的界面设计，大大缩短了设计周期。 2. **手绘风格**：软件提供了大量的手绘风格元素，如按钮、文本框、...
如何做好软件界面设计？2个方法一次掌握！
FourxiYuanzi的博客
02-20 2303
好的软件界面设计要做到清晰、舒适、美观。要想做好软件界面设计，需要遵循软件界面设计的 4 大原则：清晰、高效、一致、明了。同时还需要不断的临摹优质的软件界面设计，取长补短，渐渐精进自己的软件界面设计能力！
一款进行软件界面原型设计的工具
09-07
拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。
软件界面设计软件
12-18
AxureRP6.5-Pro-Setup是一款可视化界面设计器，可用于软件开发行业，讨论流程蓝图时，对界面的设计可视化，基于流程设计界面，后期根据此界面以及流程开发，减少开发成。是一款很有用的项目管理软件
C#软件很经典的界面风格
12-22
c# 软件界面风格： 动态， 稳定 ，灵活， 可扩展 基于C/S的
界面设计的工具
thanklife的专栏
01-18 528
领导要求的项目UI部分比较高。要找专人进行设计。补充一下知识 如下网文介绍了一些做桌面应用的界面设计心得体会，展示了一些界面的风格。 （转）桌面程序界面设计分享 - 黑子范 - 博客园这几年专注于Web开发，Web界面设计的心得在这篇文章中已经与大家分享 做项目时，如何做比较美观大方的数据输入窗体 今天分享一些做桌面应用的界面设计心得体会。 费话少说，一图胜过千言万语。一边上图，一https://www.cnblogs.com/fcsh820/archive/2010/02/26/1674047.h
用户体验至上：9款软件界面设计工具分享
最新发布
2301_79599164的博客
08-05 1947
你知道如何选择正确的UI设计软件吗？您知道哪些界面设计软件需要设计美观的用户界面，以及带来良好用户体验的APP吗？根据APP界面的不同功能，制作软件界面的选择也会有所不同。但是，并非要非常精通所有的制作软件界面，而是要精通几个常用的制作软件界面。下面13个制作软件界面将为您的团队提供绘制APP界面所需的必要功能。
软件界面设计技巧
weixin_30537391的博客
03-31 272
软件界面设计技巧最好的程序界面就是用户无需阅读操作手册就知道该如何使用的界面。　　原则：　　1. 一致性　　如果你可以在一个列表的项目上双击后能够弹出对话框，那么应该在任何列表中双击都能弹出对话框。要有统一的字体字号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。　　2. 设置标准并遵循它　　可以参考一些工业标准，如IBM的界面设计规范或MS的设计规则，它提供了90％...
软件界面搭建
lucky_XiaoZhang的博客
10-28 223
Unity软件UI界面搭建
6个常用的界面原型设计工具，新手小白看！
haishao520的博客
03-29 2452
界面原型设计是现代设计师必备的技能之一。界面原型是设计数字产品或应用程序的重要步骤，将概念转化为具体的互动界面。对于初学者小白来说，选择一款易于使用、功能强大的界面原型设计工具非常重要。本文将介绍 10 种常用的界面原型设计工具，帮助初学者找到合适的工具，释放创造力的无限可能。即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。
Python GUI界面界面—tkinter，学习、复习、查阅，这一篇就够了
qq_54634562的博客
11-02 6229
PythonGUI程序界面设计tkinter优点：无需另外下载，是自带的、操作简单、易方便；缺点：界面控件较少，页面不够美观注：一般来说做小软件tkinter足够了（页面可以用ttkbootstrap美化）。参考材料：https://blog.csdn.net/qq_48979387/article/details/125706562。
搭建一个app的主体界面
weixin_42171638的博客
01-03 342
目前app内容的整体结构基本都是底部几个按钮来切换内容界面这种方式，要想实现这种有很多方案，下面介绍一种比较常规实现的方案。 通过RadioGroup和Viewpage,viewpage中添加Fragment。 首先是xml中布局设置 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=...
提升用户体验：软件界面设计的关键原则
“软件界面设计规范综述” 在软件开发中，界面设计是至关重要的一个环节，它直接影响到用户的使用体验和软件的接受度。界面设计规范的目的是为了提高易用性和用户满意度，使得用户能够直观地理解软件的功能，并且...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值