【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ

ホワイトをベースにしたフラットなスタイル、ソリッドなライン、磨りガラスのような半透明なパネル、ブラーエフェクトなど、iOS 7のユーザインターフェイスやアイコンを作成するのに役立つ素材・リソースを紹介します。

本体のモックアップ用の素材は、前回まとめたiPhone 5s/5cをどうぞ。

素材のキャプチャ

Download iOS 7 UI Kit PSD
サイズ3482x2100のPSD、エレメントはベクターで作成されたシンプルなUI Kit素材。

素材のキャプチャ

Introducing iOS 7 GUI PSD
iOS 7のさまざまなUIエレメントを縦長のPSDの一枚におさめた素材。

素材のキャプチャ

iOS 7 UI Components
iOS 7のヴィジュアルガイドラインに基づいた美しいUIコンポーネントのPSD素材。

素材のキャプチャ

iOS 7 UI Kit Lite for Sketch
iOS 7のUIエレメントをおさめたSketch用の素材。

素材のキャプチャ

iOS 7 iPhone AI Download
iOS 7のUIエレメントをおさめたIllustrator用のAI素材。

素材のキャプチャ

iOS 7 iPad AI GUI
iPad用のiOS 7のUIエレメントをおさめたIllustrator用のAI素材。

素材のキャプチャ

iOS 7 Wireframe Kit
iOS 7でよく使用されるUIエレメントが揃ったワイヤーフレーム用の素材。.ai, .gstencil, .sketch, .graffleが揃っています。

次は、アイコンを作成するための素材です。

素材のキャプチャ

iOS 7 app icons template
.psd, .ai

素材のキャプチャ

Template for iOS 7 App Icons
.psd

素材のキャプチャ

Template for iOS 7 App Icons (FW)
.png (for Fireworks)

サイトのキャプチャ

The iOS 7 Design Cheat Sheet

最後はiPhone, iPod, iPad, iPad miniのスクリーンサイズをはじめ、さまざまな要素のサイズをまとめたデザイン用のチートシート。

top of page

©2017 coliss