今日の 2017 基調講演と iPhone X の発売後、私は新しい iPhone に興奮するのと同じくらい心配しています。この質問は、技術的な問題よりも、ユーザー インターフェイス、デザイン ガイドライン、またはインターフェイス デザインのアプローチに関するものです。
私の質問は、1125px × 2436px (375pt × 812pt @3x)の解像度をサポートする方法です。
Apple による iPhoneX のヒューマン インターフェイス ガイドラインのこの画像に示されているように、3 倍の画像拡張をサポートするとここで説明されています。しかし、上部に 185 ポイント余分にあり、 iPhone 7 プラス解像度の414 * 736ポイントを考慮すると、幅は 414 - 375 = 39 ポイント少なくなります。
ここで解像度の比較を確認できます:- https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions .
この新しいデザイン解像度に合わせてアプリをデザインするにはどうすればよいでしょうか?
いくつかの問題のシナリオ:
サポート方法:
- デバイスの幅全体と固定の高さをスケーリングする水平イメージビュー。
- 全体の幅と高さをスケーリングする ImageViews (e コマース アプリの全ページの製品画像など)。
- ページに限られたコンテンツを表示すると、余分な 185 ポイントの高さがあり、多くの空白が表示されます。たとえば、高さが 400 ピクセルで幅全体がスケーリングされるビューを設計するにはどうすればよいですか。垂直方向に中央揃えで上揃えにする必要がありますか?
185点というのは、身長の割にはかなり大きいと思います。多くのデザインや画面を再考する必要があります。これらのシナリオをどのように設計して対処できるでしょうか? 私の質問が今十分に明確であることを願っています。
私の個人的な意見: - どんなに困難で面倒でも、この解像度に慣れると、エンド ユーザー エクスペリエンスはより良く、より大きくなるでしょう。
素晴らしいテクニックとデザインプロセスを共有してください。乾杯 ！！！