【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ
Post on:2013年10月1日
ホワイトをベースにしたフラットなスタイル、ソリッドなライン、磨りガラスのような半透明なパネル、ブラーエフェクトなど、iOS 7のユーザインターフェイスやアイコンを作成するのに役立つ素材・リソースを紹介します。
本体のモックアップ用の素材は、前回まとめたiPhone 5s/5cをどうぞ。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-01.png)
Download iOS 7 UI Kit PSD
サイズ3482x2100のPSD、エレメントはベクターで作成されたシンプルなUI Kit素材。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-02.png)
Introducing iOS 7 GUI PSD
iOS 7のさまざまなUIエレメントを縦長のPSDの一枚におさめた素材。
![素材のキャプチャ](/wp-content/uploads-201302/2013081905.png)
iOS 7 UI Components
iOS 7のヴィジュアルガイドラインに基づいた美しいUIコンポーネントのPSD素材。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-05.png)
iOS 7 UI Kit Lite for Sketch
iOS 7のUIエレメントをおさめたSketch用の素材。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-04.png)
iOS 7 iPhone AI Download
iOS 7のUIエレメントをおさめたIllustrator用のAI素材。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-06.png)
iOS 7 iPad AI GUI
iPad用のiOS 7のUIエレメントをおさめたIllustrator用のAI素材。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-07.png)
iOS 7 Wireframe Kit
iOS 7でよく使用されるUIエレメントが揃ったワイヤーフレーム用の素材。.ai, .gstencil, .sketch, .graffleが揃っています。
次は、アイコンを作成するための素材です。
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-10.png)
iOS 7 app icons template
.psd, .ai
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-11.png)
Template for iOS 7 App Icons
.psd
![素材のキャプチャ](/wp-content/uploads-201303/2013100101-12.png)
Template for iOS 7 App Icons (FW)
.png (for Fireworks)
![サイトのキャプチャ](/wp-content/uploads-201303/2013100101-20.png)
最後はiPhone, iPod, iPad, iPad miniのスクリーンサイズをはじめ、さまざまな要素のサイズをまとめたデザイン用のチートシート。
sponsors