デザインねこ

現役グラフィックデザイナーがお届けするデザインの時短ネタや参考ネタ、HOW TOなどのお役立ち情報から、ハンドメイド、インテリアや暮らし、ネコとの生活など様々なジャンルの記事を2人と1匹でお届けする(デザインよりの)雑記ブログ。

デザイナーが仕事で参考にするWEBデザイン参考サイト10選!

こんにちは、今日もよろしくお願いします、デザインねこ@toranekodesignです。

さて、今回は仕事でよく使うWEBデザインの参考サイト、個人的な10選です。今回のサイトは僕のChrome拡張のClipplarに入っている普段使いしているサイトです。

www.clipular.com

(Clipplarはまた別の機会にご紹介します)。僕はふだん本業では主に紙媒体を扱っていますが、時々Web関連のデザインを依頼されることもあります。まあ、自社のサイト周りや楽天などのデザイン、ランディングページといったところがメインですが。その中で参考にしているギャラリーサイトをご紹介します。Clipplarにあったのがちょうど10コだったので、10選!それでは行ってみましょう。

参考ギャラリーサイト

f:id:toraneko-design:20171128185113p:plain

81-web.com【Webデザイン リンク集】

サムネールが大きく、パッと見で気になるのをチェックできるのが良い。またトンマナからtagでチェックできるのがラクでいいです。 余談ですが、81(エイティーワン)って響きは雑誌の+81の影響か知りませんがめっちゃおしゃれに感じてポイントが高い。気がする。

 

f:id:toraneko-design:20171128185250p:plain

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

縦に長いサイトに特化したもの。でも最近はスクロール量の多いサイトは増えてるんで珍しい感じはしなくなりました。

 

f:id:toraneko-design:20171128185308p:plain

WEBデザイン参考サイト bookma! v3

こちらも大きく見やすい。新しい順などソートの種類が豊富でわかりやすくて良い。

 

f:id:toraneko-design:20171128185354p:plain

Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmarking

ブラックバックでサイトが引き立ちます。こちらもサムネールが大きく見やすい。

 

f:id:toraneko-design:20171128185637p:plain

I/O 3000 | Webデザインギャラリー

こちらもサムネイルは大きい。シャッフル機能はなんとなく見をするのに良い気がする。

 

f:id:toraneko-design:20171128185730p:plain

ズロック|Webデザインのリンク集

こちらも黒バックでサイトが引き立ちます。タイトルがカタカナって珍しい。

 

f:id:toraneko-design:20171128185809p:plain

ウェブセレクション - Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。

これは結構前から更新は止まってますね。でも参考になります。

 

f:id:toraneko-design:20171128185910p:plain

High Floater

海外物のサイトですが、今回紹介する中では抜群におしゃれですね!サムネールが小さいけど一個一個のクオリティが高いので一覧で見たときのおしゃれ感が半端ない。

 

f:id:toraneko-design:20171128185932p:plain

ランディングページ集めました。

LP特化型。LPって並ぶとチラシのようにも見えますね。

 

f:id:toraneko-design:20171128190005p:plain

Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

WEBデザインのパーツに特化したサイト。グラフィックデザインの「あしらい」や飾りとしても参考になるかも。

まとめ

今回はウェブサイトのまとめ10選を紹介しました。こういったまとめは書いとくと自分が必要な時にも1ページで必要なサイトを一気に見れていいですね。これらのまとめサイトは見てるだけでもいろんな商品やサービスを見れて楽しいし、気がつくと新しいものや流行りものに詳しくなってたりします。サイトがしっかりしているところは良い商品やサービスを扱ってるんでしょうね。 それでは、今回はこのへんで。