iPhoneの画面のワイヤーフレームのサイズ

iPhoneまたはiPod touchのために設計のユーザーインターフェイスは、ユーザーインターフェイス（UI）デザインのモックアップを作成するためのワイヤーフレームの使用を含め、MacやWindowsオペレーティングシステム用のインタフェースを設計に似ています。 iPhoneの画面とそのアプリケーションで使用されるディメンションおよび比率の概要を理解すれば、より正確なワイヤーフレームを作成するのに役立ちます。画面寸法
ログイン

オリジナルのiPhoneはインチ（PPI）当たり163ピクセルの解像度で3.5インチ、480バイ320ピクセルの画面で起動します。 iPhoneの画面の物理的サイズは、iPhone 4Sを介して変更されていないが、Retinaディスプレイの導入により、iPhone 4および4Sの画面は、960 640ピクセルです326 PPI画面を備えています。両方のモデルでは、画面の大きさは、iPod touchのは、その第四世代のためのRetinaディスプレイにアップグレードし、その第三世代を通してオリジナルのiPhoneと同じ画面を使用して1に1.5の比率は2.94 1.96によってインチ、です。

ログインiPhoneワイヤーフレーム
ログイン

あなたがあなた自身のワイヤーフレームのテンプレートの作成を計画している場合、あなたは1.5対1の比率を使用して、適切な相対的な大きさで、あなたのUI要素を設計する必要があります。あなたはiPhoneと互換性のWebサイトやWebアプリケーションを設計している場合は、SafariブラウザのUI要素は、使用可能な画面の大きさを減少させることができます。 AppleはSafariのUIを非表示にし、Webアプリケーションがフルスクリーンを使用させるためのAPIを提供していて、あなたが最適にSafariでWebページを拡大縮小するために、ビューポートの設定を行うことができます。で
ワイヤーフレームツール

などFlairBuilderやAxure RP、または、PhotoshopやOmniGraffleのような一般的に使用されるソフトウェアのワイヤフレームテンプレートなどのサードパーティ製ワイヤーフレーム·アプリケーションは、あなたがより迅速にあなたのアプリケーションの設計に役立つことがあります。多くのサードパーティwireframingパッケージは、ドラッグアンド提供標準のUI要素やその他の機能を削除し、また、Appleのデザインの推奨事項に従ってください助けている。
ログイン
ベストプラクティス
ログイン

Appleが設計をお勧めしますあなたのiPhoneには、モデル全体でより一貫性のあるUI要素の寸法については、測定のためのポイントではなく、ピクセルを使用してアプリ。例えば、実用的なUI要素のための推奨快適な最小サイズはオリジナルのiPhoneの画面上に44ピクセルの正方形と網膜ディスプレイ上の88ピクセルの正方形に変換する、44 44によりポイントです。 Appleはまた、両方の画面の向きのためのアプリを設計することができるしながら、iPhoneのホーム画面にのみ、その向きで表示されますので、あなたのアプリは縦向きに開始すべきであることを示唆しています。あなたはdeveloper.apple.comでより多くの設計指針を見つけることができます。
で