インスピレーション

要素ごとに分けられたウェブデザイン集『Pattern Tap』

July 22nd, 2008

『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しかもサインアップすれば、自分のお気に入りパターンライブラリを作ることもできます。単純に見て回るだけでも十分参考になりそうなサイトですね。

ナビゲーション・メニューまとめ

June 24th, 2008

IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』連載３回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。

今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのですが、今回の記事に収まりきらなかったサイトを、せっかくなのでまとめてみました。

背景にインパクトのあるウェブデザインいろいろ

June 23rd, 2008

最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。

今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。

まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。

Faviconギャラリー・ジェネレータまとめ

June 11th, 2008

先週、GoogleのFaviconが変更されましたね。
これまで、8年半使われていた以前のFaviconを一新。シンプルですっきりとしたFaviconに変更されました。iPhoneや、その他のモバイル系にもきれいに表示させる為の変更だそうです。

この新Faviconに決定されるまで、300パターン以上のデザインを作って検討されたそうです。とっても小さなアイコンで、一見、簡単そうなデザインですが、さすがいろいろと検討されてしっかり作り込まれているんですね。

本日は、Faviconのインスピレーションです。たくさんのFaviconを参考にして、みなさんも是非こだわりのFaviconを作ってみてくださいね。

名刺デザインいろいろ

June 9th, 2008

以前、このブログでもご紹介した『変わったデザイン名刺を集めてみました』きれいにデザインされた名刺を眺めるのはとっても楽しいですよね。今回は、デザイン名刺をいろいろと集められているサイトをまとめてみました。

透過をきれいに使ったウェブデザインいろいろ

May 20th, 2008

最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。透過PNGを使うと、いろいろとデザインの幅も広がっていきそうですね。今回は、透過PNGをうまく使ったウェブデザインや、透過PNGを使わなくても、きれいに透けているサイトなどをいろいろとまとめてみました。

料金プランやサービス内容などの比較など、単純にテーブルで組んでいるだけでは、なんだか味気ないですよね。おすすめのプランを少し、大きく表示して目立たせたり、アイコンやボタンを使って分かりやすく仕上げたり…。今回は、とってもきれいな料金表デザインのまとめです。今回ご紹介するサイトの料金表のデザインは、テーブルを組んで、そこにCSSでデザインをかぶせているサイトが多いので、単純にテーブルのデザインの参考にもなりそう。