基本的にすべての html5 対応デバイスで動作するアプリを作成したいと考えています。最後の 3 つは、これらのデバイス用のアプリに関する情報がほとんどないため、困惑しています。
それらはすべて異なる画面解像度を持っていますが、すべて別々のデザインが必要ですか?
iPhone 3Gs/ iPhone 4
Motorola Droid
iPod Touch
iPad 2
Samsung Tab 7”
Motorola Xoom
Sony Tablet S
2 に答える
1
すべてのデバイスとフォームファクターで単一のエクスペリエンスを実行することによるユーザーへの影響を考慮する必要があります。
電話は不動産に非常に厳しいので、彼らは一般的にパラダイムのドリルを持っています。リストを取得し、選択し、スタック上のビューをポップし、リストにポップアウトするなど...これは不動産によって決定されるナビゲーションの重い流れです。
タブレットは使用できる領域がはるかに大きいため、ポップオーバービュー、複数の分割ペインなどでそれを利用する必要があります...
UIKitではなくHTML5であるという事実は関係ありません。顧客は優れたエクスペリエンスを望んでおり、さまざまなフォームファクタでさまざまなエクスペリエンスを期待しています。
HTML5アプリでも、モデルビューコントローラーに従うことをお勧めします。できるだけ多くのロジックをJavaScriptコードの一般的なモデルセットにプッシュし、ビューのみが異なります。UIKitで行うのと同じです...
不動産のサイズに基づいて共通のモデルと異なるビューを作成する場合、少なくとも2つ（タブレットと電話）のみを構築し、2つ*のプラットフォームは構築しません。
于 2011-10-31T21:13:09.427 に答える
1
すべてのデザインに合わせたい場合は、パーセンテージを幅として使用し、すべてを画面に合わせることができます。最小の画面解像度に合わせてすべてを設計し、それに基づいて拡張することから始めます。つまり、iPhone は解像度が小さいため、必要なすべてのコンテンツを最初に iPhone に収めることができます。次に、ipad ユーザーまたはより大きな解像度のユーザーに表示したい他のものがある場合は、css またはプログラミング言語を使用して、右側のコンテンツ パネルまたは余分なスペースに合わせて必要なものを表示できます。
左の列が 40% で右の列が 60% の場合、iPad でも同じように表示されるため、これは必要ありません。より大きなデバイス。
JQuery を使用して画面幅を取得し、タイプとレイアウトごとに異なる css ファイルを表示できます。
幸運を
于 2011-10-31T21:03:54.933 に答える