プログラマーを目指しはじめて学習中です。

日本やってます。愛媛おすすめです。

Blog HTML & CSS Work & Working

WEBで使用する素材を入手しよう。

投稿日:

 

CSS まとめ1」の直ぐあとで学習で参考書には素材画像を入手する方法が書かれていました。

ということでよく使用するアイコンとともに情報を入手してみました。

参考書では素材画像の入手方法だけだったのですが、ついでにアイコンも同じようなモノなので調べてみました。

 

最初に書いておくと、わたしが使用している素材は雑食系エンジニアサロンさんの「情報共有」でkeitaさんが紹介されていたサイトで¥3200-で購入して加工して使っています。

有料のサロンなのでその情報をブログで紹介しても良いかどうかわからないので、許可をいただいてから紹介しようと思います。

買い切りですし、検索を掛けて調べる面倒がないので便利に使わせていただいています。

幸いながらわたしは写真を撮りますし、Photoshopなども少しは使う知識を少し持っているのも購入した理由になります。

とても大きい素材画像をPhotoshopで切り抜きフォントを入れて使用しています。

一応は構図やレイアウトなども考えて使っているのですが、アマチュア感がたっぷり出ていますね。

~~~~~~~~~~~~~~~~~~~~~~~~~~

 

Webアイコンフォントを入手する

CDN対応フォント

Font Awesome
http://fontawesome.com/

Google Material Icons
https://material.io/tools/icons/?style=baseline

Foundation Icon Fonts 3
http://zurb.com/playground/foundation-icon-fonts-3

Ionicons
http://ionicons.com/

ダウンロード対応フォント

IcoMoon
https://icomoon.io/app/#/select

Ligature Symbols
http://kudakurage.com/ligature_symbols/

Typicons
http://www.typicons.com/

Genericons Neue
http://genericons.com/

 

素材を入手する

無料の素材を入手する

ぱくたそ
https://www.pakutaso.com/

Girly Drop
https://girlydrop.com/

Unsplash
https://unsplash.com/

BURST
https://burst.shopify.com/

GRATISOGRAPHY
http://www.gratisography.com/

タダピク(加工に関しては使用制限有り)
http://www.tadapic.com/

写真AC
https://www.photo-ac.com/

StockSnap.io
https://stocksnap.io/

pixabay
https://pixabay.com/ja/

有料で素材を入手する

Adobe Stock
https://stock.adobe.com/jp/

iStock
https://www.istockphoto.com/jp

123RF
https://jp.123rf.com/

pixta
https://pixta.jp

shutterstock
https://www.shutterstock.com/home

Aflo
https://www.aflo.com/ja

アマナイメージズ
https://amanaimages.com/home.aspx

Getty Images
https://www.gettyimages.co.jp/

 

といった感じでしょうか。

入手方法はそれぞれ違いますのでサイトにあった入手方法を調べて入手してみてください。

そのうちにわたしも入手方法を説明付きでする可能性があるかも知れませんが、今はCSSの学習を優先しようと思います。

-Blog, HTML & CSS, Work & Working

Copyright© 日本やってます。愛媛おすすめです。 , 2019 All Rights Reserved.