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

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

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

ikesai.com

http://www.ikesai.com/

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

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/

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

shutterstock

http://www.shutterstock.com/

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

アイコン素材

ICON HOIHOI

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

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

 

フォント素材

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

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