この質問は、私と私の開発者の同僚を狂わせます。
開発中に他のデバイスに簡単に適応できるように、設計を開始する必要があるのはどのiPhone画面解像度ですか?
通常、私はiPhone 6の設計を開始しますが、その後、開発中にiPhone 5(および4)でいくつかの視覚的な問題に遭遇することが多く、手作業で修正する必要があります。
これらをどのように扱いますか?デバイスごとに別々のデザインを設計しますか?開発中にアプリをさまざまなデバイスにどのように適応させますか?
IPhone 5/5s/seサイズ。主な理由は3つあります。
一般に、デザインを拡大する方がはるかに簡単です小さい画面サイズから大きい画面サイズへ。
したがって、私は常に最小のデバイスになるものから始めます。拡大するときはいつでも空白を追加してバランスの取れたデザインにすることができますが、縮小するときはそのようなオプションはありません。
デザイナーではなく開発者として、私はiPhone6サイズで自分のデザインを持っているのが好きです。
ビューについては、何らかの方法でスケーラブルでなければなりません。上下にスクロールできるようにして、小さいデバイスですべてのコンテンツを表示できるようにする必要があります。そうでない場合は、必要に応じて縮小される、ある種のスケーラブルビューを内部に配置する必要があります。ほとんどの場合、ビューはスクロール可能で、コンテンツのサイズは変わりません。スクロール可能なビューが含まれている場合、ビュー自体はスクロールしませんが、スクロール可能なビューを縮小/拡大します。たとえば、中央にリストがある場合、iphone 6では4または5のセルが表示されますが、4Sでは1つと半分しか表示されません。ところで、常に次の半分を表示して、スクロールできるユーザーを表示します。とにかく、iphone5の解像度の問題は実際には問題ありません。
アセットについては、ベクターで構成されている場合、それらは任意のサイズにスケーリングされます。それ以外の場合は、@ 3xで気に入って、スケッチエクスポート機能を使用して自分で削減します。そうすることで、すべてのアセットを最高の解像度にして、必要に応じて削減することができます。
それですべてだと思いますが、これも開発者の観点からです。
ユーザーの大半がアプリにアクセスするデバイスは何ですか?それはおそらくあなたの成功に最大の影響を与えるでしょう。それがあなたが設計したものです。
それが危機一髪であれば、あなたは複数のために設計します。たぶん、あるペルソナはiPhone 6にあり、別のペルソナは4にある傾向があります。その場合は、小さいサイズから始めてスケールアップするのが最善です。
すべてのものがあなたの成功に関連していない場合、「すべてのもののためのデザイン」の罠に巻き込まれないでください。それは持続可能ではなく、おそらく不採算です。
他のデバイスを完全に無視するという意味ではありません。アプリのいくつかの主要コンポーネントを見て、さまざまなデバイスでどのようにスケールするかを確認することをお勧めします。おそらくあなたの市場の80%はiPhone 5&6ですが、4にはさらに6%が表示されます。ユーザーの6%を完全に無視したくないでしょう。