仕事が早すぎるっ!!!iPhone Xのモックアップ素材、公式版iOS 11のUIデザイン素材、San Francisco Proもダウンロードできる

昨夜、iPhone XがAppleからアナウンスされました。販売予約は、10月27日からでまだ少し先ですが、一足早く、iPhone XとiOS 11を楽しめるモックアップ素材とUIデザイン素材を紹介します。

iOSのUIに使用されているフォント「San Francisco Pro」もダウンロードできます。

サイトのキャプチャ

参考: iPhone X -Apple

iPhone Xのモックアップ素材

まずは、iPhone Xのモックアップ素材から。
Photoshop版とSketch版が用意されており、8,496x5,880の高解像度の素材です。

iPhone Xのモックアップ素材

iPhone X: オフィシャルカラー: Photoshop版

iPhone Xのモックアップ素材

iPhone X: ブラックマット: Photoshop版

iPhone Xのモックアップ素材

iPhone X: ホワイトマット: Photoshop版

iPhone Xのモックアップ素材

iPhone X: カラー変更可能なモックアップ: Photoshop版

iOS 11のUIデザイン素材

iPhone Xのモックアップ素材: Sketch版

素材のダウンロード

ダウンロードは、下記ページから。

サイトのキャプチャ

iPhone X Mockup Changeable Color

Gumroadに移動するので、価格に「0」を入力してダウンロードしてください、とのことです。

公式版iOS 11のUIデザイン素材

Appleからは、iOS 11のUIデザイン素材がリリースされています。
Photoshop版、Sketch版、そしてAdobe XD版も揃っており、かなりの大ボリュームです。

ダウンロードできる素材から、いくつか紹介します。

iOS 11のUIデザイン素材

Design Templates: Template System

iOS 11のUIデザイン素材

Design Templates: Template System for iPhone X

iOS 11のUIデザイン素材

UI Elements: UIElements Bars for iPhone X

他にもたくさんのUI素材が揃っています。

iOS 11のUIデザイン素材

UI素材のファイル

iOSのUIに使用されているフォント「San Francisco Pro」も含まれているので、未の人はインストールしておくと良いでしょう。

iOS 11のUIデザイン素材

San Francisco Pro

素材のダウンロード

ダウンロードは、下記ページから。

サイトのキャプチャ

Apple UI Design Resources

top of page

©2017 coliss