ウェブサイト制作のデザイン事例を見つけられるサイト13選!

ウェブサイト制作の際のデザインに困ったらたくさんのサイトを閲覧しましょう。

この記事では、ウェブサイトのデザイン事例がたくさん見られるサイトを13個紹介しています。

デザインはたくさん良いデザインのものを見るとだんだんデザインの良さがわかってきたり、知見が貯まってくることによってデザインの引き出しも増えるので暇なときに読むのもおすすめです。

僕はウェブサイト制作をあまりしませんが、広告代理店にいる関係上、クライアントからウェブサイトの改善提案やここ使いづらいみたいなとこありませんかと聞かれた際には似たようなサイトの事例を持ってきてこんな感じにするのどうですかと話すときにも使います。

良いウェブサイトはデザインにもこだわる必要あり!たくさんのウェブサイトを見て研究しよう

僕はphotoshopを触れたりHTMLやCSSコードが少しだけ書くことができますが、まだ立派なウェブサイトを一人で作り上げることはできません。

ただ、ウェブマーケティングの分野で生きている以上ウェブデザインを気にしないわけにはいきません。

良いデザインを知るためにはたくさんのウェブサイトを見て目を養うことが必要だと考えています。

下記サイトでは海外、国内の良いデザインを閲覧することができます。

きれいなウェブデザインがたくさんあるので見ていて飽きませんし楽しいです。

自分が作りたいウェブサイトの参考になるデザインを探したり、現状あるウェブサイトのデザインを変更したくて参考になるデザインはないかなと探すときは今回紹介するようなウェブデザインを集めたリンク集のサイトで探すのが良いです。

commteblog

commteblogのトップページ

こちらのブログはWEBデザインに関してだけでなく、WEB製作、ディレクションなどについても書かれています。

MUUUUU.ORG(ムーオルグ)

MUUUUU.ORGのトップページ

こちらもcommteblogのように業種やサイトの用途別、色合い別でカテゴリ分けされているので、たくさんのウェブサイトの中から参考になるウェブデザインを見つけることができます。

bookma! v3

bookma! v3のトップページ

投稿型のギャラリーサイトです。
自分が作ったWEBサイトに自身のある方はぜひ投稿してみましょう。

I/O 3000

I/O 3000のトップページ

国内外問わず、よいWEBデザインを集めたサイトです。

Web Design Clip

Web Design Clipのトップページ

PCだけではなくスマホ用とかLP専用のサイトもあります。

スマホ用⇒ http://sp.webdesignclip.com/
LP用⇒ http://lp.webdesignclip.com/

responsivewebdesignjp

responsivewebdesignjpのトップページ

レスポンシブWebデザインのサイトを集めたリンク集です。

Media Queries

Media Queriesのトップページ

海外のレスポンシブデザインを集めたサイトです。

Design-trigger

Design-triggerのトップページ

カラー・レイアウト・業界・テイストでカテゴリができます。

81-web.com

81-web.comのトップページ

国内のサイトのみピックアップし、掲載されています。

ウェブ・ファインダー

ウェブ・ファインダーのトップページ

お気に入りのサイトをfavoriteに登録して後で見ることが可能です。

WEBdesigngallery for web designers

WEBdesigngallery for web designersのトップページ

サイトを保有している企業の地域別で検索が可能です。

WONDER BOOKMARKS

WONDER BOOKMARKSのトップページ

優れたWebデザインをカテゴリー、サイトカラー、サイトタイプ別にブックマークしたWebデザイナーの為のWebデザイン・リンク集です。

S5-Style

S5-Styleのトップページ

画像にカーソルを合わせた時の動きがかわいいと勝手に思ってます。

ウェブサイトを研究してかっこいいデザインにしよう!

ウェブサイトのデザインがかっこ良かったりユーザーにとって使い勝手の良いものになると、それもユーザーがサービスを使い続けてくれる上でのひとつの理由になります。

少しでもより良いウェブデザインにするためにも様々なウェブサイトの良いところを見ながらあなた自身が作るサイトの参考にしてみましょう。



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA