センスの良いホームページ制作に役立つ参考サイトまとめ17選!

webデザイン制作に役立つ参考サイトまとめWebデザイン

WEBデザインを行う際に必要となる参考サイトまとめを紹介します。

webデザインを始める際に必ず通過するタスクとして登場するのが「デザインの参考サイトを探す」という事。

この「デザインの参考サイトを探す」という作業はどんなにベテランデザイナーになったとしても必ずやります。

そしてwebデザイナーは日ごろからwebデザインのトレンドや良いデザインを知るために、参考サイトまとめ集をチェックし他方が良いです。

webデザインにもトレンドがありますし、いろんなデザインを見る事で自分のアイディアの幅も広がっていきます。スキルアップを望むならたくさん良いデザインを見るようにしましょう。

今回はwebデザインを始める際の参考サイト探しに役立つ参考サイトまとめ集を紹介します。

代表的なwebデザイン参考サイト

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

muuuuuu.org

[sanko href=”MUUUUU.ORG” target=”_blank” title=”MUUUUU.ORG” site=”縦長のwebデザインギャラリー”]

Web Design Clip | Webデザインクリップ

Web Design Clip

[sanko href=”https://www.webdesignclip.com/” target=”_blank” title=”Web Design Clip” site=”Webデザインクリップ”]

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

io3000

[sanko href=”https://io3000.com/” target=”_blank” title=”I/O 3000″ site=”Webデザインギャラリー”]

 

まだまだあるよ!webデザイン参考サイト

オシャレなウェブサイトの参考デザインリンク集 | ウェブ・ファインダー

オシャレなウェブサイトの参考デザインリンク集 | ウェブ・ファインダー

[sanko href=”http://w-finder.com/” target=”_blank” title=”ウェブ・ファインダー” site=”オシャレなウェブサイトの参考デザインリンク集”]

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

 bookma! v3

[sanko href=”https://bookma.org/” target=”_blank” title=”bookma! v3″ site=”WEBデザイン参考サイト”]

Tau Magazine

tau-magazine

[sanko href=”https://www.tau-magazine.com/” target=”_blank” title=”Tau Magazine” site=”デザインや構造の参考になるWebサイトのリンク集”]

SANKOU! | Webデザインの参考サイト集

SANKOU! | Webデザインの参考サイト集

[sanko href=”https://sankoudesign.com/” target=”_blank” title=”SANKOU! ” site=”Webデザインの参考サイト集”]

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

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

[sanko href=”81-web.com” target=”_blank” title=”81-web.com” site=”Webデザイン リンク集”]

【S5-Style】Webデザインギャラリー / Web Design Inspiration

【S5-Style】Webデザインギャラリー / Web Design Inspiration

[sanko href=”http://bm.s5-style.com/” target=”_blank” title=”S5-Style” site=” Web Design Inspiration”]

Webデザインリンク集 中面/下層ページも見られる現代デザイン

Webデザインリンク集 中面/下層ページも見られる現代デザイン

[sanko href=”https://gendaidesign.com/” target=”_blank” title=”現代デザイン” site=”Webデザインリンク集 中面/下層ページも見られる現代デザイン”]

Webデザインリンク集・ソーシャルブックマーク – straightline bookmark

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

[sanko href=”http://bm.straightline.jp/” target=”_blank” title=”straightline bookmark” site=”Webデザインリンク集・ソーシャルブックマーク “]

 

海外のwebデザイン参考サイト

Awwwards – Website Awards – Best Web Design Trends

Awwwards - Website Awards - Best Web Design Trends

[sanko href=”https://www.awwwards.com/” target=”_blank” title=”Awwwards ” site=”Website Awards – Best Web Design Trends”]

The FWA – Awards

The FWA - Awards

[sanko href=”https://thefwa.com/” target=”_blank” title=”The FWA” site=”The FWA – Awards”]

siteInspire – Web Design Inspiration

straightline

[sanko href=”https://www.siteinspire.com/” target=”_blank” title=”siteInspire” site=”Web Design Inspiration”]

CSS Design Awards – Website Awards

CSS Design Awards - Website Awards 

[sanko href=”https://www.cssdesignawards.com/” target=”_blank” title=”CSS Design Awards” site=”Best Web Design Inspiration”]

 

その他のwebデザイン参考サイト

Behance

Behance

[sanko href=”https://www.behance.net/” target=”_blank” title=”Behance ” site=”Behance の選りすぐりの作品”]

 Dribbble

Dribbble

[sanko href=”https://dribbble.com/” target=”_blank” title=”Dribbble” site=” Dribbble”]

まとめ

いかがでしたでしょうか。

今回は僕が良く使う参考デザインまとめ集を紹介しました。

僕がデザイナーをしていたときは、参考デザインは30分以内に見つけ出せとアートディレクターによく言われていました。

そこでいくつか自分のお気に入りの参考サイト集を持っておくとすぐに参考となるデザインを見つけ出すことが出来ます。

参考サイトを探す時間はなるべく短縮したいので、日々デザインをチェックしておくと良いですよ!

ディレクターとして指示を出す立場になった今でも参考サイトまとめ集はマメに見ています。デザイン指示を出すときにも必ず必要になります。

今回紹介した参考サイトの中から気に入ったサイトをブックマークしておいて、参考デザインを探すときに活用していただければと思います。

[kanren id=”1372″]

[kanren id=”1257″]

コメント

タイトルとURLをコピーしました