その他の記事

ノウハウ&まとめ記事

ホームページのデザイン参考サイトまとめ

デザイナーの方々がwebサイトの制作時に参考にするであろうデザイン参考サイトをまとめました。

デザイナー以外の方でも、今からサイト制作を始めようと思っている方、企業内のweb担当者で制作物の発注責任者の方、webディレクターの方などにもおすすめです。お洒落なデザインから実用的なデザインまで、網羅的にデザインの参考にすることができます。

ホームページのデザイン参考サイトまとめ

Web Design Clip

http://www.webdesignclip.com/

実際に使用された実例をもとにデザインを参考にすることが出来ます。LPや採用、スマホなどのカテゴリー別に見る事が出来たり、サイト内でクリップ出来るのが便利です。

bookma! v3

https://bookma.org/

デザイン性の高いお洒落なサイトが並びます。リンクをクリックすると実際のページに遷移します。サイト毎の閲覧数も確認する事が出来るので、注目度の高いデザインが何かを知る事も出来ます。

SANKOU!

https://sankoudesign.com/

シンプルで見やすいUIが特徴的な参考サイトです。左上部にあるメニューボタンをクリックすると、業界毎やカテゴリー毎に絞り込みをかける事が出来て便利です。

MUUUUU.ORG

http://muuuuu.org/

とてもオシャレなUIが特徴的なデザイン参考サイトです。業種のみならず、「かわいい系」「エレガント」等のデザイン毎の特徴別や、主要カラー別など、様々なカテゴライズで絞込検索をかける事が出来て非常に便利な参考サイトです。筆者が最も活用しているサイトです。

I/O 3000

https://io3000.com/

国内サイトのみならず、海外サイトのデザインを参考にすることが出来ます。主要カラー毎に絞り込みをかける事も出来ます。

Responsive Web Design JP

http://responsive-jp.com/

レスポンシブデザインに特化した参考サイトです。それぞれ各デバイス毎のデザインを比較して閲覧できるようになっているのが便利です。レスポンシブデザインでお悩みの方にはオススメです。

ウェブ・ファインダー

http://w-finder.com/

気に入ったデザインをサイト内でお気に入り登録できます。カテゴリ、業種、テイスト、カラー毎に絞り込み検索ができます。

Land-book

https://land-book.com/

海外のLPのデザイン参考サイトです。お洒落なLPの作成時に参考にしたいですね。

siteInspire

https://www.siteinspire.com/

海外のとてもお洒落ななwebサイトデザインの参考サイトです。このサイトのデザインが既にお洒落です。シンプルなUIで英語が分からない人でも見やすくなっています。

Siiimple

https://siiimple.com/

ミニマリストの為のCSSデザインギャラリーです。海外サイトの為、参考サイトも全て海外のものですが、どれもシンプルでお洒落なデザインばかりです。シンプルでお洒落なサイトデザインを目指している人にオススメです。

IllustBookmark

http://www.illustbookmark.info/

名前の通り、イラストをメインとしたサイトデザインの参考サイトです。ポップなデザインが沢山参照されています。

Mobile Patterns

http://www.mobile-patterns.com/

海外のスマホのデザインに特化した参考サイトです。お洒落なスマホデザインを目指す際にオススメの参考サイトです。

iPhoneデザインボックス

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

国内のiOS専門のデザイン参考サイトです。アイフォン最適化の際の参考にオススメです。

まとめ

如何でしたでしょうか?国内外問わず、デザイン参考サイトは沢山あります。それぞれ特徴もあります。お気に入りのデザインが沢山掲載されている参考サイトはブックマークして、日常的にチェックしていきたいですね。

人気記事

  1. ウェブ解析士とは?取得方法から取得のメリットまで、解説します。
  2. 【2018年度版】広告効果測定ツール一覧 比較と特徴について
  3. HTMLメルマガの特徴と、便利なテンプレート8選
  4. 厳選50冊。デジタルマーケティング関連のおすすめ本をジャンル別に…
  5. 【2018年版】デジタルマーケティング業界の情報収集に本気で使え…
  6. トリプルメディア(アーンド、オウンド、ペイド)とは?違いや活用方…
  7. URLパラメータとは?アクセス解析・広告効果測定時に用いるパラメ…
  8. カスタマージャーニーの基本から作成方法まで、まとめました。

友だち追加

最新記事

PAGE TOP