リリース直後は、前バージョンからの大幅なデザイン変更に、さまざまな議論を呼んだiOS 7。しかし、実際に触れてみると、無駄のないシンプルなインターフェースの使い心地に、心を奪われたひとも多いのではないでしょうか。
海外デザインブログDesign Reviverで、iOS7に対応したサイト、アプリデザイン作成につかえる、無料UIキットをまとめたエントリー「20 Amazing iOS 7 UI Kits」が公開されていたので、今回はご紹介します。
忠実に再現されたデザインパーツの数々は、そのまま作成に使うこともできますし、プレゼンテーションなど資料パーツとして活用することもできそうですよ。
詳細は以下から。
iOS 7完全再現、無料でつかえるUI素材キットまとめ
OSがリリースされる度に、忠実なまでのモックアップGUIを完成させるTeehan+Lax。もちろんiOS 7にもばっちり対応しています。
パーツごとに、すべてフォルダ分けされているので、編集作業もラクラク。
iPhone 5s、5c本体も同時に収録しているので、ダウンロードしてすぐに利用可能です。
そして先日公開されたばかりのiOS 7 iPadバージョン。ピクセル単位で設計されたGUIは、デザインの参考にもなります。
各種コンポーネント素材に加え、電話帳インターフェースなども再現しています。
そのままアプリデザインとしても利用できる、半透明レイヤーが美しい、ビジュアル重視のUIデザインキット。
全てのパーツを揃えた様子、アイデア次第でさまざまな、レイアウトを完成できます。
ベクターPSDで作成された、インターフェース完全キット。各テーマ毎に分けて、デザインされています。
UIデザインパーツの他に、ロック画面やホームスクリーンなども、追加されたGUIキット。
ベクターPSDで作成された、iOS 7インターフェース用モックアップ。分かりやすくフォルダ分けされています。
1000以上のデザインパーツを収録した、Photoshop作成の、ベクターPSD素材。すべてのGUIがセットになっています。
iGravertical Screen Layers + iOS 7 Screen Converter
半透明レイヤーを使い、プロジェクトに沿った、パネルデザインを作成することができるキット。
スイッチやラジオボックス、トグルデザインに特化した、iOS用デザインPSD。
iOS 7 iPad Retina Gui Template
Retinaディスプレイでも問題なく表示される、iPad用GUIキット。
iOS 7 & Seme-Flat iPhone 5 MockUp
フラットなデザインに陰影をくわえた、新感覚のイラストPSD。タッチキーボードパネルを再現しています。
Illustrator用ファイルをお探しの方は、こちらをどうぞ。
そしてIllustratorで利用可能な、Aiファイルで収録された、iOS 7 iPadバージョン。
ベクターデザインアプリSketch用に開発された、iOS 7インターフェースGUIキット。
サイトやアプリを作成するときに確認したい、ウィンドウサイズやアイコンの大きさ、テキストサイズなど、さまざまな初期設定をまとめたチートシート。
参考 iPhone 5sを自由にデザインしたい！無料Photoshopテンプレート素材まとめ
一緒に利用可能な、iPhone 5sのフリー素材もまとめています。ご参考までにいかがでしょう。
参考 iOS 7対応のアプリデザイン、モバイルサイト作成ガイド2013
デザインのポイントをまとめてご紹介しています、いかがでしょう。
