私がwebデザインの参考にしているオススメのサイト6選

この記事では、私がサイトやブログを作る時に、参考にしているデザイン集を紹介します。

目次

webデザインの参考にしているサイト

イケサイ

イケサイのトップページ
イケサイ!の特徴
  • オーソドックスなデザイン
  • 奇抜なデザインがないから取り入れやすい
  • サムネイルの更新がされてないサイトも多数あり

イケサイの載っているwebデザインは、王道かつ基本的なレイアウトデザインのサイトが多いです。

奇抜じゃない参考にしやすいデザインを探すにはもってこいのサイト。私もよく利用していました。

難点は、イケサイは古いサイトなので、サイト一覧のサムネイルが古いこと。

上の方は大丈夫なのですが、下の方にいくとサムネイルと今のサイトが全然違うという事もよくあります。

SANKOU!

SANKOU!の特徴
  • 型にはまらないデザインが多い
  • デザインレベルが高い

SANKOU!に掲載されているwebデザインは、やや奇抜でインパクトが強めです。カッコいいサイトが多いっていうのかな。

参考にできる部分もあるけど、「これは、、イラストレーターさんにお願いするしかないのでは?」というデザインも多いです。

ユニークな装飾をつけたい時や、イラストを取り入れたデザインを考えている時に、参考にしたいサイトです。

レスポンシブデザインとLPデザインに特化した参考ページもあります。

WebDesignClip

webdesignclipのページ
WebDesignClipの特徴
  • サイトの数が豊富
  • wordpressに限定したサイトが見れる
  • スマホ向けデザインのサイトが見れる
  • LPのデザインに限定したサイトが見れる

WebDesignClipはSANKOU!と似ているところもあるのですが、Wordpressに限定したwebデザインが見れるところと、スマホ向けデザインページがとても見やすくて気に入っています。

wordpressを使用したwebデザインを集めているサイトは、たくさんあるわけではないし、デザインレベルが高いサイトばかりなので重宝します。

全体的にサイトの数も豊富。LPデザインに特化したページもあります。

LPデザインの参考になるサイト

LP ARCHIVE

 LP ARCHIVEのトップページ

LP ARCHIVEはLPデザインに特化したサイト。

気になるデザインをクリックすると、普通は参照元のwebページの飛ぶのですが、このサイトではwebページに飛ばなくても、拡大したLPデザインが見れます。

参照元のサイトに飛ぶと、既にデザインが変更されていることがあるので、こういう風に画像でデザインを撮っておいてもらえると、ずっと見れるから嬉しいですね。

レスポンシブデザインの参考になるサイト

MUUUUU.ORGは、綺麗なレスポンシブデザインをまとめた感じ。

iphoneデザインボックスは個人が運営しているサイトで、デザイン以外にも、作る時に参考になるテクニックや、サイト制作に役立つサイトの紹介もしています。

参考にする時に見るポイント

  • どこのデザインが効いているのか
  • 同じクオリティの写真を用意できるか?
  • 自分に実装できるかどうか
  • 自分が制作した場合にかかる時間

どこのデザインが効いているのか

参考サイトを見て真似をしたのに、「何か違う…」となったことはありませんか?

そういう時、私の場合は、細かい部分のデザインが甘かったり、写真のクオリティが低いということがありました。

線の太さや影がちょっと違うだけでも印象が変わるので、参考サイトをマネする時は、細かい部分まで観察します。

webデザインは、1pxの線が入るか入らないかで、ガラッと印象が変わります。

同じクオリティの写真を用意できるか?

あと、参考サイトの写真のクオリティが高い場合、同じものを用意できるのか?という問題があります。

写真が良ければ、それだけでバッチリ決まります。デザインは悪くないのに、何故かきまらないという時は、写真が原因かも。

既に素材となる写真を持っている場合は、参考にするサイトに当てはめてみて、様になるか確認してみるとわかります。

自分に実装できるかどうか

これが一番の問題(笑)

デザインだけでなく、ソースもよく見て、期限内に自分で仕上げられるかどうか?をよく考えなくてはいけません。

やりたいことや入れるプログラムによっては、実現できないこともあるので、包括的に再現可能かよく考える必要があります。

それでは、一緒に頑張りましょう!ちゃお!

↓この記事がちょっとでも良いと思ったら、ぜひポチッとお願いします^^↓

ブログランキング・にほんブログ村へ 人気ブログランキング
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

未経験から在宅のフリーwebデザイナー歴5年→アフィリエイター歴6年くらい(1年目数万円→2年目→300万ちょっと→3年目目以降600万〜800万)→3年ブランクを経て再びブログに挑戦中。主婦ブロガー。
デザイナー時代から在宅で仕事をしてきた為、もう外で働けない人。
家にいながらお金を稼ぐ方法を、四六時中考えています。

コメント

コメントする

目次