iPhone 6でのスマートフォンデザイン

iPhone 6でのスマートフォンデザイン iPhone 6の発売日を明日に控え今後のスマートフォンサイトデザインをどのようにしていけばよいかSNSで見かける悲鳴を拾い上げながらQ＆A形式で答えて見たいと思います。(実物を手に入れて間違っていたら後日修正します) Q.1 iPhone 6の解像度が750×1334でdevice-pixel-ratioが2だとCSS解像度は375×667だけど横幅320pxでデザインしても大丈夫？ A.1 横幅320pxでデザインしても大丈夫。基本最近のスマホ対応では多解像度に対してリキッドでフィットするようにするのが主流。 リキッドの場合ベースデザイン320pxを375pxに広げて表現するのは難しくないが、ベースデザイン375pxを縮めて320pxで表現するのは至難の業なのでスマートフォンデバイスでの最小幅である320pxでのデザインは当分続きます。 Q.

[otchy210]

device-pixel-ratio に色んなバリエーションが増えてきたから (特に 6+ は、論理的に 3 のくせに物理的には 2.5 くらいとか…)、写真以外はもう SVG とか WebFont とかベクター形式にすべき時期に来ているよね。

[toaruR]

320だとゴニョゴニョしてもAndroid2でiframe広告の具合が悪くなるので、ソリッドなら、むしろ360のが安定な罠

[akirafukuoka]

iPhone 6が出たからといって慌てることはないとの見解。3xに関してもDL量に見合う差はないんじゃないかという。

[naoi109]

なるほどー

[ku_marin]

しばらく2xのまま様子見でよさそ