新人Webデザイナーが参考すべきサイトデザインのポータルサイト10選

新人Webデザイナーが参考すべきサイトデザインのポータルサイト10選 Web関連

今回は、私がサイト制作時にデザインで困った時(常日頃)に参考にしているWebサイトライブラリーをご紹介したいと思います。

クライアントからの要望(すごく抽象的で不透明)があった場合でも、それだけではどうにもデザインが浮かんでこない。その他にも、色の組み合わせ(配色)や配置、部分パーツのデザイン時も参考にしています。中には皆さんご存知の有名サイトも在りますが、是非ともチェックしておくことをオススメします。

Design Iketeru

Design Iketeru

言わずと知れたサイトですね。名前の通りイケテルデザインのサイトが日々更新掲載されています。テイスト、カテゴリー、カラーから絞れて便利です。

イケてるWebデザインリンク集|デザイケ - Design Iketeru -
イケてるサイト、カッコイイサイト、オシ&#12515…

ikesai.com

ikesai.com

またまたイケテル系のイケサイ!こちらはカテゴリーと色の2つからの絞り込みですが、カテゴリーの種類が豊富です。コーポレートサイト作る機会が多い私からするとこのサイトが結構便利です。

イケサイ WEBデザイナーのポータルサイト
イケサイはWEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイトを集めたWEBデザイナーのためのWEBデザインリンク集

bookma! v3

bookma! v3

黒いゴリラがとても可愛いです!こちらも知名度が高くサイト自体もとてもおしゃれ。サムネイルも比較的大きく、サクッと探す時に重宝します。

WEBデザイン参考サイト bookma! v3
WEBデザインに特化したブックマークサイトbookma! v3

I/O 3000

I/O 3000

こちらも黒を基調としたサイトですが、ゴリラの姿はなくカッコよくシンプルにまとまったサイトです。(別にゴリラがダサいってわけじゃないですぅ)bookma!同様にサムネいるも大きくて、探しているデザインにいち早くたどり着けそうな作りになっています。

I/O 3000 | Webデザインギャラリー
I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

S5-Style

S5-Style

TOPのメインビジュアルが最新の投稿デザインをスライド表示させているS5-Style。こちらのサイトは比較的デザイン性の高い、ブランディングサイトを多く載せているイメージがあります。

【S5-Style】Webデザインギャラリー / Web Design Inspiration
優れたWebサイトのデザインギャラリー / Be inspired for web design from japan and global.

ブブンデザインアーカイブ

ブブンデザインアーカイブ

こちらのサイトは、サイトの全体デザインではなく部分(パーツ)のデザインを集めたサイトです。メインビジュアルや、ナビ、ボタン、バナーなどのデザインに悩んだら、ピンポイントで探せます。

私のように、バナーやボタンのデザイン業務がまだまだ多い下っ端デザイナーにとって先生的存在になるサイトです!

Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト
ブブンデザインアーカイブは、Webデザイナーのための国内最大のWebパーツデザイン集です。

Responsive Web Design JP

Responsive Web Design JP

レスポンシブ案件が出たときに参考にしているサイトです。レスポンシブデザイン自体、まだ日本であまり浸透していない中、数少ない国内サイトの素敵なデザインを集めたサイトです。

スマホ、タブレット、PCの3パターンでサムネイルが表示されていて、とても見やすいサイトになっています。このサイト自体もレスポンシブデザインで作られていて、通勤中でもスマホでチェックできるところが素敵ですね。

Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト
日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。

Media Queries

Media Queries

こちらもレスポンシブデザインを集めたサイトで海外サイトを掲載しています。さすが海外!デザインも技術も別次元でスンバラシイです!

こちらもサムネイルが別れておりますが、PC画面はノートとワイドの2つで表示されています。もちろんサイト自体もレスポンシブデザイン!

Media Queries

iPhoneデザインボックス

iPhoneデザインボックス

スマホサイトの制作案件も増えて、デザインに困った時に訪れます。こちらのサイトは、TOPでスマホデザインをサムネイルとして表示していますが、サムネイルクリックした先のページでスマホデザインとPCデザインの両方が表示されます。

レスポンシブではなく、PCサイトとスマホサイトを分けたいと言われた時に、うってつけのサイトです。

優れたiPhoneサイトデザイン集 - iPhoneデザインボックス
iPhoneデザインボックスではスマートフォン向けサイトでクオリティの高いデザイのみをまとめました。下層ページのデザインも見れ、PCサイトの違いも簡単に比較できiPhoneの最適化の参考にもなります

スマートフォンサイト集めました。

スマートフォンサイト集めました。

こちらは「スマートフォンサイトを集めました。」サイトです。(そのまんま…)

黒を背景に各サイトが目立つようになっており、カテゴリーで絞り込みもできます。ストック数が膨大なので、探しているデザインが必ず見つかるサイトです。

スマートフォンサイト集めました。

まとめ

いかがでしたか?知らなかったサイトがあったのではないでしょうか。サイトをまるまるパクると最悪訴えられますので絶対にやめましょう。パクるというより色の使い方やシャドウなどのデザインテクニックを真似てみるとスキルアップなります。

キレイ系サイト、カッコイイ系サイト、カワイイ系サイトのデザインパターンがきっと見えてくる思います。頑張って一人前のWEBデザイナーと呼ばれるように一緒に頑張っていきましょうね!

スポンサーリンク
スポンサーリンク
Web関連
こんな記事も読まれています
10-PLATE

コメント