web-dev-qa-db-ja.com

高度なiOSインターフェースデザイン?

私はiPhoneの開発を少し行いましたが(現在、アプリストアに3つのアプリがあります)、インターフェイスはかなりわかりやすいものになっています。私はほとんどの部分(UITableViewControllerなど)を少しカスタマイズしてストックコンポーネントを使用しましたが、ほとんどの場合、すべてがかなり一般的に見えます。よりリッチなユーザーインターフェースを備えたアプリの開発を開始したいのですが、開始するための適切なリソースが見つかりませんでした。

より高度なiOSインターフェース(iPhoneとiPadの両方)を作成する方法の概要について、皆さんはどのようなリソースに出くわしましたか?本?ブログエントリ?私が今インストールしたアプリを見るだけで、私が非常に感銘を受けたインターフェースのいくつかは、ESPNスコアセンター、XFINITY TV、Facebookなどです。

サードパーティのインターフェイスコンポーネントライブラリはどうですか?在庫のiOSライブラリよりも高度なインターフェイスコンポーネントを提供することをお勧めするものはありますか?

始めるためにあなたがお勧めするリソースを見てみたいと思います。

26
Shadowman

私は大好きです Ray Wenderlich's チュートリアル。彼はコアグラフィックスに1つあり、ヘッダー、ボタン、ベジェ曲線のフッターを使用して独自のテーブルビューを描画できます。

23
Stephen Furlani

見落とされがちなちょっとした秘密があります:あなたが見るクールなUI要素の多くare stock Apple返品の瀬戸際にカスタマイズされた要素。

これの主な理由は、Appleは、単純に機能するコンポーネントの作成に多くの時間と労力を費やしていることです。たとえば、UIScrollViewは、どのアプリよりもはるかに多くのテスト時間を組み合わせています。書き込みは達成することを望むことができます。

秘訣は、要素をカスタマイズするためにhowを正確に知ることです。 UITabBarは良い例です。独自のカスタムタブバーを使用するアプリをいくつか見てきました。問題は、多くの場合、エッジケースを特にうまく処理できないことです。誰かが2つのアイテムを同時にヒットしようとすると、問題が発生する可能性があります(2つのアイテムを同時に押すと、タブバークラッシュの独自の実装を使用するアプリを実際に見ました)。

ただし、AppleのUITabBarControllerを使用し、サブクラス化、分類、またはその他の方法でオーバーロードして必要なカスタマイズを取得すると、低レベルのイベント処理機能を無料で入手できます。

あなたは驚いた UITableViewControllerでできることで、ビューのリサイクルなどを無料で手に入れることができます(私が取り組んだアプリの中には、独立したセルのサイズ変更、セルのカスタマイズされたアニメーションなどがあります、テーブルビューの水平方向の実装など)。

特に有用な答えではありませんが、ここで説明したいのは、キックアスUIのステップバックを設計し、既存のツールセットで何ができるかを検討してから、独自のツールセットを作成することです。バグ修正に関しては、私に感謝します!

14
lxt

Opacity for Mac の使用を検討し始めました。これは、独自のグラフィック要素(ボタン、スイッチ、アイコンなど)を生成し、CocoaTouch/Quartz2Dクラスを自動的に生成できる非常に優れたデスクトップアプリケーションです。アプリにドロップするヘッダー...一部の要素は、pngなどとして保存/ロードされるのではなく、デバイスにネイティブに描画されている場合に最適に機能します。さらに、@ 2xRetinaディスプレイのサポートを無料で利用できます。インターフェイスのドレスアップフレームワークではありませんが、Quartz2Dコードを生成するという事実により、リモートでグラフィカルにクリエイティブであるが複雑な2Dプログラミングスキルが不足している人にとって、これは真の競争相手になります。

美しいインターフェースと言えば、インターフェースに入れるインスピレーションや実際のグラフィック要素を探しているなら、私は頻繁にいくつかの素晴らしいアイデアを得る 65psd ...それらは実際にいくつかの目を再現するためのPhotoshopドキュメントを提供しますUIグッズを無料でドロップします。 PNGを提供する場所もありますが、スケーリング(@ 2xまたはiPad)したり、ニーズに合わせてカスタマイズしたりする場合は、ほとんど役に立ちません。グラフィカルUIデザインのオープンソースのようなものです。

1
Greg Combs

私も好きです Three2 。今まで自分のプロジェクトでは使っていませんでしたが、遊んでみました。そして、それには本当にクールなものがいくつかあります。 ;-)これが標準のユーザーインターフェイスを拡張する1つの方法だと思います。

もう1つの本当にクールな部分は、独自の要素を設計することです。私はこれが本当に好きです。あなたはそれからあなたのアプリに他の誰も持っていない何かを持っているからです。 :-D

1
Sandro Meier