HOME > クリエイティブ > Webデザインで参考になるサイトまとめ(随時更新)

Webデザインで参考になるサイトまとめ(随時更新)

web design matome

これからWebサイトをデザインしようと思っているデザイナーやプログラマーの方のために、参考になるサイトとまとめてくれているサイトを紹介します。 先人の優れたデザインを見てインスパイヤーされながらデザインをするとぐっと品質が上がる事間違いなしです。

国内のWebデザインまとめサイト

主に国内で優れたデザインのWebサイトをまとめているサイトを紹介します。

WebDesignClip

a129724c052a4a837f75dc85fdf7a8dc

http://www.webdesignclip.com/

I/O 3000

非常にシンプルに、わかりやすくまとめられたサイトです。カテゴリーやタグ、配色などでサイトをソートできます。 国内・外国ともに洗練されたWebサイトを数多く紹介してくれています。

8954086941087b3c627e69f5d39e3ed8

http://io3000.com/

straightline bookmark

国内・外国のデザインの優れたWebサイトをまとめてくれています。配色やジャンル、またはレイアウトのパターンで絞り込む機能のあり目的の参考サイトを見つけやすくなっています。

027e4e0412d2b4fa260484831024d46e

http://bm.straightline.jp/

Responsive Web Design JP

レスポンシブ(スマホやタブレットにも対応したサイト)に特化したWebデザインクリップ集サイトです。 個人的には一番おすすめで、シンプルでかつ、思わず真似したいと思うセンスの良いサイトを集めています。 カテゴリでソートもできるので、色々な用途のレスポンシブサイトのデザインに参考になるサイトです。

46b5860fd2b0df0782fdbc240e5b4aba

http://responsive-jp.com/

GENDAI DESIGN

国内の参考になるデザインサイトを集めているサイトです。このサイトの特徴としてはサイトのトップページと、詳細ページのサムネイル画像にを表示してくれています。なので、わざわざ各サイトにアクセスしなくてもトップページと詳細ページのデザインの参考になります。

99dda3a714c3c083bf9e4a69247c7fb3

http://gendaidesign.com/

GRIDS

GRIDSはデザインに優れたサイトにガイドが引いてあって、どんな構成のグリッド線でデザインしているのかがわかりやすくなっています。デザイナーはもちろん、UI/UXをプログラムで表現しているエンジニアにも大変参考になるサイトです。

551eb30af35053806c5710c4c34b4e80

http://grids.qoopu.net/

iPhone Design Box

iPhoneでのWebサイトデザインで参考になるサイトを集めています。iPhoneとは言っても、AndroidなどのスマホWebサイトでも大いに参考になるサイトです。

33da03272221997c58d50847a129b29a

http://design.web-hon.com/

外国のWebデザインまとめサイト

現在、編集中です。少々お待ち下さい。