モダンブラウザで動作するUIパーツを集めたサイト。という事は自然とコーディングされたUIパーツということになります。いわゆるPSD素材とかではなく、動作するパーツですね。ここで扱っているパーツは、MacOS Mountain Lionの通知パネルやiOSのトグルスイッチなどの、元々存在するUIをWeb向きに作り直したものが多いです。数はそれほど多くないけど、紹介されている素材の質が高く、また汎用性も高いため、今後が楽しみな内容。
UIパーツのPSDテンプレート。基本的にはがっちり作り込まれたUIデザインのPSD素材を有料で販売してるサイトなんだけど、後半でいくつか無料の素材があり、これが個人的にツボったので紹介。後半、PSD FreebiesとBootstrap PSDというフリー素材があり、これらはPay with a Tweetでダウンロードする事ができます。特にBootstrap PSDはコーディングにおいてBootstrapを使う事を前提とした場合、その前のデザイン段階において役に立ちそうなナイスな素材。ボタンやフォーム、ナビゲーション類のUIパーツが一通り揃ってるナイスなテンプレートです。フレームワークとしてBootstrap使ってる人に是非これひとつ。
ぼちぼち登場するっぽいFirefox OSのUI仕様書が出てました。Firefox OSは他のスマートフォンと違い、アプリっていうよりは全部HTMLで対応する（なんだか第1世代のiPhoneみたい）ようなので、当然UI仕様書もHTMLでの記述法に関して書かれてます。パっと見SenchaやjQuery MobileなどのMobile端末用フレームワークの仕様書みたいな感じです。あとTransitionsの項目ではFirefox OSのトランジションに関して動きを使って説明されてます。自分の場合はAppleの犬なのでiPhone以外のスマートフォンを使おうとは思わないけど、今後仕事で需要が出てくる可能性もあるので、ちょっと気になるところであります。
iOSで使える欧文フォントの一覧を見る事のできるサイト。ただ単に一覧となっているだけでなく、iOSのバージョンごとに一覧を変更でき、また任意の文字列を入力する事で各フォントで一斉プレビューする事もできます。ウチら日本語圏なので欧文フォントほど選択肢はないんですが、AppのUIで使用するフォント選びの際に役に立ってくれそうです。
ミュージックプレイヤーのUIをデザインした作例のまとめ。各素材はPSDとしてダウンロードできます。ミュージックプレイヤーをWebとかMobile Appでデザインする機会ってそれほど多くはないだろうけど、よく見るとスライダーやボタン、ボリュームコントロールやサムネール表示など、プレイヤーのインターフェースってUIパーツのかたまりなんですよね。UIデザインにおいて広く参考になりそうなまとめ記事だなーと思いました。
iOSデバイスの各種ハードウェア仕様を一覧にしたチートシート。iOS App制作時に役立ちそうな内容です。紹介されているデバイスはiPhone5、iPhone4/4S、iPhone(1st, 2nd, 3GS) & iPodTouch、Retina iPad、iPad mini、iPad(1st, 2nd)の6規格。これら6つのハードウェア規格ごとに、ディスプレイの解像度、色味やカラーモード、サポートするアイコンのレゾルーション、ステータスバーやNavバーなどの細かなUIサイズについての仕様が紹介されてます。AppのUIデザインする際に必要となる情報がだいたい揃ってるので、UIデザインに関わる人にオススメな記事。
2012年クールだったUIデザインのアニメーション部分を動画で紹介した記事。あの話題になったClearももちろん含まれてます。それぞれYoutubeの動画を使って紹介されているので、どんな動きなのかいちいちAppをインストールせずとも見る事ができます。こうして見ると、アニメーションって立派にUIデザインの一部なんだなーと思います。
今年最も美しくデザインされていたiOS Appという記事。12コのアプリが紹介されています。わりと有名どころが多いので「あー俺これ持ってる」な人もいると思います。Paper for iPad、Clear、Fantastical for iPhone、Rise、Evernote、Wunderlist 2、Google Maps for iOSあたり有名ですね。個人的にこの中で一番アツかったのはFantastical。安いタイミングで買ったんだけど、もう純正カレンダーには戻れません。あと逆に前評判ほどクールだって思えなかったのがClear
。とっくに削除して純正のリマインダーに戻しちゃいました。UIデザインに関わる人にオススメの記事。
