Webデザインで使えそうなUIキットのまとめ記事。30も集められてるのがなかなかホットです。この手のUIキットはだいたいPSDで配布されてるので、ワークフローがフォトショップなデザイナー向けですな。ポップなものからシックなものまで色々あります。こういうのってUIそのものを使う以外に、レイヤースタイルのネタを拾ってくるとかそういう使い方もできるのでなかなかナイス。自前の「PSD溜め」フォルダに突っ込んでおきました。ダラダラ見てるだけでもネタ探しになりますな。
本日のナニコレ超便利。いやこれマジに便利っす。iOS向けアプリのアイコン制作時に役立つフォトショップ用テンプレート。この手のテンプレートは他にもあるけど、これの素晴らしい点は2つ。まずアイコンの各種解像度に一括対応するため、ベースとなるアイコンデザイン部分をスマートオブジェクト化してある点（「EDIT THIIS SMARTOBJECT」のレイヤー）。なのでこのPSBファイルをベースにデザインすれば、全解像度に適用されます。もう1点は同梱されているアクションファイル。CS5.1では動きが変だった印象もあるけど、これ使えばAppStore申請用のファイル書き出しがサクっとできます。デザイナーのワークフローの作業的な部分をウマい事バッチ化した素晴らしいテンプレート。ありがたく使わせて頂きます。
本日のナニコレスゴい。Mac OS X Lionの起動画面からデスクトップまでの流れを、CSS3で再現しちゃいました作例。サイトに入るとお馴染みのアップルマーク起動画面がしばらく表示されて、その後ログイン画面が出ます。パスワード“admin”でログインすると、Lionの見慣れた初期画面に遷移します。ここまでの流れの、なんつーか再現性がスゴくて色々チビりました。奥から手前に出てくるトランジションとかLionそのまんま。正直何の実用性もありませんが、よく作ってあんなーと感心しました。コーディング魂みたいなものを感じたのであります。
CSS3で作られたFacebookっぽいボタン。ダウンロードはGitHubから。複数ボタンのグルーピングやアイコン付与もできるようで、なかなか汎用的に作ってあるようです。なんかこう、技術的に特にスゴいとかソレ系のアレではないんだけど、最近どのWeb屋さんもFacebook関連の案件多いだろうから、こういうの意外と重宝するかと思って紹介。ボタンとは全然関係ないけど、Facebook関連のMeta情報入力とかなんつーか面倒っすよねー。
iOSアプリのアイコンギャラリー。ズラっとページングする形で並べられてますが、カテゴリーによる抽出もできます。かっこいいアイコンしか集められてないので、アプリのアイコン制作をする際のネタ帳としてとってもナイス。多色、テクスチャ使用、立体的なデザインなど、アプリごとに色々と趣向を凝らして目立つ方法を模索してるという印象。まぁアプリのアイコンってAppStore内で目立ってナンボ、Home画面内でも目立ってナンボ。けどiPhoneユーザーの特性を考えると品良く作らなきゃなんない、というあたりが制作する側としては特に気にする部分ですな。
Webデザインに役立つフリーのパーツ素材の配布サイトまとめ。合計10のサイトが紹介されてます。つーかこの記事かなりイケてます。各配布サイトでは、多く場合PSDフォーマットで素材が配布されていて、素材の量も質もなかなかイイ感じ。素材漁りだけでなく、UI考察のネタ帳としてもナイスです。PSDファイルの中にはレイヤースタイルなんかもエェのが埋まってそうです。
様々なデザインのボタンPSDをまとめた記事。ただのデザインの作例集でなく、PSD配布してるものばかりをまとめてある点がナイス。わりとかっこいいボタンが多いので、UIデザインの際に重宝しそう。色々見てて思うんですが、テクスチャ使ったもの多いっすね。Lion以降うっすらノイズのテクスチャがなにげに流行ってるような気がします。
モバイルアプリのクールなUIのまとめサイト。一時期「CSSなんちゃら」みたいなクールサイトまとめが流行したように、最近じゃモバイルUIのまとめサイトが流行ってるようです。サイトによって色々工夫されてるけど、ここではアプリの種類によってタグ付けされてて、同種のアプリごとに抽出してブラウズできるようになってます。WebデザインからAppデザインに転向したり、両方やってる人も多いと思うので、これ系のまとめサイトはネタ収集の際に重宝しますな。
