web-dev-qa-db-ja.com

ハンドヘルドの平均画面サイズはどうですかAndroidタブレットデバイスですか?ワイヤーフレーミングモックアップはありますか?

AndroidアプリのUIを設計しています。モックアップグリッドが利用できるかどうかを知りたいですか?Web用の960.gsなど...何が良いですか設計を開始するためのサイズです。提案や貴重なヒントはありがたいです。

3
nickfrancis.me

Androidタブレットの場合、単一画面の解像度はありません。現在の多くのHoneycombベースの10インチタブレット画面の解像度は1280x800ですが、アプリケーションは小さい画面(たとえば7インチ)でも実行できます。さまざまな解像度とアスペクト比、そして縦向きを忘れないでください。

解決策は、アダプティブレイアウトを設計することです。デザイン側には、使用できるモックアップツールがいくつかあります(*)が、ツールに関係なく、デザインにどのようにストレッチするかを示すために、デザインに注釈を付ける必要があります。これにより、開発者は使用するレイアウトタイプの種類(RelativeLayoutLinearLayoutFrameLayoutなど)を知ることができます。さらに、さまざまなサイズの画面、より具体的には、さまざまな物理画面サイズのバケット、または さまざまな最小水平幅 (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。

4
Roman Nurik

Androidアプリの設計に役立つ http://www.androidpatterns.com/ も確認できます。

基本的に、このサイトはAndroid専用のインタラクションパターンを表示または共有します。これは、Androidの開発者やデザイナーが対話に関する問題を解決するためのガイドにすぎません。 (Androidユーザーの方法)、データの処理方法、ユーザーのナビゲート方法など。

2
UXgirl

あなたはこれらのサイトであなたの答えを見つけることができるかもしれません:

Androidタブレット の設計

Androidアプリ開発者guiキットアイコンフォントとツール

0
Susanna

重要なのは、平均サイズが全体を意味するわけではないということです。タブレットはまともなサイズの画面を持っているので、流動的なレイアウト/レスポンシブデザインの観点から考えると、良いはずです。

0
DA01