ホームページをデザインする時に使える便利サイト・ツール12選

ホームページのデザインを行うとき、良いデザインが浮かばなくて苦労することがあるかと思います。デザイン案だけでなく、クオリティの高いフリー素材やフォントなど、その場その場で探さなければいけないものもあり、結果作業に時間がかかってしまう…そのような状態を解消するには、参考になるサイトやサービスをいかにストックしておくかが重要です。

今回は、実際に弊社で参考にしているデザイン関連の参考サイトや無料で使えるサービスをまとめました。
ストックを充実させるのにお役立てください！

MAシェアと国産MAツールランキングを紹介

資料を無料ダウンロード

デザインの参考になるホームページ

ikesai.com

http://www.ikesai.com/

業種やジャンルごとでホームページを探すことができるので、自社ページに応用しやすそうなサイトが比較的簡単に見つかります。
　　

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

http://lp-web.com/

名前どおり、ランディングページに特化したサイト集です。
こちらもかなりの数のLPが登録されており、カテゴリ分けもされているのでLP作成時には役立つと思います。
　

スマートフォンサイト集めました。

http://sp-web.jp/

先に紹介した「ランディングページ集めました」と同じ提供元のサイトです。ジャンル別や色別でスマホページのデザインを検索できます。
　

MOBILE　TUXEDO

http://www.mobiletuxedo.com/category/ui-patterns/

※現在 ページが表示されなくなっています。（2018年3月27日時点）

海外のスマホサイト集です。比較的デザイン性の高いスマホサイトが集められています。

ナビゲーションのデザイン集（Webクリエイターボックス）

http://www.webcreatorbox.com/tech/nav-menu/

さまざまなナビゲーション設定方法が紹介されています。
ナビゲーション設置する際に気をつけるべポイントから丁寧に解説されているので、初心者の方におすすめです。
　

フリー画像素材（有料）

イメージナビ

http://imagenavi.jp/

他サービスに比べ、少し料金が高めですがクオリティの高い写真素材が揃っています。

ペイレスイメージス

http://www.paylessimages.jp/

安価で一定のクオリティを保った写真素材が揃っています。写真のタグがかなり細かく設定されており、フリーワードでも写真検索ができます。

ピクスタ

http://pixta.jp/

比較的低価格で、写真のバリエーションがかなり豊富です。
　

YOUR STOCK

http://yourstock.jp/

料金プランが複数あるので、ご自身の使用頻度に合わせて利用できます。
　

shutterstock

http://www.shutterstock.com/

写真素材だけでなく、イラストやアイコン、音楽まで網羅しています。
　

アイコン素材

ICON HOIHOI

http://iconhoihoi.oops.jp/item/

無料で使えるアイコン素材が多数ストックされています。ファビコンにも利用できそうです。

フォント素材

漢字が使える日本語フォント

http://blog.4galaxy.net/56.html
　
漢字も使えるフリー使用OKの日本語フォントを紹介されています。漢字が使えるフリーフォントは意外と少ないので重宝します。