クールなデザインのWebサイトを集めたギャラリーサイト。一時期この手のまとめサイトってよく見たけど（なぜかCSSなんちゃらって名前が多かった）、最近じゃMobile App系のギャラリーサイトばかり増えて、Web系は目立たなくなったような気がします。このサイトで紹介されているWeb作例は、デザインだけでなくコード的な作りにおいても凝ったものが多いです。スクロール芸とかレスポンシブレイアウトとか全画面＋スクロールとか。コンテンツの見せ方そのものの参考にもなりそうです。
Webデザイン作例のPSDが30例まとめられてます。Freshとありますが、この記事自体8ヶ月前のもののようなので、実はそれほど新しくはありません。けど紹介されている作例の質が高いので、デザインのネタ帳として悪くないんじゃないかと思います。PSDでテンプレート配布されてるのもナイスです。
Illustratorで作るテキストエフェクトの作例まとめ。色々なタイポグラフィー作例が紹介されているので、ロゴデザインやグラフィックデザインの元ネタとしても良さそう。ちょうどついさっき「ロゴ作ってー」というオーダーが来たばかりなので、この記事からネタ拝借しようかなとか思っているところであります。お盆だってのに今年はなんだか忙しいな・・・。
フラットなWebデザインのサイトをまとめた記事。Mobile OSやアプリのUIなどから始まったフラットデザインの流れは、もうすっかりWebのデザインも道連れにされていますな。こういうの見てると「もうスキューモーフィックなデザインはしちゃイケないのね( ´・ω・)」とか思っちゃいます。いやまぁしたらアカンって事ぁないんだろうけど。今風なWebデザインのネタ帳に是非。
HTMLメールのテンプレートを配布しているサイト。というか、本来はメール配信に関するコンサルみたいな事をしてる会社らしいんだけど、このページではHTMLメールのテンプレートを自由にダウンロードできるようです。試しに落としてみましたが、1つのテキストファイルとしてダウンロードされます。CSSはインライン、画像はオンライン、レイアウトはTableタグでされていますが、レスポンシブレイアウトに対応してます。HTMLメールらしい仕様です。登録を促すものや販促、完了の通知など、場面ごとに複数のテンプレートが用意されているので、HTMLメール製作時の素体としても使えそうです。
クールなボタン作例をたくさん紹介した記事。デモページはこちら。a:hover時やa:active時に、凝った動きをするボタン作例が多いです。またどれもフラットな作りをしているので、フラットデザインなサイトに合いそうです。ボタンってサイトUIの中でも結構大事な要素ですからね。ボタン作る時のネタ帳としてイイ感じです。
ロゴデザインの投稿サイト。いろんな人のロゴ作例を、ギャラリー形式で閲覧する事ができます。新着、レートによるソートの他、任意のワードによる検索や、デザイナーごとの絞り込みなどもできます。ロゴ作例探すサイトとしてはLogo Pondあたりが有名だけど、ここも紹介されている作例が多く、ロゴデザインやタイポグラフィーのネタ帳としてなかなかナイスです。
HTML5で書かれたWebサイトのギャラリー。サイトのトップページをサムネールとして用意し、詳細ページで該当サイトへのリンクと一言コメントを紹介してます。凝ったJSを使ったサイト、フルスクリーンもの、パララックススクロールなど、様々な工夫を凝らしたサイトが紹介されてます。HTML5で書かれる事自体は最近じゃ珍しくないけど、ここで紹介されてるサイトはどれも凝った見せ方をしているので、コンテンツの見せ方を考える際のネタ帳になりそうです。
