ローディング中

WEBデザインの参考になるまとめサイトを40サイトまとめてみました。

WEBデザイナー、WEBディレクターにかかわらずWEBデザインの制作やミーティングの際、参考サイトを探される方は少なくないことでしょう。

「このような雰囲気のサイトにしませんか?」

「このようなレイアウトはいかがでしょうか?」

参考サイトと共にWEBデザインを固めていく事は制作の現場ではよくあります。
WEBデザイナーにとっても、初めて関わるジャンルの案件や行き詰ったときなんかはWEBデザインの参考にするために多くのサイトを渡り歩きます。

そんな時に役に立つのがWEBデザイン参考サイトです。
星の数ほどあるWEBサイトをまとめてくれている、WEBデザイン参考サイトが実は沢山あります。
うまく活用することで、参考サイトを探す時間を限りなく短くすることができます。

今回はそんなWEBデザインのまとめサイトを一気にまとめてみました。
WEBデザインに関わる方は是非ブックマークしてくださいね。

目次

WEBデザインの参考サイトをまとめました。

WEBサイト編

1.CSS Design Awards

5adef0063c8377ff7ac5f7ab51c600a7
▶CSS Design Awards

2.MUUUUUUU.ORG

84c0cc1ea30872d99391ca521593443a
▶MUUUUUUU.ORG

3.I/O 3000

E835b14300252d6ec1601e5805419603
▶I/O 3000

4.Web Design Clip

8a68c79575873ad54acc8333756f0860
▶Web Design Clip

5.Web Design File

Ebf8025d572cb43e3b6f9d4a10ad941c
▶Web Design File

6.イイネ!WEBデザイン

Abcd7c0191079908b52f589751e4e039
▶イイネ!WEBデザイン

7.CHOICELY

82192d473288e01d2dfbdc9fec11c25c
▶CHOICELY

8.イラストブックマーク

06450a2aeb195d69aecaa0b4afe35a5a
▶イラストブックマーク

9.W FINDER

D2f2984ecc7d254ec7fe962672721c73
▶W FINDER

10.Design-trigger

D40def7b29577222822cdb5721000d3a
▶Design-trigger

11.ズロック

7292a74e7c2bd034b095eeb3b413d52f
▶ズロック

12.AWWWARDS

D6690b0c299d2deb129802f580c7fec9
▶AWWWWARDS

13.FWA

Dd74b2ed080c9146244c7108631c8138
▶FWA

14.Web Design Bookmark S5-Style

93425aecaeeeb2f28009124836187c85
▶Web Design Bookmark S5-Style

15.WONDER BOOKMARKS

483bbc3da3dfc1ce4fe0e23d110d5389
▶WONDER BOOKMARKS

16.bookma!

D518ffe01a8d8f3505849dd533d2cff4
▶bookma!

17.web selection

F70e3d1ad850618c4bd302ef2bc53cc0
▶web selection

18.WPデザインギャラリー

Ada48661caa5c1d7f6f7959f05969d46
▶WPデザインギャラリー

19.GOOD DESIGN WEB

547d874eccd7176a57415aad762cac76
▶GOOD DESIGN WEB

20.週間ウェブデザイン

32fe04d8f9a2546abd5ad1568f445253
▶週間ウェブデザイン

21.SG_BOOKMARK

2ad38c744089d64afba2f22957dbead1
▶SG_BOOKMARK

22.81-web.com

F1749f1e1329a5025ff8bbd636cd0acc
▶81-web.com

23.IKESAI.COM

C8ccfda53de10288173c89fc36d78f63
▶IKESAI.COM

24.site inspire

Ad2ee6d6ab08b19786c64af2770a5b59
▶site inspire

25.Hign Floater

1dfe1c5c4d81b6b3692dcf70e39123bd
▶Hign Floater

26.Best Web Gallery

94b419db315e6bbcf290fca477f7ef66
▶Best Web Gallery

27.CSS mania

C07facde5ae2b55b1c4f51931c261d0d
▶CSS mania

28.Minimal Exhibit

E806fdfd1d87ea7b2db078a826ade4b2
▶Minimal Exhibit

29.WE LOVE WP

81501a9b960262b3fc90887ac6b604aa
▶WE LOVE WP

ランディングページ 日本編

30.WebDesignClip L

853a607b80ed6ade6e3e5234c4e49b68
▶WebDesignClip

31.LANDINGPAGE BOOKMARK

Db7d959471d66e16dc4892544fcf1188
▶LANDINGPAGE BOOKMARK

32.LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

12788f2124c40350b49d5113b0cfed11
▶LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

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

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

34.LP Data Base

202c3288fe5f9bf7597468e4d361070b
▶LP Data Base

35.縦長ページのデザイン集めました

4dabf3f8acbcba823b5149743dc88779
▶縦長ページのデザイン集めました

ランディングページ 海外編

36.lapa

B501a04bf0c2a615ef5e69d2ef803d30
▶lapa.ninja

37.ONE PAGE LOVE

36afa76a7d94d812af7211bbd67e650b
▶ONE PAGE LOVE

38.One Page Mania

320835ebeaf95116c55685047a916718
▶One Page Mania

39.Land-book

3837623216f8aa999a001d276add3ced
▶Land-book

40.Landingfolio

1932ec7c8cb1ece83ab3c24195e9e4d0
▶Landingfolio

多くのWEBデザインに触れて、スキルアップを目指そう!

多くのWEBデザインに触れ、参考にすることで今まで思いもつかなかったようなデザインができることが多々あります。
コーダーの方なんかも、「こんなアニメーション、機能があるんだ!」と新しい発見になることも。
日頃から多くのWEBデザインに触れる習慣をつけておくと良いでしょう。

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.