Advertisement

web-design-gallery-2017

 

PhotoshopVIP編集部: 2014年5月6日に公開した記事を再編集、追記しています。

 

Webサイトのデザインがなかなか決まらない。

 

そんなときは、他のデザイナーが作成したWebデザインをまとめた、ギャラリーサイトをチェックしてみてはいかがでしょう。レイアウトや配色など、アイデアが湧いてくることがあります。

 

 

今回は、ウェブサイト制作の参考になりそうなアイデア、インスピレーションを与えてくれるWebデザインギャラリーサイトをまとめています。リストを一度見直し、2017年現在も更新を続けているサイトのみ厳選、追加しているので、実践的でクリエイティブなデザインを探すことができるでしょう。

 

 

 

詳細は以下から。

 

 

 

デザイン制作の参考にしたい、Webギャラリーサイトまとめ

 

厳選 国内ギャラリーサイトまとめ

 

Muuuuu.org

クオリティが高い縦に長いサイトを厳選して集めているサイトです。

muuuuu-org

 

 

 

現代デザイン

トップページだけでなく中面、下層ページもまとめて表示され便利です。

gendai-design

 

 

 

81-web

当サイトは、Webサイト制作に役立つ優れたデザインのサイトを集めたギャラリー&リンク集。サイト名は、日本の国際電話番号「81」に由来し、日本国内のサイトのみピックアップされています。

81-web

 

 

 

ズロック

これまでに2600を超える日本国内のウェブサイトを集めているギャラリーサイトで、手動で細かくタグ付けされているので、ユニークなサイトがきっと見つかります。

zzrock

 

 

 

ウェブファインダー

細かく分類された業種のほか、和風やエレガントなどの「テイスト」、「カラー」別に絞り込みできる、活用しやすいギャラリーサイト。

webfinder

 

 

 

Straightline Bookmark

ログインすることでお気に入りサイトを保存できたり、サムネイルサイズを変更できたり、タグ別に検索できたりと、使いやすさ抜群で個人的にも愛用しているサイトのひとつ。

straightline-bookmark

 

 

 

SG Bookmark

洗練されたデザイン、使いやすいインターフェイス等、様々な点で「よくできているサイト」を厳選して日々更新されています。

sg-bookmark

 

 

 

Bookma

配色やテイストなどで検索することもできるギャラリーサイト、ゴリラのイラストがナイス。

bookma

 

 

 

I/O 3000

2009年から運営されているギャラリーサイトで、スクロールするたびに次々と新しいサイトを読み込む、無限スクロールが適用されています。

io3000

 

 

 

Good Design Web

洗練されたデザインの美しいウェブサイトを紹介、クリップしているギャラリーサイト。

gooddesignweb

 

 

 

Artnoc

クリエイティブなWebデザインをサイトタイプ・業種タイプ・カラータイプ・レイアウトタイプ・視覚効果といった要素で分類し、データベース化した、Webデザインのギャラリーサイトです。

art-noc

 

 

 

Web Design Clip

WEBデザイン制作において、Webデザイナー・開発の方々などのインスピレーションを刺激するような日本国内の洗練されたWebサイトや、アイデア・技術に優れたサイトがクリップされています。

webdesignclip

 

 

 

Choicely

Webデザインの参考になり、見ているだけでも刺激を受けることができるWebサイトを日本と海外から集めているWebデザインギャラリー。

choicely

 

 

 

Japan Web Design Gallery

日本のウェブデザインを紹介するリンク集です。2013年からスタートし、現在の登録サイト数は1000を超えています。

japan-web-design-gallery

 

 

 

S5 Style

サムネイルを見やすいように、背景色もカスタム可能なギャラリーサイト。お気に入りサイトを一時的に保存でき、保存したサイトリストはメーラーに貼付けることもできます。

s5-style

 

 

 

Responsive JP

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトで、各デバイスごとのページレイアウトをひと目で確認することができます。

respoinsive-jp

 

 

 

AGT Smartphone Design Gallery

スマートフォン、iPhone向けの質の高いサイトを集めたギャラリーサイト。運営元がスマートフォンサイトのUI改善・制作業務、ユーザーリサーチ業務を日々こなしているので、実践的なデザインが多いのも特長。

agt-smartphone-design-gallery

 

 

 

iPhone Design Box

iPhone用モバイルアプリのインターフェースを集めたギャラリーサイトで、国内サイト中心のセレクションが◎。

iphonedesignbox

 

 

 

Banner Design Archive

インターネット上に存在する様々なバナーを収集するサイトです。突然広告バナーを作ることになった!でもどうしたら良いか分からない・・・そんな時にどうぞ。

banner-design-archive

 

 

 

厳選 海外ギャラリーサイトまとめ

 

Awwwards

定期的に更新されている定番サイトで、デザインやユーザビリティなど4つのポイントを独自に採点します。スタイリッシュで革新的なデザインが中心。

awwwards

 

 

 

CSS Design Awards

クリエイティブさ、コードや機能面、UXの使いやすさに応じてそれぞれ点数をつけてレビューするギャラリーサイト。更新頻度も多く、美しいデザインが豊富にアップされています。

css-design-award

 

 

 

The FWA

トップページだけでなく、階層ページのサムネイルも一緒にまとめられた老舗ウェブギャラリーサイト。情報量が多いので、アイデアが欲しいときにもぴったりです。

fwa

 

 

 

Siiimple

見た目がシンプルなミニマルスタイルのウェブサイトのみを集めたギャラリーサイト。余白や文字テキストの組み合わせなど、参考にしたい点も多数。

siiimple

 

 

 

Site See

美しくモダンなウェブサイトを集めたギャラリーサイトで、特にシンプルなスタイルを得意としたWebサイトが揃っています。

sitesee

 

 

 

Site Inspire

ウェブUIに特化した「スタイル」や「プロジェクトタイプ」のほか、業種を絞り込んだ「Subject」など豊富なキーワード検索がポイントのギャラリーサイト。

siteinspire

 

 

 

One Page Love

シングルページ完結型レイアウトのWebサイトを集めたギャラリー。特設サイトを作成するときなどの参考にどうぞ。

one-page-love

 

 

 

Flattrendz

フラットスタイルのWebデザインに着目したギャラリーサイトで、有益なブログ記事も公開されています。

flat-deign-gallery

 

 

 

We Love WP

WordPressで作成されたWebサイトをまとめたギャラリーで、WPでできることの可能性を感じさせてくれる参考サイト。

welovewp

 

 

 

Pttrns

iPhoneモバイルアプリのみを集めたギャラリーサイトで、各コンテンツページを虫眼鏡ズームで表示できるユニークな仕掛けも。

pattrns

 

 

 

iOSpirations

iPhoneとAndoridアプリのアイコンデザインをまとめて閲覧できます。

ios-inspiration

 

 

 

Mobile Pattern

モバイルアプリのインターフェース画面を集めたギャラリーサイトで、タグや業種別などで絞り込み検索を行うことが可能です。

mobile-pattern

 

 

参照元リンク : Popular Online Galleries for Web & Mobile Design Inspiration – WebResourcesDepot