今回は、私がサイト制作時にデザインで困った時(常日頃)に参考にしているWebサイトライブラリーをご紹介したいと思います。
クライアントからの要望(すごく抽象的で不透明)があった場合でも、それだけではどうにもデザインが浮かんでこない。その他にも、色の組み合わせ(配色)や配置、部分パーツのデザイン時も参考にしています。中には皆さんご存知の有名サイトも在りますが、是非ともチェックしておくことをオススメします。
Design Iketeru
http://design-iketeru.azu-mi.com/
ikesai.com
http://www.ikesai.com/
bookma! v3
http://bookma.org/
I/O 3000
http://io3000.com/
S5-Style
http://bm.s5-style.com/
ブブンデザインアーカイブ
私のように、バナーやボタンのデザイン業務がまだまだ多い下っ端デザイナーにとって先生的存在になるサイトです!
http://bubundesignarchive.jp/
Responsive Web Design JP
スマホ、タブレット、PCの3パターンでサムネイルが表示されていて、とても見やすいサイトになっています。このサイト自体もレスポンシブデザインで作られていて、通勤中でもスマホでチェックできるところが素敵ですね。
http://responsive-jp.com/
Media Queries
こちらもレスポンシブデザインを集めたサイトで海外サイトを掲載しています。さすが海外!デザインも技術も別次元でスンバラシイです!
こちらもサムネイルが別れておりますが、PC画面はノートとワイドの2つで表示されています。もちろんサイト自体もレスポンシブデザイン!
http://mediaqueri.es/
iPhoneデザインボックス
レスポンシブではなく、PCサイトとスマホサイトを分けたいと言われた時に、うってつけのサイトです。
http://design.web-hon.com/
スマートフォンサイト集めました。
黒を背景に各サイトが目立つようになっており、カテゴリーで絞り込みもできます。ストック数が膨大なので、探しているデザインが必ず見つかるサイトです。
http://sp-web.jp/
まとめ
いかがでしたか?知らなかったサイトがあったのではないでしょうか。サイトをまるまるパクると最悪訴えられますので絶対にやめましょう。パクるというより色の使い方やシャドウなどのデザインテクニックを真似てみるとスキルアップなります。
キレイ系サイト、カッコイイ系サイト、カワイイ系サイトのデザインパターンがきっと見えてくる思います。頑張って一人前のWEBデザイナーと呼ばれるように一緒に頑張っていきましょうね!