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

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

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

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

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/

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