哪种软件最适合GUI设计?


9

我已经广泛使用了Photoshop,但是事实是它是照片编辑工具。它内置了一些复杂的效果,例如阴影,内部和外部发光等,但是在设计图形界面时还远远不够。例如,您不能添加多个可编辑的渐变。当工具不是为此目的而设计时,您就必须欺骗这些工具以取得所需的效果。

我也已经开始使用Fireworks,我喜欢一些东西,例如能够不断更改圆角矩形上的曲线,但是该程序中的颜色选择器不可用。当您进入Mac颜色选择器时,它表示颜色与实际颜色有所不同,这是因为Fireworks无法正确处理颜色配置文件。这使得调整颜色非常困难。整个软件感觉就像是预发行版本(也许应该是)。

因此,我想知道每个人都会推荐哪种软件来创建GUI?那里必须有一些软件,使您可以拥有一系列可编辑的效果,可以更改,更改顺序,随时移动以及创建出色图形所需的所有其他工具。


根据此处的所有答案,我们需要您澄清问题。我相信您正在要求使用软件来创建实际的GUI元素...图标,按钮等。或者您是否在询问线框图?
2012年

Answers:


7

没有用于GUI设计的通用“最佳”软件。这仅取决于您的软件/工作流程首选项。

的Photoshop

我不确定“多个可编辑渐变”是什么意思,但是如果您知道自己在做什么,Photoshop将提供设计您可以想象的任何GUI所需的所有工具。无需“捣乱”工具。

尽管它的名字,Photoshop的发展已经远远超出了简单的照片编辑/操纵工具的范围,并且没有理由不能在其中进行GUI设计。Photoshop可能提供了市场上任何图形程序中最全面的光栅图像编辑工具集,其用途广泛,从数字绘画到漫画书着色到插图到网络和UI设计到视频制作以及创建3D游戏艺术甚至照片法医。

诸如调整蒙版,图层样式,矢量路径,智能对象,图层复合等功能使UI设计成为已经熟悉其界面和深层功能集的用户的自然选择。另一个优点是,它与Illustrator,Flash Catalyst和许多第三方应用程序/插件等工具很好地集成在一起。

烟花

许多人喜欢Fireworks进行Web设计,因为那是专门为Web设计而设计的,因此,它也是GUI设计的好工具。Fireworks面向对象并支持页面,符号和样式,非常适合UX设计工作流。很多人还发现,Fireworks无需借助标尺,指南或测量工具即可为他们提供更好的像素完美控制。

此外,Fireworks还具有很多不错的功能,例如渐变抖动,ASE色板,并且在某些方面比Photoshop更好的版式控制。Fireworks的Web层及其与Adobe Device Central的集成也使轻松为多个设备快速原型化成为可能。

插画家

在UX设计人员中,另一个流行的应用是Illustrator,它与Fireworks具有很多共同之处。与Fireworks一样,它支持符号,高级对象样式,多个画板(类似于页面)以及更好的矢量编辑功能。

Photoshop,Fireworks,Illustrator和InDesign都可以在网上使用线框/模具套件和UX模板,但是由于Illustrator和Fireworks支持可重用的符号库,因此模块化UX设计在Illustrator和Fireworks中更加容易。

Illustrator还支持字符和段落样式,使其版式设计功能远远优于Photoshop或Fireworks。此外,Illustrator适用于插图,因此您可能要创建的任何图标或Web图形都可以在同一程序中制作。

InDesign

InDesign是IA,IxD等中另一个非常流行的应用程序。它的图形设计功能可能会受到限制,但是它对页面,段落和字符样式,摘要和对象库的支持使其成为许多UX设计任务的理想选择。InDesign还具有非常先进的排版功能,并支持网格布局。这与InCopy集成和Adobe Digital Publishing Suite一起,使其成为希望为其杂志设计移动应用程序的印刷媒体公司的自然选择。


但归根结底,每种工具都有其优势和劣势。大多数特定于UX的应用程序(例如Axure,Balsamiq,OmniGraffle等)都具有许多出色的特定于UX的功能,用于布局/线框/交互设计。但最终,您仍然需要为UI设计实际的图形,需要使用这些图形设计工具,例如Photoshop / Fireworks / Illustrator。

这就是为什么大多数UI设计工作流程都包含多个应用程序的原因。因此,除非您只关心UI设计过程的单个部分(例如,线框图或构建UX库或原型),否则就不会有一个“最佳软件”。


2

Pencil是一款小型且易于使用的GUI设计工具。

Top features:
Built-in stencils for diagraming and prototyping
Multi-page document with background page
Inter-page linkings!
On-screen text editing with rich-text supports
Exporting to HTML, PNG, Openoffice.org document, Word document and PDF.
Undo/redo supports
Installing user-defined stencils and templates
Standard drawing operations: aligning, z-ordering, scaling, rotating...
Cross-platforms
Adding external objects
Personal Collection
Clipart Browser
Object snapping
Sketchy Stencil
And much more...

在此处输入图片说明


这是一个不错的线框图工具,但我认为OP一直在寻找图形编辑工具。
2012年

1

在我工作的地方,我们使用Indesign。我们倾向于使用仔细的印刷样式来创建干净的基于网格的布局,对于那些Indesign来说,它很棒。它可以很好地控制字符,段落和对象的样式,这些样式可以很好地转换为CSS,并可以在过程中的任何时候对这些元素进行微调,并允许更一致的布局。导出图形元素时,它并不是很好,但是我们发现值得这样做。


1

实际上,最出乎意料的GUI原型设计工具之一是Keynote。我认识许多对此感到满意的顶尖UI设计师,Keynotopia是以这种方式使用Keynote的绝佳资源。如果我没有看到它被如此有效地使用,我可能不会相信它,但是它确实运行良好。如果您使用的是Mac,请尝试一下!


0

我在Pidoco工作。

使用我们的原型工具,您可以开发网站,移动应用程序或软件的原型。您可以使用AppStoreGoogle Play中的免费Pidoco应用程序直接在台式机,智能手机或平板电脑上模拟样机。

主要特点是:

  • 实时协作
  • 导出为HTML,PDF,Word,PNG,SVG
  • 大量的模具
  • 范本
  • 定制模具
  • SaaS,因此您可以从任何浏览器使用它

2
请不要在询问有关线框图的每个问题上宣传您的公司。尽管感谢您开放,您是那里的雇员。
DA01 2014年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.