Web Service:無料で使用できるアイコンを探せるサイト「ICONFINDER」

WEBサイトを制作しているとアイコンを使う場面はよくあります。

ユーザに対して、サイトを分かりやすく見せるのにアイコンはとても重要だと思います。

今回は、無料で使用できるアイコン検索サイトICONFINDER」をご紹介します。

ICONFINDER

ICONFINDER_1

全てが無料ではないですが、無料・商用利用可能でクオリティの高いアイコンが色々あります。

下記に簡単な「ICONFINDER」の検索方法ダウンロード方法をメモします。


アイコンの検索方法・ダウンロード

下記のURLにアクセスします。

https://www.iconfinder.com/search/

ページの左側に「Filter menu」があるので、
こちらで検索条件を絞り込みます。

ICONFINDER_2

無料のアイコンを探す場合は「Free」を選択します。

ICONFINDER_3

商用利用可能でバックリンク不要のアイコンを探す場合は下記を選択します。

ICONFINDER_4

他にアイコンのサイズや背景を選択することが可能です。

ICONFINDER_5

また、ヘッダーにあるメニュで検索したいアイコンの
スタイルを選択することができます。

ICONFINDER_6

表示されたアイコンを選択すると一覧でアイコンが表示されます。

ICONFINDER_7

ICONFINDER_8

ダウンロードしたいアイコンを選択するとダウンロード画面に遷移します。
それぞれの形式でダウンロードすることができます。

ICONFINDER_9


数も多く無料で使えるアイコンを検索できるのでとても便利です。
サイトやバナーのデザインを作る際に色々確認してみると良いと思います。

また、ライセンスだけは注意する必要があります。

Web Service:無料で商用利用可能な写真素材サイト「UNSPLASH」

クオリティの高い写真素材を無料でダウンロードできるサイト「UNSPLASH」をご紹介します。

UNSPLASH」は無料で使用できる写真素材サイトです。
しかも、商用利用可能で、著作権表示も必要なく使用することができます。

下記のサイトで確認してみてください。
フリーとは思えないクオリティが高い写真ばかりです。

unsplash.com

UNSPLASH_1

高画質でデザインがとてもオシャレなので、WEB関連など色々と利用できそうです。
また、「UNSPLASH」に掲載されている写真はとてもセンスがあると思います。

まだ素材の数はそこまで多いわけではないですが、
10日ごとに10枚づつ写真が追加されます。

見逃しがないようにRSSなどに登録しておくと良いと思います。


「UNSPLASH」のダウンロード

下記のURLにアクセスします。

http://unsplash.com/

写真が新着順に表示されています。

お気に入りの写真を探し、写真の下にある
「Download」リンクから写真をダウンロードできます。

UNSPLASH_2

また、サイト上部にある「Archive」リンクをクリックすれば、
一覧で画像を参照することができます

UNSPLASH_3

月ごとに公開した写真が並んでいるので、探しやすいと思います。

UNSPLASH_4


「UNSPLASH」のサンプル

「UNSPLASH」でダウンロードしたサンプルです。
下記のような写真素材をダウンロードすることが可能です。
※他にも色々な写真素材があります。

UNSPLASH_sample_1

UNSPLASH_sample_2

UNSPLASH_sample_3

UNSPLASH_sample_4

UNSPLASH_sample_5


フリーの写真素材などを探すときに商用利用可能とか著作権表示とかを気にしなければいけませんが、
「UNSPLASH」はそんな必要はないのでとても便利でおすすめな写真素材サイトです。

Web Service:無料で簡単にローディング画像を作成「preloaders.net」

ローディング画像を無料で簡単に作成できるWEBサービスpreloaders.net」をご紹介します。

preloaders.net」はページや画像などのデータを読込んでいる時に表示する
ローディング画像プリローダー)を作成できるサービスです。
画像の種類も豊富にあり、サイズやカラー、ローディングのスピードなど、細かい設定も可能です。

preloaders.net

preloaders_net_1

サイトの表示が重い場合などコンテンツが表示される間に使用したり、
画像を表示するまでの間にローディング画像を使用したりなど色々な場面で使用できます。

ユーザにも読込中を知らせることができるので、ユーザビリティー的にもいいと思います。

簡単にローディング画像を作成できるので、とても便利なWEBサービスです。

下記に「preloaders.net」でローディング画像プリローダー)を作成する方法をメモします。


「preloaders.net」を使用してローディング画像を作成

「preloaders.net」にアクセスします。

http://preloaders.net/

左のメニューから画像のカテゴリーを選択します。

preloaders_net_2

「Select your preloader」で使用したいローディング画像を選択します。

preloaders_net_3

サイズ、カラー、スピードなどを調整したい場合は、
下記の箇所で編集します。

preloaders_net_4

編集が終わったら、「Generate preloader」ボタンをクリックします。

preloaders_net_5

クリックすると画面の右側にプレビューが表示されるので、
OKであれば「Download Now」をクリックします。

preloaders_net_6

「Download Now」をクリックすると作成したローディング画像を
ダウンロードすることができます。


シンプルなものから可愛いものまで色々なデザインの物があるので、
ローディング画像を作成する時はおすすめのWEBサービスです。