UIデザインの参考に フラットデザインアイコンサンプルまとめ

2013年7月31日まとめweb,アイコン,デザイン,ブログ

著者: 今井 阿見

30-free-flat-icon-sets-0004

最近、このブログのデザインを1から作りなおして、フラットデザインを取り入れて見ようかなと考えています。

フラットデザインはシンプルな分、ごまかしが効きません。使い所が難しいので何か見本やサンプルがあると助かりますよね。

勉強がてら、フラットデザインのサンプルとなるアイコンのリンクを集めてまとめてみました。

フラットデザインアイコンまとめ

30-free-flat-icon-sets-0001

Free program icons on Behance

 

30-free-flat-icon-sets-0002

Dribbble – Free Flat Icon Set by Barry Mccalvey

 

30-free-flat-icon-sets-0004

40 Social Media Flat Icons on Behance

 

30-free-flat-icon-sets-00005

Weather app + psd on Behance

 

30-free-flat-icon-sets-0006

My Desktop Icons – Free Download on Behance

 

30-free-flat-icon-sets-0007

Dribbble – Freebie – Flat Credit Cards by Ian Silber

 

30-free-flat-icon-sets-0008

Flat UI Kit – HTML/PSD Design Framework

 

30-free-flat-icon-sets-0009

Dribbble – Flat Social Icons (Freebie) by Thiago Marques

 

30-free-flat-icon-sets-0011

Dribbble – Free Flat Icons by Jan Dvořák

 

30-free-flat-icon-sets-0012

Dribbble – Flat Icons Freebie by Seevi ::::✈

 

30-free-flat-icon-sets-0013

Meteocons • 40+ Weather Icons Free

 

30-free-flat-icon-sets-0014

Dribbble – Free Flat Icons by buatoom

 

30-free-flat-icon-sets-0015

20 Flat Icons (PSD) | GraphicsFuel.com

 

30-free-flat-icon-sets-0016

Flat icons

 

30-free-flat-icon-sets-0017

Dribbble – Big Flat Icons (.sketch) by Luc Chaffard

 

30-free-flat-icon-sets-0018

Dribbble – Free Icon Set 1.0 by Alexander Schultz

 

30-free-flat-icon-sets-0019

Dribbble – Flats by Mike Clarke

 

30-free-flat-icon-sets-0020

Dribbble – [FREEBIE] Flat Icons – Part 2 (.psd/.sketch) by OthMane Machrouh

 

30-free-flat-icon-sets-0021

Dribbble – [FREEBIE] Flat Icons (.psd/.sketch) by OthMane Machrouh

 

30-free-flat-icon-sets-0022

Dribbble – 12 Flat Icons – Free by Dan Vineyard

 

30-free-flat-icon-sets-0023

Dribbble – Vector Feebie by Jared Kennedy

 

30-free-flat-icon-sets-0024

Free PSD: 24 Flat Icons | Premium Pixels

 

30-free-flat-icon-sets-0025

Free PSD: Flat File Icons | Premium Pixels

 

30-free-flat-icon-sets-0026

Dribbble – Cosmo mini free by Icojam

 

30-free-flat-icon-sets-0027

Flat Design Icons Set Vol1 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0028

Flat Design Icons Set Vol2 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0029

Flat Design Icons Set Vol3 | Media Icons | Pixeden

 

30-free-flat-icon-sets-0030

Flat Design Icons Set Vol4 | Media Icons | Pixeden

フラットデザインをどう取り入れるか

フラットデザインを取り入れようとするブログやウェブサイトがそもそもフラットデザインに向いた内容を取り扱っているのか? フラットデザインを取り入れる前にまずは取り入れる目的も重要だと思います。

フラットデザインを取り入れることによって確かに全体のデザインはスッキリしますが、下手をすると見た目が味気なくなるだけというリスクもあります。

流行っているからフラットデザインを取り入れてみるのではなく、それがユーザにとっていいことなのか考えてから、フラットデザインのUIやアイコンなどを検討しましょう。

出典:25 Absolutely Free Flat Icon Sets – Designbeep

この記事を書いた人

著者(今井阿見)画像

今井阿見

当ブログ『PLUS1WORLD』の記事執筆、編集、校正、プログラミング(一部)、管理を行っているのは今井阿見(いまいあみ)という個人のブロガーです。ブログは趣味と実益を兼ねて運営しています。

今井阿見は30年近くゲームを遊んでいるベテランのゲーマー。学生時代にゲーム作りや映像制作を行っていたので、ゲームだけでなく、映画やアニメなどの映像作品、スマートフォンやパソコン、ガジェットなどの分野にも深く関心があります。

このブログ記事を気に入ったら著者(今井阿見)を応援して下さい! 励みになります!

著者Twitterアカウント 著者YouTube