1. TOP
  2. デザイン
  3. 【2019年最新版】WEBサイトのデザインで参考にしたいギャラリーサイトまとめ

【2019年最新版】WEBサイトのデザインで参考にしたいギャラリーサイトまとめ

 2018/08/30 デザイン
この記事は約 4 分で読めます。 1,047 Views

WEBサイトをつくる上でどんなサイトを作るか参考となるサイトを探すことがあると思います。

個別で参考ページを探すのは大変ですが、すでに良いサイトをまとめてくれているギャラリーサイトがあります。

今回はセンスの良いサイトを集めていて、目的のテイストのデザインが探しやすいサイトを厳選しました。
私も普段から業務のときの参考にしているものばかりです。

muuuuu.org

http://muuuuu.org/

web制作において参考になる縦に長いレイアウトでかつ、クオリティの高いwebデザインのリンクを集めたサイトです。
カテゴリーからも探しやすく、よく更新されています。

S5-Style

http://bm.s5-style.com/

優れたWebデザインをブックマーク Webデザイナーのためのリンク集・ポータルサイト。
こちらもクオリティの高いものが揃っています。

straightline

http://bm.straightline.jp/

Webデザインの参考・お手本となるサイトを集めた、大きなサムネイルが特徴のWebデザイナー向けWebサイトギャラリー・リンク集。素敵なwebサイトを見つけて、新しいwebデザインのインスピレーションを手にしてください。

io3000

https://io3000.com/

Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。
サムネイルも大きくシンプルで見やすいです。

Responsive Web Design JP

http://responsive-jp.com/

日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。
PC、タブレット、スマートフォンと3つのサムネイルが並んでいるので、レスポンシブデザインの設計において参考になります。

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

http://lp-web.com/

コンバージョン率の高いランディングページを作る事は、WEBデザイナーの使命。ランディングページを作るWEBデザイナーのためのランディングページリンク集です。
その名の通りランディングページのみ集めてるので、ランディングページの制作の際に参考になります。

ただカッコいいだけでなく、文章をどう読ませるか。などの勉強にもなりますね。

D-curation

https://d-curation.octo.asia/

クオリティの高いWEBデザインのブックマークしたサイトです。実際にweb制作の現場で参考になりそうなサイトを厳選しています。

http://nonamedesign.info/banner/

バナーリンク集です。サイズ別、カテゴリー別に優れたデザインのバナーを集めました。
少し番外編ですが、ディスプレイ広告やSNS広告などでのバナー制作の機会に役立ちます。

少ないスペースでどう魅力を表現するかの勉強になります。

まとめ

学ぶは真似る。

制作前や、行き詰まったときはもちろん、日頃からのネタ集めにご活用ください。

ただ眺めて参考にするだけでなく、そのサイトが「なぜいいのか」「どの点がいいのか」を考えながら見れるようになるとより一層深く学ぶことができるのでお薦めです。

デザイン初心者が0から上達してセンスを上げる方法

制作のご依頼・ご相談はこちら

dainamoでは魅力的なWEBサイトや、アプリ、ツール、ポスター、パンフレット、チラシなど幅広く承っております。ご相談、見積もり、お問い合わせなど、お気軽にご連絡ください。

今すぐご相談・問い合わせをする

\ SNSでシェアしよう! /

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の注目記事を受け取ろう

この記事が気に入ったら
いいね!しよう

web制作・デザイン・システム開発・管理なら dainamo(ダイナモ)の人気記事をお届けします。

  • 気に入ったらブックマーク! このエントリーをはてなブックマークに追加
  • フォローしよう!

ライター紹介 ライター一覧

エリー

エリー

dainamoで企画・デザイン・ライティング・マーケティングを担当。小さい頃から絵を描くのが好きでデザイナーへ。現在はモノづくり、コトづくり、ヒトづくりでクライアントや世の中により良い影響を与えることが目標。趣味は絵、カメラ、旅行、アウトドア。

この人が書いた記事  記事一覧

  • ボタンの2重クリックや連打を防止するJavaScript

  • IoT時代のデザインはどうあるべきか

  • コピペでOK!ブラウザの戻るボタンを禁止する方法[ jQuery / javascript ]

  • [EC-CUBE 3.0]商品購入画面でお届け日とお届け時間を非表示にする方法

関連記事

  • 産業とデザインの歴史と遷移

  • html・webページで丸数字(①②③)を文字化けせずに記入する方法。

  • 【2019年最新版】おしゃれなおすすめ日本語フリーフォント。プロのデザイナーでも使えます。

  • IoT時代のデザインはどうあるべきか

  • 新エディターを旧エディターに戻す方法。WordPress 5.0の使いにくいUI対策

  • 【超簡単】WordPress移管プラグイン、「All-in-One WP Migration」の使い方。