iOS 12に使用されている全てのUI要素・スクリーンが収録されたAdobe XD, Sketch, Figma用の無料デザイン素材

iOS 12のパブリックリリース版で使用されている全てのUI要素・スクリーンが収録された、Adobe XD, Sketch, Figma用の無料デザイン素材を紹介します。

iOS 12用のデザイン素材

iOS 12 GUI

ダウンロードできる素材は、3種類です。

  • Adobe XD用
  • Sketch用
  • Figma用

利用にあたっては個人でも商用でも、クライアントのプロジェクトでもOKです。
詳しくは、ライセンスページをご覧ください。

iOS 12 GUIの中身を見てましょう。
iPhone XsとiPhone 8用のスクリーンが揃っており、それぞれ29種類のスクリーン、217種類のUI要素が収録されています。

iOS 12用のデザイン素材

iPhone Xsのスクリーン: iOS 12用のデザイン素材

iOS 12用のデザイン素材

iPhone Xsのスクリーン: iOS 12用のデザイン素材

iOS 12用のデザイン素材

iPhone 8のスクリーン: iOS 12用のデザイン素材

iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材

iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材

iOS 12用のデザイン素材

UI要素: iOS 12用のデザイン素材

素材のダウンロードは、下記ページから。
右パネルの「Download」ボタンをクリックします。

サイトのキャプチャ

iOS 12 GUI

登録済みの人はすぐにダウンロードできます。
未登録の人は要登録(無料)で、下部の「Creat Account」をクリックして登録してください。

サイトのキャプチャ

ログイン画面

ダウンロードは、ファイルを直接ダウンロードとDropbox経由を選択できます。

サイトのキャプチャ

ダウンロード画面

iOS 12 GUIに使用されているフォントは「San Francisco」です。持っていない人はこの機会にインストールしておくとよいかもしれません。

サイトのキャプチャ

San Francisco -Apple Developer

sponsors

top of page

©2018 coliss