【问题标题】:Learning to write custom iPhone UI学习编写自定义 iPhone UI
【发布时间】:2010-01-11 19:51:26
【问题描述】:

我的问题更多是关于学习 iPhone 开发者的 UI 技能。

我注意到很多 iPhone 开发人员构建了出色的 iPhone 应用程序,当我说出色时,我指的是出色的界面。我希望能够创建类似的界面,但我发现很难学习如何做到这一点。

我挑选了几本 iPhone 开发书籍,但它们都向您展示了如何使用 Apple 提供的现有 UI 元素,无需自定义。

这里的任何人都可以帮我找到资源并帮助我开发创建那些很棒的 UI 界面所需的技能吗?

【问题讨论】:

  • 您需要定义“令人敬畏的界面”的含义。对于许多(包括我)来说,具有“很棒”接口的应用程序通常是能够很好地实现标准接口库的应用程序,而不是具有独特的、不熟悉的控件的应用程序。发明新控件的时间是您对它有特定需求的时候。
  • 我很确定他指的是具有自定义外观的熟悉控件(如自定义 UIButton)。
  • 你能说出一些拥有你喜欢的 UI 的应用吗?

标签: iphone user-controls user-interface


【解决方案1】:

制作“令人敬畏的 UI”不仅仅是知道如何创建自定义元素,还包括何时不知道。我强烈建议您阅读iPhone Human Interface Guidelines,以了解 Apple 在设计 iPhone 界面时的出处。此外,您应该可以通过 iPhone 开发中心访问 iPhone 技术讲座视频“iPhone 用户界面设计”(单击入门视频),它提供了一些很棒的设计技巧。 Mac Human Interface Guidelines 也是一个可靠的资源,因为该文档开头的哲学设计技巧。该文档的"Extending the Interface" 部分很好地讨论了何时以及如何制作自定义 UI 元素。

我发现您可以从其他开发人员的案例研究中学到很多关于界面设计的知识。其中包括

Stand Alone 的 Crosswords 应用程序设计的 Ben even wrote a great recap

我还发现了解其他人对好的和坏的界面设计决策的看法很有用。这方面的两篇不错的文章是 Mac.AppStorm 的 "30 iPhone Apps with Sexy Interfaces" 和 Smashing Magazine 的 "iPhone Apps Design Mistakes: Over-Blown Visuals"

要学习如何绘制自定义图标,我强烈建议您付费使用Icon Resource series of videos

【讨论】:

    【解决方案2】:

    Matt Gemmell 对此有一篇非常好的博文:http://mattgemmell.com/2008/10/29/favorites-ui-design

    【讨论】:

      【解决方案3】:

      您可以使用通常由 Photoshop 制作的 png 格式的图像。如果您需要知道如何针对不同的 UI 对象执行此操作,请询问或搜索这些问题。我无法为苹果制作的所有 UI 对象回答这个问题,但幸运的是它们可以被分解。
      我可能会建议this 网站,但也许你以前看过它,因为我只用谷歌搜索过:“为 iphone 设计自定义 ui”

      【讨论】:

        【解决方案4】:

        一个很棒的界面不需要用户停下来思考如何使用它。理想情况下,用户甚至不应该注意到界面本身,而是应该能够专注于界面实现的任务。对许多人来说,专注于视觉上有趣的 geewhiz 界面,这些界面在视频中看起来很酷,但使用起来很麻烦且乏味。人们很快就会讨厌这样的界面。

        良好的界面设计始于不可见的数据模型。您应该对应用程序将执行的数据和数据操作有透彻的了解。一旦您知道您知道用户需要查看哪些数据、何时需要查看这些数据以及需要对这些数据执行哪些操作。只有在那个时候你才应该开始考虑界面设计。

        您应该只添加有助于用​​户查看或操作数据的独特界面元素。最后,无用的眼花缭乱对应用成功的伤害大于帮助。

        【讨论】:

          【解决方案5】:

          您可能想查看 Apress 的 iPhone User Interface Projects。我没有读过它,所以我不能保证它,但它的评价很高,似乎正是你要找的。​​p>

          【讨论】: