什么软件最适合 GUI 设计?

平面设计 adobe-photoshop 土坯烟花
2021-12-27 21:56:35

我已经广泛使用 Photoshop,但事实上它是一个照片编辑工具。它内置了一些复杂的效果,例如阴影和内外发光等,但在设计图形界面时还不够。例如,您不能添加多个可编辑的渐变。而且你必须欺骗工具来实现你想要的效果,当它们不是为此而设计的。

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

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

4个回答

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

Photoshop

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

尽管有它的名字,Photoshop 的发展已经远远超出了一个简单的照片编辑/操作工具,而且你没有理由不能在其中进行 GUI 设计。Photoshop 可能提供了市场上任何图形程序中最全面的光栅图像编辑工具集,它用于从数字绘画到漫画书着色到插图到网页和 UI 设计到视频制作和创建 3D 游戏艺术甚至照片的所有内容取证。

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

烟花

许多人更喜欢 Fireworks 用于网页设计,因为它是专门设计的,因此它也是 GUI 设计的好工具。作为面向对象并支持页面、符号和样式,Fireworks 非常适合 UX 设计工作流程。很多人还发现 Fireworks 无需借助标尺、参考线或测量工具即可提供更好的像素完美控制。

此外,Fireworks 有很多不错的功能,例如渐变抖动、ASE 色板,在某些方面比 Photoshop 更好的排版控制。Fireworks 的 Web 层及其与 Adob​​e 的 Device Central 的集成也使得为多个设备快速制作原型变得容易。

插画家

另一个在 UX 设计师中流行的应用程序是 Illustrator,它与 Fireworks 有很多优点。与 Fireworks 一样,它支持符号、高级对象样式、多个画板(类似于页面)甚至更好的矢量编辑工具。

Photoshop、Fireworks、Illustrator 以及 InDesign,都在 Web 上提供了线框/模板套件和 UX 模板,但模块化 UX 设计在 Illustrator 和 Fireworks 中更容易,因为它们支持可重复使用的符号库。

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

设计

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


但归根结底,每种工具都有其优点和缺点。像 Axure、Balsamiq、OmniGraffle 等大多数 UX 特定的应用程序具有许多针对布局/线框/交互设计的出色的 UX 特定功能。但归根结底,您仍然需要为 UI 实际设计图形,这需要 Photoshop/Fireworks/Illustrator 等图形设计工具。

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

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...

在此处输入图像描述

在我工作的地方,我们使用 Indesign。我们倾向于使用谨慎的排版样式创建干净的基于网格的布局,对于那些 Indesign 来说非常棒。它对字符、段落和对象样式有很好的控制,可以很好地转换为 CSS,并允许在过程中的任何时候微调这些元素,以及允许更连贯的布局。导出图形元素时它不是很好,但我们发现这种权衡是值得的。

最出人意料的 GUI 原型设计工具之一实际上是 Keynote。我认识不少一流的 UI 设计师,他们对此深信不疑,而Keynotopia是以这种方式使用 Keynote 的绝佳资源。如果我没有看到它被如此有效地使用,我可能不会相信它,但它确实工作得很好。如果您使用的是 Mac,请尝试一下!