[B! design][iPhone] ken1206のブックマーク

スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流｜Go Ando / THE GUILD｜note

前回の投稿でAppleのFluid Interfacesについての論考しましたが、Fluid Interfacesが生まれた一つの背景として、ディスプレイの巨大化があります。本稿では大画面化するディスプレイへのUIデザインの対応について、現在どの様な流れになっているのか、個人的に観測している中で考察している事をご紹介したいと思います。巨大化し続けるディスプレイサイズ2007年に初めてiPhoneが世に出てから、現在の最新のモデルiPhone XS Maxまでのディスプレイサイズの変遷をまとめたのが下の図です。初代iPhoneとXS Maxを比較すると、物理的なディスプレイ面積は約2.7倍大きくなり、ディスプレイの縦横比は約1.4倍縦長になっています。 iPhone Xから22%縦長化特に著しく変化したのが、iPhone Xが登場した事によってそれまで1.77だった縦横比が2.16まで

ken1206 2018/11/03

リンク

iPhone 6で改めて考える画面解像度とUI | dotproof

新しいiPhoneの6と6 Plusが発表になりました。従来モデルよりそれぞれ少しづつ大きくなっていますが、日本ではまた人気が出るのでしょうね。特にiPhone 6 Plusの方は5.5インチと発表されていますので、前のモデルよりかなり画面が大きくなっています。 iPhoneもiPhone 3から4になった時に画面の解像度が2倍になってretinaディスプレイと呼ばれました。解像度が2倍になったので従来のグラフィック（ビットマップ）は2倍の大きさのものを用意する必要になり、@2xグラフィックと呼ばれるようになりました。今度のiPhone 6でも画面の解像度（ppi）は同じなのでやはり@2xのグラフィックで対応します。なんで画面のサイズは4インチから4.7インチに拡大されたのに、UIグラフィックのサイズは同じでいいのかとお思いの方に向けて、改めて画面解像度とピクセルグラフィックの関係を説明

ken1206 2014/09/19

リンク

デザイナー向け！iPhone6対応について

（追記 140919 11:00)iPhone 6 Plusを入手しました特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど）（追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてましたみなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。画面解像度アイコン・スプラッシュレイアウト対応についてひとまず気にするのはこの辺りの情報！あとはおまけで便利そうなリンクも載せましたこれを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。それにしても時代はレスポンシブです。やれやれだぜ。基本的な情報画面解像度はこうなってます端末解像度インチ書

ken1206 2014/09/19

リンク

Themes - iOS - Human Interface Guidelines - Apple Developer

iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle