【问题标题】:Advanced iOS Interface Design?高级iOS界面设计?
【发布时间】:2011-01-19 15:23:32
【问题描述】:

我做了一些 iPhone 开发(目前应用商店中有 3 个应用程序),但界面非常简单。我在大多数情况下都使用了库存组件(UITableViewController 等),并进行了一些定制,但在大多数情况下,一切看起来都很通用。我想开始开发具有更丰富用户界面的应用程序,但还没有找到任何好的资源来帮助我开始。

你们都遇到过哪些资源,概述了如何创建更高级的 iOS 界面(iPhone 和 iPad)?图书?博客条目?单看我现在安装的应用程序,我印象非常深刻的一些界面是 ESPN Score Center、XFINITY TV、Facebook 等。

第 3 方接口组件库呢?您是否推荐任何提供比现有 iOS 库中的更高级的界面组件?

我很想看看您推荐的任何入门资源。

【问题讨论】:

    标签: iphone ipad ios user-interface interface


    【解决方案1】:

    我喜欢Ray Wenderlich's 教程。他在 Core Graphics 上有一个,它允许您使用页眉、按钮和贝塞尔曲线页脚绘制自己的表格视图!

    【讨论】:

      【解决方案2】:

      这里有一个经常被忽视的小秘密:你看到的很多很酷的 UI 元素都是库存的 Apple 元素,它们已经被定制到了不归路的边缘。

      主要原因是 Apple 投入了大量时间和精力来制造简单易用的组件。例如,一个 UIScrollView 的测试时间比你编写的任何应用程序都希望达到的时间要多得多。

      诀窍是准确地知道如何自定义元素。 UITabBar 就是一个很好的例子:我见过几个使用自己的自定义标签栏的应用程序。问题是,他们通常不能很好地处理边缘情况。如果有人试图同时点击两个项目,您可能会遇到问题(我实际上已经看到一个应用程序使用他们自己的标签栏崩溃实现,如果您同时按下两个项目)。

      但是,如果您使用 Apple 的 UITabBarController 并对其进行子类化、分类或以其他方式重载以获得所需的自定义,您将免费获得许多低级事件处理的东西。

      您会惊讶了解您可以使用 UITableViewController 做什么,并且您可以免费获得视图回收之类的东西(我开发的一些应用程序具有独立单元格大小调整、自定义等功能)单元格动画、tableview 的水平实现等)。

      我承认这不是一个特别有用的答案,但我想在这里表达的一点是,一旦您设计了出色的 UI,请退后一步,在推出自己的工具集之前考虑使用现有工具集可以实现什么。当您修复错误时,您会感谢我的!

      【讨论】:

      • 同意,很好的答案。事实上,在我所做的一些阅读中,这似乎是 理想 的答案,因为您只需要覆盖您实际想要更改的内容。我只是对一些资源感兴趣,这些资源展示了当您覆盖这些组件中的特定行为以获得更令人印象深刻的结果时可能发生的事情。
      • @Shadowman,当你说“更丰富”时,你的意思是图形更丰富吗?喜欢在默认的凝胶按钮上绘制自己的按钮吗? Ray 的教程对此有所帮助。至于附加功能,我同意@lxt,使用苹果的东西。
      【解决方案3】:

      我也喜欢Three20。直到现在我还没有在我的项目中使用它,但我玩过它。里面有一些非常酷的东西。 ;-) 我认为这是扩展标准用户界面的一种方式。

      另一个非常酷的部分是设计自己的元素。我真的很喜欢这个。因为你在你的应用程序中拥有其他人没有的东西。 :-D

      【讨论】:

      • 对 OP 的评论:您提到 facebook 是一个很好的 UI,Three20 框架 facebook 是由什么制成的。
      【解决方案4】:

      我已经开始研究使用Opacity for Mac,它是一个非常简洁的桌面应用程序,您可以在其中生成自己的图形元素(按钮、开关、图标等),然后自动生成 CocoaTouch / Quartz2D 类和要放置的标题在您的应用程序中...某些元素在设备上以本机方式绘制时效果最佳,而不是作为 png 或其他方式存储/加载。此外,您还可以免费获得@2x Retina 显示支持。虽然它不是一个界面修饰框架,但它为您生成 Quartz2D 代码这一事实使其成为任何具有远程图形创意但缺乏复杂 2D 编程技能的人的真正竞争者。

      说到漂亮的界面,如果你正在寻找灵感或实际的图形元素来放入你的界面,我经常在365psd 得到一些很棒的想法......他们实际上提供了 Photoshop 文档来重现一些令人眼花缭乱的 UI商品,免费。有些地方可能只给你一个 PNG,但如果你想缩放它(@2x 或 iPad)或定制它以满足你的需要,这并没有什么好处。这就像图形 UI 设计的开源。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-12-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多