AndroidアプリのUIを設計しています。モックアップグリッドが利用できるかどうかを知りたいですか?Web用の960.gsなど...何が良いですか設計を開始するためのサイズです。提案や貴重なヒントはありがたいです。
Androidタブレットの場合、単一画面の解像度はありません。現在の多くのHoneycombベースの10インチタブレット画面の解像度は1280x800ですが、アプリケーションは小さい画面(たとえば7インチ)でも実行できます。さまざまな解像度とアスペクト比、そして縦向きを忘れないでください。
解決策は、アダプティブレイアウトを設計することです。デザイン側には、使用できるモックアップツールがいくつかあります(*)が、ツールに関係なく、デザインにどのようにストレッチするかを示すために、デザインに注釈を付ける必要があります。これにより、開発者は使用するレイアウトタイプの種類(RelativeLayout
、LinearLayout
、FrameLayout
など)を知ることができます。さらに、さまざまなサイズの画面、より具体的には、さまざまな物理画面サイズのバケット、または さまざまな最小水平幅 (CSS3と同様にmin-width
メディアクエリ)。
Android UXチームとGoogle I/O 2011で提示した以下のプレゼンテーションもご覧ください。いくつかのタブレットUIパターンとHoneycombの設計目標をカバーしています。スライド23には、大まかなグリッドシステムがあります。
最後に、AndroidタブレットのUIデザインと、iPadのデザインとの違いについて説明したSmashing Magazineの記事をご覧ください。また、上記のプレゼンテーションを含む多くの優れたソースから情報を引き出します。
(*)モックアップツールに関する推奨事項については、この質問を参照してください:[ モバイルデバイスUIのモックアップを作成するためのツール ]。個人的に、私は最高のツールを見つけました:グラフ用紙上の古い学校の鉛筆スケッチ、Keynote/PowerPoint、OmniGraffle、Pencil for Firefox、およびBalsamiq。
Androidアプリの設計に役立つ http://www.androidpatterns.com/ も確認できます。
基本的に、このサイトはAndroid専用のインタラクションパターンを表示または共有します。これは、Androidの開発者やデザイナーが対話に関する問題を解決するためのガイドにすぎません。 (Androidユーザーの方法)、データの処理方法、ユーザーのナビゲート方法など。
重要なのは、平均サイズが全体を意味するわけではないということです。タブレットはまともなサイズの画面を持っているので、流動的なレイアウト/レスポンシブデザインの観点から考えると、良いはずです。