web-dev-qa-db-ja.com

AndroidおよびPhotoshopのiPhoneデザインの画面解像度

IPhoneのAndroidデザインの場合、psd解像度を72に設定するのはなぜですか? mdpiに160を使用せず、hdpiに240を使用しない理由など。そして、72解像度以上のデザインAndroidアプリとiPhoneアプリの違いは何ですか?ファイルサイズと明快さを増やすだけですか?私にお知らせください。

ありがとう、アルン。 enter image description here

8
Arun Jolly

固定設計よりもサイズ変更可能な設計を検討することをお勧めします。これは、通常のデスクトップ環境で動作することを目的としたソフトウェアを開発するときのようなものです。たとえば、Microsoft Wordは、モニターが1024x768でも1680x1050でも期待どおりに動作します。 UIのさまざまな部分がウィンドウサイズに応じて動作し、すべてがうまくいきます。したがって、モバイルでは同じである必要があります。

IPhoneでは、通常の画面は320x480です。 Retina画面は640x960です。 Androidには、240x320(まれ、ローエンドの電話では...)、320x480(最近ではまれ)、800x480、854x480、720x1280、800x1280、1080x1920 ...があります。

これらすべてのサイズを抽象化するために、密度の概念があります。この機能を利用して、電話の同様の解像度の各グループに対応する画像の複数の解像度を作成できます。

モバイルアプリを実行することは、Webサイトを実行することとは異なります。 iOSと同様に、画面サイズは2つしかなく、最初は1つだけでしたが、多くの人が固定設計アプローチを採用しましたが、これは最適ではありません。どのような解像度でも適切に設計し、さまざまなUI要素のサイズを変更する方法、サイズを維持する方法、または単に移動する方法を事前に計画することが重要です。また、特に標準の情報画面(リスト、データ、図、地図など)が混在している場合は、ユーザーがアプリを横向きモードで使用できるようにすることをお勧めします。 Androidフレームワークには、このような柔軟性を非常に簡単に実装できるツールがあります。ほとんどの場合、さまざまな状況に対応する画像を対応するフォルダーに配置することです。

これは、このトピックに関するいくつかの推奨読書です。あなたが開発者でなくても、あなたはそれに興味があるかもしれません:

複数の画面をサポート

Photoshopの解像度について:これは、本、ポスター、チラシなどの印刷メディアで作業する場合にのみ関係します。この設定は、「ピクセルを気にせずにA4用紙に高解像度(300dpi)を印刷したい」と言うことができるようにするためのもので、ソフトウェアに変換を任せます。実際の72dp設定は、72ピクセルの作業が1インチの用紙に印刷されることを意味します。

モバイルアプリは、ピクセル単位で作成され、ピクセル単位で出力されるスクリーンメディアです。 dpi設定、つまり印刷解像度は役に立たず、少なくともグラフィックプログラムを使用している場合は、どのタイプの画面メディアでも無視できます。画像がAndroidプロジェクトにインポートされると、画面密度の考慮が行われます。

4
DavGin

この解像度が印刷解像度です。私の理解では、この画像を印刷する大きさをプリンターに伝えたい場合にのみ、これを気にするでしょう(他のルールがない場合)。ウェブの場合、それはまったく関係ありません。

1
Valentin Born

私の会社には、Androidとiosバージョンの両方があるプロジェクトがよくあります。通常、設計は、設計が完了し、設計者が次のようにすべての部分を切断することを確認した後、iosデバイス(640x960)に基づいています。ボタン、背景など。デザインを作成するときは、すべてのオブジェクトをレイヤー化してデザインを作成することをお勧めします。これにより、デザイナーがデザインを簡単にカットできるようになります。