WEB業界で働く人や興味がある人に役立つ情報サイト“qam(カム)”

スーザン

2019/02/20

Webデザイナーが重宝する 参考サイト集

投稿者: スーザン
カテゴリー: デザイン >デザイン参考

デザイン作成時に使用する、参考サイト集。
国内サイトだけでもたくさんありますが、厳選した6つのサイトをご紹介したいと思います。

まず最初にみる参考サイト集!

https://muuuuu.org/

とても見やすく重宝しているサイトです。
更新頻度も高く、国内外の最新デザインを見ることが出来ます。
カテゴリの絞込みも細かく設定されているので、ピンポイントなデザインを探しているときも参考サイトが見つかりやすいです。

お気に入り機能が便利!

https://81-web.com/

サムネイル右下にある「+」を押すと「Favorite」にストックできるようになっています。
サイトを探している最中、スクロールしている間に気になっていたものがどこに載っていたか分からなくなってしまう。
そんな方にオススメのサイトです。

レイアウトの勉強になる!

http://grids.qoopu.net/

サイトキャプチャにグリッドが引いてあり、要素と要素の間隔や幅、終始点などが一目でわかるようになっています。
どのようなルーリングでサイトが作られているのかが見えてくるので、要素の配置で迷ってしまう方や新米デザイナーにもおすすめです!

検索機能が秀逸!

https://io3000.com/

スッキリとまとまっているデザインで、とても見やすいサイトです。
メニュー検索では「カテゴリ」「タグ」「カラー」「アーカイブ」と細かく分けられています。
アーカイブ検索ができるため、年代別に作品が見られる所も高ポイントです。
テキスト検索が出来るのもまた便利。

レイアウトで選べる!

https://www.webdesignclip.com/

こちらのサイトで便利なところはレイアウト別検索ができるところです。
サイドナビ、全画面、フッターナビなどの条件で一気に絞りこみが出来るのは本当に便利!
ワイヤーフレーム作成時の参考サイト探しにもオススメです。

コーダーにもオススメ!JavascriptやCSS検索も!

http://bm.s5-style.com/

なかなか他のデザインサイト集ではみられない、JavascriptやCSS、HTML5などのカテゴリ検索があるサイトです。
サイトの動きなどを参考にしたいコーダーにもおすすめです。
こちらのサイトもお気に入り機能があります。

 

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集
久保田 涼子
SBクリエイティブ
売り上げランキング: 9,095

最後までお読みいただき、ありがとうございました。
よろしければシェアしていただければ幸いです。

  • このエントリーをはてなブックマークに追加

関連記事

よろしければこちらの記事もお読みください。

WEB業界ならqam!qam(カム)はWEB業界で働く人や興味がある人に役立つ情報サイトです。
マーケティングやデザイン、マークアップ(コーディング)、プログラム、トレンドなどの情報をqamライター陣が執筆。噛めば噛むほど(読めば読むほど)制作・開発や運営・運用、業界知識やノウハウを学ぶことができます。

トップへ