web-dev-qa-db-ja.com

iPad用に設計するためのグリッドシステム(Photoshop / Pixelmator)

私はiPadアプリを設計しているので、グリッドテンプレートを実際に使用できました。おそらく 960グリッドシステム で作業できます。ただし、目的に合わせてカスタマイズされた(つまり、iPadの解像度や(XcodeのInterface Builderによって)提案された画面マージンなどを考慮した)ソリューションを見つけたいと思います。助言がありますか? iPadのインターフェース設計にはどのように取り組みますか?

2
user8597

ネイティブiOS開発用のグリッドシステムはありません。フォトショップで独自のグリッドを実行する必要があります。

ほとんどの場合、デフォルトのiOSインターフェース要素を使用しません

独自のコンポーネントを作成する最も一般的な方法は、独自のスキンと動作でiOSコンポーネントを拡張することです。
完全なカスタムコンポーネントを使用する場合は、 IView を拡張し、その上に要素を構築しますが、ほとんどのコンポーネントのIMHOはコストのかかるアプローチ、つまり多くの開発作業ですあなたが自分でする必要があること。

また、uxの観点から、 OS UIガイドライン に従うことをお勧めします。そのため、ネイティブコンポーネントを使用または拡張することをお勧めします。
ガイドラインに書かれていることを正確に実行する必要があるとか、すべてにネイティブコンポーネントを使用する必要があるとか言っているわけではありませんが、最初から始めるのが良いでしょう。
ガイドラインはテストされた(少なくとも私たちはそう願っています)推奨事項であり、ユーザーが知って慣れるようになっている推奨事項であり、破壊できないルールではありません。

0
herkulano

私はiPad/iPhoneのグリッドレイアウトを試し、GitHubでPSDテンプレートのコレクションを開始しました。これらはWebデザインを目的としていますが、ネイティブアプリコンプのデザインにも使用できます。

https://github.com/robflaherty/photoshop-grids

1
Rob Flaherty

IPadステンシルのリストはこちらにあります: http://emilychang.com/2010/03/ipad-templates-and-stencils/

ほとんどはPSD形式で、自分では使用していません。

1
Pau Giner