素材｜アイコン

アイコンフォントをPhotoshopで使用して作業効率を上げる方法

2015/11/09(Mon) 07:29

サイトデザインに欠かせない要素の一つとしてアイコンがあります。適切なアイコンを置くだけでユーザーの理解を高めることができますが、みなさんは普段デザインするときにどのようにアイコンを用意していますか？

http://liginc.co.jp/197778

高クオリティで無料！アイデアをカタチにするアイコン素材セット30個まとめ

2015/11/06(Fri) 07:26

これが無料？と思うほどクオリティの高い素材を、幅広いジャンルから選びました。最近よく見かけるアウトラインを利用したシンプル系から、使いやすいピクトグラム、テーマを絞り込んだユニークな素材など、最新のデザイントレンドをうまく落とし込んだアイテムをフリーでどうぞ。

http://photoshopvip.net/archives/83433

シンプルなラインで美しくデザインされた制作用・使う用ベクター完備のアイコン素材 -Officium Icons

2015/11/05(Thu) 07:31

シンプルなラインで美しくデザインされた、ベクター完備で使い勝手のよい無料アイコン素材を紹介します。

http://coliss.com/articles/freebies/280-free-office-general-icons.html

EvernoteやVine、Twitterなど、100以上の有名なWebサービスのブランドロゴをSVGアイコンとして公開する・「Simple Icons」

2015/10/28(Wed) 07:38

Simple Iconsは日本でもおなじみのEvernoteやTwitter、Facebookなどなど有名なWebサービスのロゴのSVGアイコンセットです。現在137のアイコンが用意されています。

http://kachibito.net/useful-resource/simple-icons-2

ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集

2015/10/27(Tue) 07:39

サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。

http://www.nxworld.net/services-resource/brand-guideline-links.html

有名なWebサービスやサイトのロゴが一覧化され、SVGコードやカラーコードも確認できる「Simple Icons」

2015/10/22(Thu) 07:34

これは普通に便利で覚えておきたいと思ったので、備忘録兼ねてご紹介。「Simple Icons」はFacebookやInstagramといった有名なWebサービスのロゴが一覧化されれているサイトで、それぞれのSVGコードやカラーコードを容易に確認することができます。

http://www.nxworld.net/services-resource/simpleicons.html

全2,000+種類のアイコン素材、AI, PSD, Sketch, SVGが揃い、商用利用も無料の太っ腹！ -Thousands Icons

2015/10/21(Wed) 07:27

無料のアイコン素材は何度も紹介していますが、ここまでフォーマットが揃い、しかもしっかりデザインされた高品質なアイコンはなかなかありません。

http://coliss.com/articles/freebies/freebies-thousands-icons.html

SEOをテーマにしたフリーのアイコンセット 15

2015/10/19(Mon) 07:38

キーワードサーチやアナリティクス、ページスピード、グラフといったSEOに関連しているようなものをテーマにしたアイコンセットのまとめです。

http://www.nxworld.net/material/15-seo-free-icons.html

レスポンシブ対応のアイコン素材、単にサイズを変えるだけでなく、デザインを最適化した優れもの！

2015/10/15(Thu) 07:36

単にサイズを変えるだけでなく、スマホ・タブレット・デスクトップのサイズにあったデザインが用意されたレスポンシブ対応のアイコン素材を紹介します。

http://coliss.com/articles/freebies/100-free-responsive-line-icons-by-pixelbuddha.html

すぐに使えるスマホ用の無料タッチジェスチャ画像素材

2015/10/13(Tue) 07:43

非常に汎用性の高い素材。指と矢印が別々のレイヤーで作られているので、例えば右下の上方向へ移動させる3フィンガードラッグも、矢印を右にするだけで右移動させるアイコンを作ることが出来ます。

http://e0166.blog89.fc2.com/blog-entry-1286.html