Flat好きなんです。始めて見たとき半端な!かこよす的衝撃を受けました。

しかしいざ書いてみると、ムズイ!!!!!

flat デザインは微妙なナイスバランスで構築されてるんだと実感。

しかし!

自分のサイトや、アプリなので使ってみたい!!!!!

己もかこよすデザインをモノにしたいバイ!

そんなときはWEBから落とします、何種類か列挙してみました。

http://www.pixel-fabric.com/flatilicious-48-free-flat-icons-18

flatilicious-detail-01

上記URLへアクセスしてください。

画像ダウンロードできます。

https://dribbble.com/shots/952897-Freebie-Flat-Credit-Cards

flat

クレジットカードのアイコン

 

http://graphicloads.com/product/slim-weather-icons/

preview-1

シンプルなアイコン、iPhoneのタブバー的な

 

http://www.beautifulinterfaces.com/item/226-custom-flat-icon-set

 

226

シンプル2

 

http://digitalsynopsis.com/tools/free-flat-design-icons/

flat-design-rounded-corner-icons

 

http://flaticns.com

flat_icns_-_a_flat_icon_set_for_OS_X

 

これはまだまだ氷山の一角です。

この最後のアイコンを使い早速PCのアプリのアイコンを変更してみます。

http://flaticns.com

flat_icns_-_a_flat_icon_set_for_OS_X

 

上記サイトにてダウンロードします。

すると.icns拡張子の画像が大量にあります。

ちなみにgit hubにあります。

https://github.com/tinalatif/flat.icns

git hub からもおとせます。

 

落としてきたら。アイコンを変更したいアプリを選択します

私はsublime text のアイコンを変更します。

変更したいアイコンをコピーします。もしくわドラックアンドドロップします。

どこにドロップもしくわ、ペーストするかと申しますと。

icns

 

変更したいアプリで右クリックするとパッケージの内容を表示項目がりますのでそれを選択

アプリケーション_と_untitled

 

Resources_と_untitled

 

そのなかのResourcesフォルダにアイコンが保管されてる領域があります。

そこにドロップ!もしくわペーストします。

icns_と_Resources

 

ドロップ、ペーストすると下記のようなアラートがでます。

 

コピー_と_新規投稿を追加_‹_shiChimiTouCarashi_—_WordPress

 

でたら『置き換える』を選択します。

 

するとアイコン画像が切り替わります。

 

切り替わったら、PCを再起動してください。

するとアイコンが切り替わってます、

 

スクリーンショット_2014_09_28_15_16 アプリケーション

 

上記のようにアイコン画像が変更されました。

 

以上!

Tagged on: