CSS3でデザインされたボタン。イメージを使わず、ボタン内はテキストで書かれており、通常・マウスオーバー・アクティブ時の3つの場面についてデザインされています。最新のコードはGithubにて配布されてる様子。バリエーションはそれほど多くはないけど、コードコピペするだけで使えるのが何かと便利です。ページ下部ではWebkit環境でのみ描画できる、ちょっと凝ったシェイプのボタンも紹介されてます。対象がiPhone、Androidに限定されたサイトの場合はこういうのもアリですね。
ダウンロードやサインアップ、カートに入れるなどの「何かを実行するボタン」のデザイン例ばかりを集めた記事。リンク先ではPSDなどの元ファイルの配布やチュートリアルが紹介されてます。こうしたボタンはサイトの中でも特に目立つよう配置される事が多いため、デザインに求められるものも色々あったりしてアレだしナニです。ボタンのデザインどうしよっかなーって時のネタ帳にひとつ。
様々なiPhone AppのUIデザインを場面ごとにまとめたサイト。左側にカテゴリがズラっと並んでいますが、これはアプリによくある場面です。例えば起動時のスプラッシュ、アバウト画面、ログイン画面、ユーザープロフィール編集画面、リスト表示、ニュース画面など。異なるアプリの同じ場面をまとめて見る事が出来るので、UIの優劣や向き不向き、美しさと機能性について比較検討する事ができます。アプリのUIデザインに関わる人ならブックマークしておいて損はないサイト。似たようなコンセプトのサイトとしてiPhoneScreenDumpsとかMobile UI Patternsなどもあるので、併用する事でより多くのネタ帳として機能しそうです。
CSS3やjQueryを使ったUIデザインについての考察と、そのチュートリアル。なかなか珍しい組み合わせですね。普通ならCSS3 & HTML5と来る事が多いけど。まぁそれはいいとして、CSS3とJSによってWebでの表現は色々とアレだしナニな感じになってるので、新しいUIというかユーザーへの見せ方についての試みというか、そんなアレです。一昔前に比べるとWebサイトって賑やかになりましたね。「あー久しぶりにテーブルレイアウトしてぇ」とか思いますよね。思いませんかそうですか。
優れたデザインのiOS用Appを、パーツごとに紹介するサイト。例えばアイコンやインターフェース、Appを紹介するウェブサイト、リソースについてそれぞれ分けて取り上げられてます。iOS Appのデザイニングを担当する人にとってはなかなかナイスな情報源。App Websitesではクールサイトの紹介もされてるので、ウェブデザイナーにとってもいいネタ帳になりそう。iPhone Appの紹介サイトってかっこいいの多いんで。各カラム内の＋ボタンを押すと、作例の一覧がズラっと表示されます。結構な数紹介されてるようです。UIデザインの際の参考に是非これひとつ。
フリーで配布されている、Web UIのPSDまとめ記事。最近こういう素材よく見かけるような気がします。UIといってもレイアウトではなくパーツ単位のアレです。メタル調、ウッド調、ピカピカしたもの、マットな印象のもの、色々あります。こういうPSDからはレイヤースタイルのイイアイデアとか盗めたり参考になったりしますね。ナイスなまとめ記事。
フリーで使えるWebUIキットのまとめ記事。42個もこの手の素材を集めたというのがスゴい。こんなにも素材として配布されてるんですね。わりとクオリティの高いものが多く、WebUIの考察にも、また単純に素材としても役に立ちます。テクスチャとかレイヤースタイルなど、パーツ素材としてもなかなか優秀なものが多そうです。
WebのUIデザインを考える際に役立つPSDがまとめられた記事。フォトショップを使ってウェブデザインをするデザイナー（これが多数派だと思うんだけど、実際どうなんでしょ？）にとってはなかなかありがたい素材ですな。iPhoneのUIを模したものがあるあたり、最近のUIですなーという印象。フォームパーツばかりでなく、ボタンやプログレスバー、ナビゲーションメニュー、カレンダーなど色々あります。デザインのネタ帳に是非これひとつ。
