3/19(Tue)

今日の生放送

アイコン・ピクトグラムとは?

Webサイトデザインやアプリデザインをする際に必要なボタンなどに使用するイメージ画像のことです。

デザインの完成度を高めたり、UI/UXを向上させる役割も持ちます。

 

・自分でアイコンを作る時間はない…

・面倒でいつも同じピクトグラムを使っている…

・デザインのクオリティを楽に上げたい…

 

という方にダウンロードして欲しい使えるアイコン・ピクトグラムのセットを30個まとめてお届けします!

 

1. MimiGlyphs


16×16pxのアイコンが80個収録されている。PSD, CSH, PNGファイルをダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

2. Simple Line Icons Set vol.1 / Simple Line Icon Set vol.2


シンプルなデザインのアイコンが40収録されている。32×32pxと64×64pxのPSDファイルがダウンロード可能。
vol.1にはないアイコンがvol.2に収録されている。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

3. Pixicus Icon Set: 106 Pixel Perfect Icons


ドット絵のような小さなアイコン106個が収録されている。PSDファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

4. Gcons


32×32pxのアイコン100個が収録されている。12色展開で、PSD, PNG, JPG, GIFファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

5. Token


128×128pxのアイコン128個が収録されている。PNGファイルがダウンロード可能なので、アイコンを全面に出したデザインの際など大きく利用する時に便利。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

6. Shopping Icons


16x16pxのアイコン20個が収録されている。ECサイトを作る時などに使えるアイコンです。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

7. 200+ Exclusive Free Icons: “Reflection”


アイコン208個が収録されている。下側に反射した影が映っているような少し大きめのアイコン。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

8. 150+ Free Animated Flat SVG Icons


SVGのアニメーション付きアイコンが150個以上収録されている。カラフルでフラットなデザインのアイコン。
SVGアニメーションのデモページ

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

9. Glyphish Icons


珍しいアイコン40個が収録されている。Retinaディスプレイに対応した2倍のサイズのバージョンもある。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

10. 20 Minimal Ecommerce Icons


32×32px、64×64px、128×128pxのアイコン20個が収録されている。ECサイトを作る時などに使えるアイコンです。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

11. WPZOOM Developer Icon Set


48x48pxのアイコン154個が収録されている。Ai, PSD, PNGファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

12. Gentleface


16×16px、32×32px、48×48pxのアイコン296個が収録されている。とりあえずダウンロードしておけば様々な用途ができるかもしれません。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

13. The Noun Project


数えられないほどのアイコン・ピクトグラムが収録されているサイト。探しているアイコンがきっと見つかるでしょう。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

14. Social Network Icons


SNS関連のアイコン24個が収録されている。色を変えるだけでこんなにも統一感が出るんですね。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

15. flaticon


アイコン62232個が収録されているサイト。クリスマス・パックや音楽・パックなどカテゴリーに分かれているため、探しやすい。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

16. iconic


8×8pxのアイコン223個が収録されている。SVG, PNGファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

17. Eldorado mini free


40×40pxのアイコン1262個が収録されている。PNGファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

18. Flat Design Icons Set Vol4


フラットアイコン16個が収録されている。PSDファイルがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

19. Simple Line Icons


アイコン100個以上を収録しています。Ai、EPS、PSD、SVGがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

20. Handy Icons – Free Web Font Kit


アイコン100個以上を収録しています。Ai、EPS、PSD、SVGがダウンロード可能。

Webマーケティングのやり方/事例/方法/LIGブログ数値 PV数 UU数 SEO対策

 

21. Free Dashboard Icons


アイコン36個を収録しています。PSDファイルがダウンロード可能。

strokeicon01

 

22. Mirrored Twins


アイコン208個を収録しています。PSDファイルがダウンロード可能。

strokeicon01

 

23. Icons8


Windows 8のアイコン1600個、iOS 7のアイコン1,200個を収録しています。PNGファイルがダウンロード可能。

strokeicon01

 

24. Eldorado mini icons


40x40pxのアイコン、1262個を収録しています。PNGファイルがダウンロード可能。

strokeicon01

 

25. Simple Line Icons Set vol.3 / Simple Line Icon Set vol.4


全てで160個のアイコンを収録しています。PSDファイルがダウンロード可能。

strokeicon01

 

26. 100 Free Flat Flags


国旗のアイコン100個を収録しています。カラーや角丸がかわいく仕上がっています。

 

27. 177 Design icons


様々なジャンルのアイコン、177個を収録しています。Ai、PSDファイルがダウンロード可能。

 

28. Map Icons


地図作成に使えるアイコン、200個を収録しています。PSD、PNGファイルがダウンロード可能。

 

29. Elegant Icon Font


アイコン360個を収録しています。SVG、PNGファイルがダウンロード可能。

 

30. 160 Tiny Icons


16x16pxのアイコン160個を収録しています。PSDファイルがダウンロード可能。

 

気に入るデザインのアイコンは見つかりましたか?

自分のサイトやアプリのデザインをより良いものにするために、アイコン選びも大事にしてくださいね♪


※商用利用につきましては各サイトにてご確認ください

 

WEBデザインを学びたい人必見!WEBデザインを学ぶためのオンライン動画授業4選

WEBデザインで使えるフリーフォントに興味のあるあなたにWEBデザインを学ぶための授業4選をご紹介します!これらの授業を通じて、具体的にHTML,CSSの実践的スキルや、ランディングページの最適化などについて学ぶことができます。ぜひこれらの授業を受講し、WEBデザインに関する知識を身につけましょう!

 

1.HTML5/CSS3実演生放送 -初心者がつまづくポイントと実践的スキルを解説します-

本授業は、コーディング初心者が中級者にレベルアップするための実践型授業です。コーディングテクニックを単に知識として学ぶだけではなく、実践的に身につけることを目指します。
本放送は、Schooでもおなじみ「HTML5&CSS3デザインレシピ集」の著者である狩野 祐東先生が、初心者のためのテクニックをLIVEで実演します。実演を見ることでしか分からないコツや、初心者がつまづきやすいポイントを学んでいきましょう。

 

2.サービスデザイン入門

この授業は、主にデザインアプローチを取り入れたいビジネスパーソンや活躍のフィールドを拡げたいUXデザイナーの方を対象に、「サービスデザイン」をわかりやすく解説する全5回の授業です。「サービスデザイン」を1から学びたい方、改めて学びたい方にオススメです。

 

3.UXとは何か-NewsPicksのユーザー体験を考える

この授業は、「使い手の体験」を指すUX(User experience)について、「UXとはそもそも何なのか?」「良いUX、悪いUXとはなにか?」という問いを中心に、複数のサイトやアプリを見ながら、3人のデザイナーとUXについて様々な考え方や解を得る授業となっています。

 

4. デザインのよみかた

この講座では、これまでの時代背景を追いながら「デザイン」の意味と価値を浮き彫りにし、日常的な視点で咀嚼してゆくことを目指します。デザインという概念をもう一度デザインしなおしながら、これからのデザインを考えるきっかけを一緒につくっていきましょう。

 

いかがでしたでしょうか?
これらの授業を受講することで、WEBアプリデザインに関する基本的な知識を身につけることが出来るでしょう。さらに、これらの授業を通じて、自身がこれからWEBアプリデザインをどのように学び、活かしていこうかを考えることも出来たのではないでしょうか?
スクーではこれら4つの授業以外にWEBアプリデザインに関する授業を多数開講しています。ぜひスクーでさまざまな授業を受講し、WEBアプリデザインに関する知見を深めていきましょう!

今日の生放送

  • このエントリーをはてなブックマークに追加

デザイン学部の記事一覧