用于 Mac OS X 应用程序 UI 的 UI 模型和线框工具

平面设计 界面设计 苹果电脑 小样
2022-02-27 18:55:45

我希望从经验丰富的设计师那里获得一些意见,因为我的主要工作是围绕编码而不是设计...

有什么好的工具可以用来模拟一些 os x 风格的界面?更现代的东西会更可取,而不是 2006 年蜜蜂膝盖或其他什么的工具。

如果它是一个mac应用程序,那就更好了。提前致谢!

3个回答

我认为这个问题之前已经被问过,但我还没有找到它,如果你在谷歌上搜索线框工具模型工具,你会得到一个巨大的清单。这就是说有些人使用Omnigraffle来制作模型,如果我不得不使用我会的。

其他工具:

根据您的工作和拥有相当数量的设计技能,我会在 Illustrator 或 Photoshop 中创建您自己的模型。

根据您的评论进行编辑

谢谢爷爷。我问的原因是因为可用的这些工具数量巨大,我试图找到最适合我的设计师使用的最好的工具。就像 Photoshop 和 Illustrator 一样。

有人会说 Onmigraffle 或 balsamiq 是最受欢迎的,但如果您担心设计,我会考虑在浏览器中实现设计,因为它会产生最佳输出,并且在从模型转换到工作站点时会更容易。请注意,从纸上设计到实际代码,总会有一些差异。不要担心在预期设备上工作的 CSS 或视觉效果:

在此处输入图像描述

您是否尝试过使用 xCode 故事板?没有比这更多的苹果应用程序外观了,xCode 包含可以放入 OSX 应用程序的各种元素。

我刚刚尝试使用 Omni-Graffle(第 5 版),我不得不说,如果您进行屏幕设计,会遇到一些主要障碍:

  1. 字体大小不是以像素为单位的,也不正确:如果我在 OmniGraffle 中输入一些文本并将其设置为 12,然后将屏幕导出为 PNG 并在 Photoshop 中打开,则文本大小实际上是 9 像素。如果我输入 18,在 Photoshop 中是 15,等等。

  2. 颜色:OmniGraffle 处理颜色的方式不好。它依赖于苹果内置的颜色选择器,结果不准确。例如:例如,我用 255 0 0 或 #ff0000 创建了一个红色。如果我现在使用 OmniGraffle 中的颜色选择器工具并单击我刚刚创建的红色,它现在是 242 0 0。

  3. 屏幕尺寸:您不能以像素为单位设置屏幕尺寸,只能以点 (pt) 为单位。

我现在也在寻找可靠的线框图和模型工具。不过,我真的不能责怪 OmniGraffle。它实际上是一个流程图工具,并不真正适用于线框。