通过 GUI“屏幕截图”设计应用程序艺术或“艺术板”？以及如何将其应用到应用程序中？

Question

1.我应该为我的应用程序的UI图形设计一个“屏幕截图”吗？

来自 此链接

2.如何将我在 Photoshop 和 illustrator 中设计的“屏幕截图”应用到 的图形 UI我的应用程序？

3.我应该设计一个带有按钮、背景等的“艺术板”吗？

来自 此链接

4.我是否将画板切割成精确尺寸？

5.如果有人知道相关教程，我将非常感谢链接。

我认为这个问题与 iPhone 开发相关，因为它是整个过程的关键部分。

谢谢。

更新我发现了一个很棒的帖子 关于如何从 Photoshop 导出到 iPhone

Answer 1

1. 好吧，当然。正常的设计过程是首先生成粗略的线框，从中可以构建应用程序本身，然后返回并添加美工人员提供的特定图形。
2. 使用 UIButtons 来正确裁剪和导出图像，或者作为背景顶部的“隐形按钮”。类似 PC 的行为是响应 UITouchUpInside，但有时如果您使用不可见按钮（即没有图像或文本标题的自定义按钮），您可能需要响应 UITouchDown。根据艺术，您可能想要为 UIControlStateHighlighted 创建自定义图像。
3. 画板是设计时的东西；您的画板永远不会进入应用程序。如果您想使用它，那么您这样做是为了您的设计流程，而不是为了让应用程序运行得更好。
4. 是的。您的艺术家应该将每个单独的按钮导出为其自己的 PNG——当然，可以是正常分辨率，也可以是 @2x 分辨率。

在你发布的《龙风暴》截图中，我看到：
A) 静态背景图片
B) 右侧有四个按钮，可能是看不见的按钮。尽管新游戏和设置的木制标牌不是轴对齐的，但稍微捏造一下并使用轴对齐的图像是合乎道德的。当然，您的按钮可以包含一个透明区域，以便标牌在单击时突出显示，但石头和链条则不然。
C) 底部的三个按钮，通过连接到 UIPageView 的 UIScrollView 进行管理 - 这实际上表明内部视图中有 12 个按钮。在这里使用石头章节图像作为按钮图像可能没问题。
D) 用于显示每次保存日期的自定义字体

因此艺术资源将是：

• 一个背景 PNG
• 右侧四个按钮中的每一个都有 0 个、1 个或 2 个 PNG
• 每一章有 1 个或 2 个 PNG
• 自定义字体

Answer 2

以下是我遇到的教程的链接，该教程解释了从 Photoshop 导出 UI 元素的不同方法：从 Photoshop 导出 UI 元素。

希望这有帮助！