iPhone Appのユーザーインターフェースを、遷移順に並べたデザインギャラリー。各種画面を、アプリごと、もしくは場面ごとにソート＆抽出する事ができるので、任意のアプリのUI遷移を見る事も、複数のアプリの同一場面を横断的に比較する事もできます。紹介されているアプリの件数はそれほど多くないけど、見せ方が分かりやすく、UIデザインの際に参考にできそうです。けどiPhone AppのUIデザインのトレンドって、iOS 7の公開後に色々と変化あるでしょうね。
UI/UXがらみのクールな作例を集めたデザインギャラリー。この手のUIギャラリーってMobileAppを対象にした場合が多いけど、このサイトではPC用アプリケーションやWebなど幅広く扱っているみたいです。紹介されている作例の数がなかなか多いので、タグクラウドから探すといいかもしれません。インターフェース考える際の参考にひとつ。
Mobile AppのUIデザインを、動きを含めた形でギャラリー化したサイト。表示された状態では止まってますが、サムネールの上にマウスポインタを置くと再生が始まります。これ最初メンドいなーって思ったんだけど、アニメーション画像が一斉に動き出すとサイトの表示が重くなるので、逆に親切だなーと思いました。最近この手の「動きもUIの一部」的な考えの見せ方、あとそれを紹介するサイト増えましたね。使いやすいUIにつながるかっけートランジションとか、なんつーかそういうの大事だなーって思います。
iOS 7のせいで一気にデザイントレンドの主流となりそうなフラットデザインですが、デザインスタイルとして余計なテクスチャや装飾をそぎ落とすという性質上、ミニマルなデザイン手法に慣れていないデザイナー泣かせだとも個人的には思っちょります。そんなフラットデザインというデザイントレンドの中でひとつの動きとしてロングシャドウという装飾手法が流行ってるようです。記事内では「Next Big Thing」とまで言われてますｗ 装飾手法としては見ての通り、低い位置から光を当てたような長く落ちる影が特徴。そういや最近こういうのたまに見かけるなーと思ってたら、結構多くの作例があるんですね。「新たなデザイントレンド」というよりはむしろ「今流行ってるトレンドの中の子トレンド」という位置づけではあるけど、デザイナーなら知っておいて損はない情報かと。
UIデザインに役立つオンラインツールをまとめた記事。UIの作例集やボタンなどのパーツ素材集、モック制作のためのジェネレーター、カラーパレット生成、プロトタイピングツールなどがあります。ワイヤーフレームをオンラインで描いて共有するツールなんかは、デザイナーだけでなくディレクター的な役割の人にも役立ちそう。UI Paradeには自分もよく世話になってます。
WebやMobile App制作の際に役立ちそうなモックアップPSDをまとめた記事。MacBook AirやiPhone、iPod、Android端末などのハードウェア系と、それに加えてSafariのウィンドウキャプチャなどのソフトウェア系も少数含まれています。どの素材もリンク先から無料でダウンロードできます。ハードウェアの画面内にハメコミ合成したい時なんかに便利ですな。
アプリやWebのクールなUIを、アニメーションを使って紹介するTumblrブログ。動画はアニメーションGifで紹介されていて、「この動きクールでしょ！」的な感じで主にアニメーションにフォーカスして紹介してます。Apple純正PassBookのシュレッダーアニメーションとか、今思うとスキューモーフィズムの極みではあるけど、やっぱ俺こういうの好きだなーとか思いました。
iOS 7の各種UIパーツが入ったPSDファイル。サーチバーやボタン類、フォームパーツ、キーボード、ダイアログ、リスト表示などのパーツがレイヤーフォルダに分けて格納されてます。シェイプ類はだいたいベクターで描かれているので使い勝手も良さそう。iOS 7純正のGUIパーツが欲しい際に使えそうです。つーかホントにシンプルになるんだなー。
