【pt/%/px】指定する単位による見えかたの違い比較【iOS】

今年入社しましたデザイナーの きの です 調べ物が好きです。 最近は、iOS向けのデザインを作るにあたり、pt や px・% による指定の違いをまとめていました。 結論としてはこうなります。 端末に関係なく同じ見かけの大きさにしたい > pt 見かけのサイズにあわせて大きさを変えたい > % まとめた図は以下からご覧ください。 図でまとめました pt や px が影響してくるのは端末ごとの解像度差です。また % は画面の広さに影響してきます。 なので今回は @2x を基準として同じ広さの @1x と広さの違う @2x を用意しました。 イメージとしては iPhone6 / 5 / 4 です。 赤：pt 黄：% 青：px pt はどの場合でも見かけの大きさが変わらない 画面の広さがポイントで規定されていますので、サイズの指定にポイントを使用した場合は解像度や広さに影響を受けません。 % は画