Dynamic Islandに至るまでの道のり。Appleが検討したデザインやUIが判明 | ゴリミー
Dynamic Islandに至るまでの道のり。Appleが検討したデザインやUIが判明 「えっこれはさすがにナシじゃない？」と所見で思ってしまうようなデザインもしっかりと検討されていたみたい MacRumorsより Appleは2022年に発表したiPhone 14 Proで、Dynamic Islandを発表した。iPhone Xシリーズから導入されていた画面上の切り欠きに内蔵されたカメラなどをディスプレイ内に埋め込み、ソフトウェアと連動することで画面スペースを無駄にしない画期的なアイディアだった。 しかし現在のデザインに行き着くまでには、様々なアイディアが議論されていた。MacRumorsが入手した情報によると、Appleは従来のノッチを保ったままスタータスバーにある時間、電波強度、バッテリー残量などがサイドバーとして必要に応じて出現するデザイン案があった。他にもステータスバー部分を
iPhone アプリでの Haptic Feedback による効果的なマイクロインタラクション｜Keisuke Tada
iPhone には Haptic Feedback という振動によるフィードバックの仕組みがあり、それを自分の開発しているアプリに組み込むことが可能です。しかし、いざ組み込もうと思うと、使いどころがなかなか悩ましいといったことがあると思います。 この悩みを解決できるように、Haptic Feedback の考え方や実際の事例をもとに、どういう時に Haptic Feedback を用いると効果的かということを iOSDC Japan 2018 で発表しました。 発表で用いたスライドは下記ですが、メインの事例紹介がすべて動画だったのでこの記事内ですべて紹介します。 Haptic Feedback とは 今回取り上げるのは、iPhone 6s 以降の端末に搭載の Taptic Engine を用いた触覚フィードバックについての話です。 例えば App Store でアプリをインストールする際に
iOS 17で増えるiPhoneの新機能まとめ。ロック画面が横になるスタンドバイ機能など #WWDC23
多くの人に関わることだよ。 Apple（アップル）のWWDC23にて、iPhoneの最新OS｢iOS 17｣が発表されました。 iOS 17での大きなアップデートはいくつかあります。 電話アプリ：連絡先を画像やmemojiで識別しやすく電話アプリでは｢連絡先ポスター｣という機能が追加。連絡先に任意の画像やmemojiを適用できます。 Image: Apple電話アプリ：通話を文字起こし｢ライブボイスメール｣という機能も追加に。通話内容をリアルタイムで文字起こししてくれます。 メッセージ：地図で自分の居場所を伝えるImage: Appleメッセージの新機能は、地図の埋め込み。これで友達に自分の居場所を示すのが楽になりますね。そのほか、メッセージをスワイプしてリプライする機能なども追加されています。 メッセージ：帰宅したことを自動で知らせるImage: Appleまた、｢Check In｣とい
全部まとめられていて便利！iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 先週ローンチされたばかりのサイトで、2021年最新モデルのiPad Proから、2007年のiPhoneまで、最新機種から初代までのデバイスのサイズが網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 サイドバーからデバイスを選択し、スクリーンサイズあるいはモデルを選択します。 私が使用しているiPhone 12 Proを見てみました。 サイトはキーボードショートカットも用意されており、shiftキーを押すとショートカットの一覧が表示・非
iPhone Xのセーフエリアやマージン幅について - Qiita
X と XS はレイアウトの上では同一です。XR と XS Max は物理サイズと解像度が異なるだけで、論理尺度では一致することがわかります。また、414 という数値は Plus 系に出てきた値であることから、XS Max は Plus 級であることが見て取れます。 iPhone シリーズのレイアウトに関するより詳しい情報は HIG にまとまっています。 https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/ Large Title 時のステータスバーとナビゲーションバーの高さ iPhone 8 と iPhone X の高さを比較すると、その差は145ptとなります。Large Title 時のナビゲーションバー下端までの距離は 140pt
iPhone 12 レビュー！新デザインでカメラの画質も向上し使いやすいスマホに
iPhone 12は6.1インチのディスプレイにA14 Bionicを搭載したスタンダードiPhoneで本体のデザインがフラットになって角張った可愛らしいスタイルになりました。 画面サイズはPhone 11と同じですが、有機ELになってディスプレイのベゼル幅が狭くなってコンパクトになって扱いやすいiPhoneに進化しました。 この記事では、iPhone 12のデザイン・性能・使いやすさをレビューしています。実際に使ってどうかメリット・デメリットを書い他ので参考にしてみてください。 角張ったスタイルでスタイリッシュに画面サイズそのままに本体サイズが小型化本体重量が軽いので持ちやすいカメラの画質、背景ぼかしの精度が向上Face ID（顔認証）がマスクに対応した超広角カメラでナイトモードが使えるHDR動画撮影に対応した（30fps限定）MagSafeアクセサリが使える高速の5G（Sub-6）通信
iPhoneの無料モックアップ素材83個まとめ(psd,ai,sketch)
この記事では、無料でダウンロードできるiPhoneのモックアップ素材を紹介します。 モックアップを使うことで、作成したデザインをより魅力的に仕上げることができます。クライアントへのプレゼンテーションや、サイトやアプリを紹介する際に使うと効果的です。 多くの素材が、スクリーン部分の画像を作成したデザインに差し替えるだけで、利用することができます。ボタンのデザインやフレームのデザインを忠実に再現しているモックアップもあります。 iPhone 7、iPhone 6、iPhone 6 Plus、iPhone 5が揃っています。ファイル形式はPhotoshopで使えるpsdファイルが多いですが、Illustratorで使えるaiファイルや、Sketch用の素材もあります。 iPhone X、iPhone 8のモックアップPhotoshopとSketchで使えるiPhone Xのモックアップ素材プレゼ
iPhoneで画面録画（スクショ動画を撮影）する方法──音声あり・なし収録や、PCによるやり方、アプリ（iOS 10）を使った方法など | アプリオ
iOSの標準機能である「画面収録」を使うと、iPhoneの画面を動画で簡単に撮影（動画キャプチャ）できます。ゲームの実況や操作手順の説明などに動画がよく使われていますが、画面収録なら特別な機材なしでiPhoneの画面を動画スクショできるので便利です。 本記事では、iPhone単体で画面録画をする方法はもちろん、Macの「QuickTime Player」を使ってiPhoneの画面を高品質で録画する方法も解説します。 「設定」アプリで［コントロールセンター］→［コントロールをカスタマイズ］と進む ［画面収録］の項目にある［＋］をタップすると、コントロールセンターに「画面収録」ボタンが追加される 録画したい画面で、画面の右上隅から下にスワイプしてコントロールセンターを表示させる 録画ボタンをタップする（録画ボタンを長押しすると外部音声も取り込める） 3秒のカウントダウン後、画面録画が始まる コ
iPhoneのデータ移行「クイックスタート」の手順と注意点、事前準備マニュアル
新しいiPhoneを購入したらまず、以前使っていたスマホから設定や写真、アプリといったデータを引き継ぐ移行作業が必要になってくる。iPhoneからiPhoneへの機種変更の場合は、iPhone同士をかざすだけで簡単にデータを移行できる「クイックスタート」機能が便利だ。 この機能を使えば、パソコンを持っていなくても、iPhoneだけでデータを移行することができる。写真や動画はもちろん、連絡先やカレンダーといった標準搭載アプリのデータ、壁紙やアプリの配置までそのまま移行してくれるので、機種変更前とほとんど同じように使い始められる。また、iPad同士の移行も可能だ。 本記事では、クイックスタートの使い方を「事前にやること」「実際の移行作業」「事後にやること」の3段階に分けて解説していく。作業がうまくいかなかった場合の対処方法も交えながら説明するので、ぜひ活用してみてほしい。 【目次】 ■クイック
iPhone / iPad でデザインする人は必見！新機能「カスタムフォント」の使いかた | DevelopersIO
iOS 13からカスタムフォントが利用可能に iOS 13およびiPadOS 13では カスタムフォント が利用可能になりました。 先日Adobe Creative Cloudアプリがカスタムフォントに対応しました。1,300種類のフォントが無料で使え、Create Cloudプラン加入者は17,000種類ものフォントが使えるようになっています。これらのカスタムフォントには日本語のカスタムフォントも含まれているため、国内での利用用途もより広がっています。 iOS 13/iPadOSで無料のAdobeフォント1300種類が利用可能に - Engadget 日本版 本記事では、Adobe Creative Cloudで提供されているカスタムフォントを通して、カスタムフォントの利用方法について解説します。 カスタムフォントの基礎 カスタムフォントは、ざっくりまとめると以下のような機能です。 カス
::placeholderを使ったプレースホルダーの位置調整と、iPhoneとかだけ位置を個別調整した話 - わたしと納豆ごはん
ブログやサイトによくある検索ボックス。はてなブログにもありますよね。 この検索ボックスに前もって灰色の文字が書き込まれています。はてなブログでは「記事を検索」と書かれているものです。 これ、プレースホルダー（ placeholder ）と言うのですが このプレースホルダーが、iPhoneとかブラウザとかでちょっと位置がズレているように感じることってありませんか？ これの位置をちょっと調整したので、その方法のご紹介です。 スポンサーリンク かなり細かい調整なので、必要ないかもしれませんけどね（笑） ちなみにプレースホルダーについては、こちらの記事が非常に参考になります。 myakura.github.io プレースホルダーの位置調整プレースホルダーの位置調整については、調べてみますといろいろ出てきます。 参考リンク：placeholderを指定したときにAndroidでテキスト表示位置を中央
iOS・Android端末のCSSピクセル・dp解像度一覧。レスポンシブでメディアクエリのブレイクポイントは結局何ピクセルなのか？はどこまで対応するかで変わる。(2018年度) | WEMO
メディアクエリのブレイクポイントにもなる、CSSで使うようなピクセルの単位のことを「CSSピクセル」と言います。（デバイスピクセルと表記されている場合もあります。） メディアクエリで「@media (max-width: 〇〇px)」というような記述をするかと思いますが、この時の「〇〇px」が「CSSピクセル」です。 例えば、iPhone6 の画面解像度は 750px × 1334px（横 × 高さ）ですが、デバイスピクセル比が 2 のRetinaディスプレイなので、WEBサイトなどで表示されているサイズは 375px × 667px です。この 「375px × 667px」の方が「CSSピクセル」です。 説明のため、「画面解像度」や「デバイスピクセル比」という用語も出しましたが、今回のメモではこれらの意味を理解しておく必要は特にありません。 Android端末は少し特殊な解像度の仕組み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イングレム、グラデーションカラーのiPhone用クリアケース「GREA」を発売
Screen Sizes
iPhoneの文字入力スピードが「5倍以上」になる14のテクニック（All About） - Yahoo!ニュース
[スタパ齋藤の「スタパトロニクスMobile」] iPhone 12 miniがーッ!!! やばいYABAIヤバいーッ♪![[スタパ齋藤の「スタパトロニクスMobile」] iPhone 12 miniがーッ!!! やばいYABAIヤバいーッ♪](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b570868861d365095c50c70f7a03de712f9621e/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1293%2F280%2Fstptncs2020-12-07_thumbnail.jpg)
【2020年10月】iPhone画面解像度まとめ | Webデザインラボ
【2020年4月】iPhone画面解像度まとめ | Webデザインラボ
iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材
Engadget | Technology News & Reviews
