新機種iPhoneXのUIデザインのヒント集「UI Design Tips for iPhoneX」
間も無く発売されるiPhoneX。販売開始を楽しみにしている人は多いのではないでしょうか。そんな中、デザインに携わるデザイナーやデベロッパーはいち早く新機種に対応するため、ディスプレイサイズや構造を知っておく必要があります。今回は、新機種iPhoneXのUIデザインのヒント集「UI Design Tips for iPhoneX」の紹介です。 全面ディスプレイになったiPhoneXは今までとは異なる点がいくつかあります。疑問を解決するためのヒントが紹介されていますのでWebデザイナー必見です。 詳しくは以下 まず第１に重要となるのはディスプレイサイズ。ここでは正しいアートボードのサイズから、ラウンド部分を考慮したマージンの取り方まで細かな数値で示してくれていますので、迷うこともなさそうです。ディスプレイサイズが変わったとなると、もちろん配置する画像解像度や見える範囲も変わるので注意しなけれ
Web制作者がiPhone Xの発売前に知っておきたい、Webページを表示した際に起きる現象とその解決方法
iOS 11が本日リリースされ、iPhone Xの発売を楽しみにしている人も多いと思います。 しかし、Web制作者やブログのオーナーはiPhone Xに対応しておく作業が増えるかもしれません。 iPhone Xではスクリーンが変更され、それに対応するための解決方法を紹介します。 Removing the White Bars in Safari on iPhone X 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone XでWebサイトを表示した際の問題点 解決方法 その1: background-color 解決方法 その2: viewport-fit 解決方法 その2 補足: safe-area-inset-* iPhone XでWebサイトを表示した際の問題点 新しく発売されるiPhone Xは、美しいディスプレ
iPhone X 向けのアプリをデザイン・開発するための公式ドキュメント情報まとめ | DevelopersIO
iPhone X 向けのアプリを開発しよう iPhone X が発表されました。ホームボタンが廃止されたりディスプレイ領域が拡張されたり、これまでの iPhone とは異なったハードウェアとなっています。 発売まではまだ少し先(10月27日予約開始、11月3日発売)ですが、iPhone X 向けのアプリ開発、または既存アプリの iPhone X 対応はいまから始められます。 ということで、iPhone X 向けのアプリ開発に関する情報を、公式ドキュメントを中心にまとめてみました。開発情報を調べる際の道しるべとしてご活用ください。 情報が公開され次第、随時アップデートしていきます。 iPhone X の外観 公式サイトから、じっくり見ることができます。 iPhone 8 / iPhone 8 Plus とは、ホームボタンの有無、スクリーンサイズ、Face ID の有無などが大きく違います。ワ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
