より美しく！ECサイトデザインの法則とおすすめギャラリー全11選

※本ページにはプロモーション(広告)が含まれています

ECサイトを専門として扱っているもの以外にも、参考にできるギャラリーサイトがあります。

ここでは、ECサイトだけでなく、さまざまなWEBサイトを集めたおすすめのギャラリーサイトをご紹介します。

WebDesign Bookmark S5-Style

WebDesign Bookmark S5-Styleは、6,000以上ものサイトを掲載しているギャラリーサイトです。一つひとつのサムネイル画像も大きくてやすく、気になるサイトを選択すればすぐに実際のホームページへアクセスできます。

Service・Creative・Color・Technic・Typeからサイトを探すことができ、気になるサイトはお気に入り登録をして、いつでも好きなときに見返すことができます。

非常にシンプルな作りで掲載サイトも多いため、多くの情報を得たい場合にWebDesign Bookmark S5-Styleはおすすめです。

ウェブサイトはこちら：http://bm.s5-style.com/

イケサイ

イケてるWEBサイトデザインリンク集のイケサイ。国内のギャラリーサイトの中でも老舗的な存在です。

企業・コーポレート、ネット関連サービス・オンラインショップ・EC、スポーツ、ニュース、デザイン、ファッション、流通・販売、通信・テレビなど、他にもさまざまなカテゴリが用意されています。

また、色/配色やレスポンシブデザインなどで検索することもできます。気になるサイトを選択すれば、すぐに実際のホームページへアクセスすることが可能です。

ウェブサイトはこちら：https://www.ikesai.com/

WEBデザインの見本帳

WEBデザイナーのためのギャラリーサイトであるWEBデザインの見本帳。カッコいい・クール、かわいい・ポップ、さわやか・健康・癒し系、高級・リッチ・セレブなど印象から探すこともでき、色やジャンルからサイトを見つけることもできます。

気になるサイトを選択すれば、サイトページが表示され実際のサイトを見るか、同じテーマのサイトを探すか選択することができます。印象から検索できるのは非常に便利な機能です。

ウェブサイトはこちら：http://www.web-mihon.com/

MUUUUU.ORG

MUUUUU.ORGは初心者〜上級のWEBデザイナーも使っているギャラリーサイトです。縦に長いWEBサイトを集めていて、クオリティの高いサイトがたくさん載っています。

業種やデザイン、タイプ、色で検索することができ、「ブランディングサイト」「シングルページ」「レスポンシブwebデザイン」「ポートフォリオ」など、さまざまな観点から参考になるサイトを見つけることができます。

ウェブサイトはこちら：http://muuuuu.org/

Web Design Clip

日本国内をメインとして、海外含む2000近い洗練されたデザインを持つウェブサイト・ランディングページを紹介する場所です。

業種やタグからの検索のほか、カラーはメイン・サブという分けられ方で見られるのが特徴的。

レイアウトから検索する際は視覚的にみられるので、カラムわけの名前がわからないという初心者さんにも優しい作りを持ちます。
ウェブサイトはこちら：https://www.webdesignclip.com/tag/ec%E3%82%B5%E3%82%A4%E3%83%88/

Responsive Web Design JP

ウェブサイト自体の構造は同じで、CSSを使ってパソコン・スマホ・タブレットなど画面サイズに応じたデザインを提供する「レスポンシブウェブデザイン」に特化したサイトを集めている場所です。

ギャラリーにはスマホ・タブレット・それ以上の大きさ用の3種類のサムネイルが用意されているのが魅力的。カテゴリーやカラーといったよくある分け方のほか、ウェブサイトの開発に使われている言語に絞った検索までできます。

レスポンシブなECサイト構築を考えているという方におすすめです。

ウェブサイトはこちら：http://responsive-jp.com/category/type/ec

I/O 3000

国内外を問わず、魅力的なデザインを紹介しているギャラリーサイト。精力的にデザインが更新されているため、定期的に覗いていると参考になります。

ブログのように最新の紹介がトップに来るため古いものは埋もれているのが難点。ただしシャッフル機能によって投稿時期をバラバラにしたりカテゴリーやアーカイブルからの確認もできるので特に問題ありません。

国内外のデザインを見たい方におすすめです。
ウェブサイトはこちら：https://io3000.com/

まとめ

ECサイトのデザインギャラリーが見られるサイトから、近接・整列・反復・コントラストといった作成時に役立つ4種の法則について紹介させていただきました。

ウェブデザインを自分で行うときにはギャラリーサイトからインスピレーションを受けやすく、よりよいサイトを作りたいなら不可欠な存在。まずはカラーを決めてカラム数や配置など順を追っていくのが普通ですが、そのような手順を省くこともできます。

ECサイトはデザインが大事で、場合によってはどれだけ購買が行われるかという部分にも大きく影響を与えるので注意が必要。今回紹介した内容をもとに、普段から創作スキルを吸収して成功できるサイト作りに励んでください。

1 2