blog

top > 學展blog

2014.12.05 (Fri)

制作

UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介

2 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

こんにちはよねちゃんです。

デザインがアナログからデジタルになって常に参考とされてきたApple。
WEBサイトやMac,iPodなどのプロダクト、映像にグラフィックと一歩先行くデザインを見せつけられてきました。

多くのかたがお持ちであろうiPhoneの中にもそんな最先端のデザインが凝縮されております。
iOS7から採用されたフラットデザインからさらにレイヤー感や使いやすさを意識したUIに進化したiOS8。

今回はUIデザインに興味のある方にはぜひぜひダウンロードして頂きたいiOS 8 UI PSD素材をご紹介させて頂きます。


1 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

ダウンロードはとっても簡単!

こちらのサイトにアクセスして
・iOS 8 GUI PSD (iPhone 6)
http://www.teehanlax.com/tools/iphone/

[Download PSD]ボタンを押すだけ。
たったこれだけでダウンロードできてしまいます。
(ファイルデータが重いので安定したネットワーク環境でダウンロードください)


早速中身をみてみてしょう!

3 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

iOS8で使われているボタンやアイコンのパーツデータや

4 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

ウィジェット、キーボードパーツも各種用意されております。

5 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

SafariブラウザのテンプレートもありWEBサイトのモックアップとしてもご利用頂けます。
また各色のiPhone6のモックアップも同梱されております。

その他にも

6 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

設定画面UIやメール一覧のUIもそろっております。

7 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

マップやカメラ、メッセージに新たに追加された音声送信のUIも!

8 UIデザインにご興味がある方はダウンロード必須!iOS 8 UI PSD素材のご紹介 ガクテンブログ

レイヤーも各画面ごとに細かく分かれており変更やモックアップ作成のときの画像、テキストの差し替えも簡単です。
(レイヤーが多く動作が重めなのでお使いする際は各画面を個別に新規データにコピーして作業した方がスムースだと思います。)

〆(まとめ)

いかがでしたでしょうか。

本格的なiOS8 UIのフリー素材のご紹介でした。
見た目、使いやすさを兼ね備えたAppleのUIデザインをぜひぜひ細かくみてみてはいかがでしょうか。

・iOS 8 GUI PSD (iPhone 6)
http://www.teehanlax.com/tools/iphone/

學展の開催概要はこちらから >