マガジンのカバー画像

UIデザインを学ぶ

25
本
運営しているクリエイター
shizuka
橋本裕

橋本裕

レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2021最新版]

レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2021最新版]

ブレイクポイントを考えたとき、最近発売されたベゼルレスのiPad AirやiPhone12 miniなど新しいサイズも増えてより複雑になった印象です。

ポイントは画面をポートレート、ランドスケープの切り替えで変化を起こすようにしています。
ポートレートがスマホ表示の場合→ランドスケープはタブレット表示
ポートレートがタブレット表示の場合→ランドスケープはPC表示
そうすることで、使う人が自分にあ

もっとみる
Nviveto

Nviveto

〜UIデザイナーのための各端末サイズ比較〜解像度/アスペクト比/Retina(高精細液晶)サイズ早見表

〜UIデザイナーのための各端末サイズ比較〜解像度/アスペクト比/Retina(高精細液晶)サイズ早見表

さっそくですがなんでnoteにはテーブルタグがないんでしょう、、

ということなのでかなり使いづらく見辛いとは思いますが、画像で紹介していきます

各種端末サイズ早見表2020年12月現在の各種端末のサイズを調査しました。※独自調べなので誤差があるかもしれませんのでご了承ください

画像だけだとあまりに使いづらいと思うので下記に数値貼っておきます

iPhone 12 Pro Max | 6.7(

もっとみる