[UI Design] iOS7 GUI PSD – iOS7のインターフェースPSD
iOS 7のUIをPSDにしたデザインキットがもう配布されてます。配布元はTeehanlax。俺もいつもここのPSD使ってます。いやしかし仕事早いっすね。まだBeta1という事でパーツの種類こそあんまし多くないけど、今後増えて行くんでしょう。iPhone Appをデザインする現場にも、今回のフラットUI化は大きく影響しそうですな。ぼちぼち準備しないといけませんな。
Tag Archives: PSD
[UI Design] 25 Trendy Free Flat UI Kits for User Interface Designers – フリーのフラットUIデザインキット
フリーで配布されているフラット系のUIキット。全部確認したわけじゃないですが、だいたいPSDで配布されているようです。WebやMobileAppで使い勝手の良さそうなUIパーツが素材としてダウンロードできます。タイトルに「トレンディー」と付いてるあたりがアレゲな感じではありますが、まぁ実際流行ってますしね。一口にフラットUIとは言っても、この記事見てるといろんな手法があるなぁと思います。デザインのネタ探しにも良いかもしれません。
[Prototyping] WireKit – iPhone App制作に便利なワイヤーフレームキット
iPhone App制作時に便利なワイヤーフレームキット。ダウンロードするとPSDとJPGが入ってるので、好きな方を使ってワイヤーフレーム制作に活用できます。画像ファイルは横860px、縦8600pxで作られており、縦方向にiPhone UIがズラっと並んでる感じです。iPhone App制作のワイヤーフレームとしてはわりと一般的な作りで、AppだけでなくスマートフォンサイトのWeb制作にももちろん使えます。各パーツはレイヤーグループに分けられているので、パーツ単位で配置する事が出来ます（Command + Shift + 右クリックでレイヤーグループ選択できるショートカット。これ豆ね）。MobileAppやWebのディレクションしてる人にオヌヌメ。
[UI Design] 70 FREE GUI / UI / UX PSD KITS AND WEB ELEMENTS FOR DOWNLOAD – UIキットPSDのまとめ記事
UIキットのPSDファイルを70個も集めたまとめ記事。70個てなかなかスゴい量ですね。UIパーツは主にWebやMobileApp制作に役立ちそうなものが大半で、どれもクオリティの高い作品ばかりです。サムネールに透かしの入ってるものは有料なのかもしれません（未チェック）。素材として以外にも、UIパーツ製作のネタ帳としてもナイスな記事。
70 FREE GUI / UI / UX PSD KITS AND WEB ELEMENTS FOR DOWNLOAD
[UI Design] Download 50 Free Buttons in PSD Format – ボタン作例のPSDまとめ
フリーで配布されているボタン素材を50作例集めた記事。どれもPSDファイルとして配布されているので、Web製作やUIデザインの際に汎用的に素材として使う事ができます。Webデザインする時によく「あーボタンどうしよっかなー」ってなりますが、そういう時の参考として役立ってくれそうなナイスなまとめ記事。あと個人的にはボタン以外に見出しのデザインでよく迷います。デザインに迷いが生じた時などに是非。
[PSD] 20 Free ‘Flat’ GUI Templates – フラットな印象のデザインテンプレートまとめ
フラットな印象のデザインテンプレートをまとめた記事。パっと見「あーMetro風のアレね」という感じです。多色・グラデ多用・ドロップシャドウしまくり・メタファー多用といったデザイン手法とは真逆の手法でシンプルにデザインされたパーツ素材が、主にPSDフォーマットで配布されてます（一部AIなどもあります）。Appleの次期iOSでもこれに近いデザインフィロソフィーが適用されるという話なので、「アップルのする事＝デザインのトレンド」であるWeb業界的には気になるところであります。
[Material] DesignShock – WebやUI Designの素材集めに適したサイト
WebやUIデザインの際に便利な素材を扱うサイト。UIパーツ、テクスチャ、コードスニペット、PSD素材、フォント、アイコンなどの素材が紹介されてます。紹介されている素材の質が高く、また1記事内においての作例の量も多い点がナイス。素材集めの際に便利そうです。
[PSD] Flat+3D mockup kit – フラットな印象のiPhone PSD
フラットな印象のiPhone PSD。iPhoneのガワをPSDで描画し、パーツごとにレイヤー分けされたものです。この手の素材はわりと多くあるけど、よくある感じのリアルな作りではなく、イラストっぽいフラットなデザインになっている点が特徴。縦と横に加えてクオータービューのものも同梱されてます。ポップな印象のアプリのモックアップ制作時や、対象機種がiPhoneである事をボカしたい時なんかに使えそうです。