web-dev-qa-db-ja.com

iPhone 5または6のアプリUIデザインを開始する方が良いですか?

この質問は、私と私の開発者の同僚を狂わせます。

開発中に他のデバイスに簡単に適応できるように、設計を開始する必要があるのはどのiPhone画面解像度ですか?

通常、私はiPhone 6の設計を開始しますが、その後、開発中にiPhone 5(および4)でいくつかの視覚的な問題に遭遇することが多く、手作業で修正する必要があります。

これらをどのように扱いますか?デバイスごとに別々のデザインを設計しますか?開発中にアプリをさまざまなデバイスにどのように適応させますか?

15
Ziya

IPhone 5/5s/seサイズ。主な理由は3つあります。

  1. 今日でも、より大きなモデルよりも小さな4インチモデルを所有する人が増えています。 iPhoneの寿命とiPhone SEの最近のリリースのおかげで、それも変わる可能性はほとんどありません。したがって、より大きな電話を持っている人だけを対象とするのでない限り、反対ではなく、より小さくてスケールアップすることをお勧めします。
  2. スケールアップはスケールダウンよりも簡単で効率的です。これはすべての場合に当てはまります。アセットの作成が簡単です。リソース管理が簡単です。テストは簡単です。私は半ダースのアプリに取り組んできましたが、最後のアプリを除いて、4/4Sサイズで完全に機能することを確認することに重点を置いています。さらに、原則として、スケールアップはスケールダウンより常に優れた命題です。さらに、iPhone 5からiPhone 6 Plusのサイズ間のスケーリングは直接(2Xから3X)ですが、6サイズには少し疑問があります。 5から始める場合、直接の懸念はありません。
  3. 発展途上国ではより人気があります。第一世界の国のみを対象としている場合は問題ありません。私たちのほとんどはそうではなく、世界中で利用可能なアプリは私たちのビジネスに不可欠です。したがって、iPhone 5/5s/seの低価格が米国外のより多くの人々がそれらを購入して使用する可能性が高いことを意味する場合、それはより重要な目標です。
22
Jamezrp

一般に、デザインを拡大する方がはるかに簡単です小さい画面サイズから大きい画面サイズへ。

したがって、私は常に最小のデバイスになるものから始めます。拡大するときはいつでも空白を追加してバランスの取れたデザインにすることができますが、縮小するときはそのようなオプションはありません。

9
JohnGB

デザイナーではなく開発者として、私はiPhone6サイズで自分のデザインを持っているのが好きです。

ビューについては、何らかの方法でスケーラブルでなければなりません。上下にスクロールできるようにして、小さいデバイスですべてのコンテンツを表示できるようにする必要があります。そうでない場合は、必要に応じて縮小される、ある種のスケーラブルビューを内部に配置する必要があります。ほとんどの場合、ビューはスクロール可能で、コンテンツのサイズは変わりません。スクロール可能なビューが含まれている場合、ビュー自体はスクロールしませんが、スクロール可能なビューを縮小/拡大します。たとえば、中央にリストがある場合、iphone 6では4または5のセルが表示されますが、4Sでは1つと半分しか表示されません。ところで、常に次の半分を表示して、スクロールできるユーザーを表示します。とにかく、iphone5の解像度の問題は実際には問題ありません。

アセットについては、ベクターで構成されている場合、それらは任意のサイズにスケーリングされます。それ以外の場合は、@ 3xで気に入って、スケッチエクスポート機能を使用して自分で削減します。そうすることで、すべてのアセットを最高の解像度にして、必要に応じて削減することができます。

それですべてだと思いますが、これも開発者の観点からです。

0
Gil Sand

yourユーザー向けの設計

ユーザーの大半がアプリにアクセスするデバイスは何ですか?それはおそらくあなたの成功に最大の影響を与えるでしょう。それがあなたが設計したものです。

それが危機一髪であれば、あなたは複数のために設計します。たぶん、あるペルソナはiPhone 6にあり、別のペルソナは4にある傾向があります。その場合は、小さいサイズから始めてスケールアップするのが最善です。

すべてのものがあなたの成功に関連していない場合、「すべてのもののためのデザイン」の罠に巻き込まれないでください。それは持続可能ではなく、おそらく不採算です。

フリンジを忘れないでください

他のデバイスを完全に無視するという意味ではありません。アプリのいくつかの主要コンポーネントを見て、さまざまなデバイスでどのようにスケールするかを確認することをお勧めします。おそらくあなたの市場の80%はiPhone 5&6ですが、4にはさらに6%が表示されます。ユーザーの6%を完全に無視したくないでしょう。

0
plainclothes