世界では様々なアイコンセットが公開されていますが、今日紹介するのはWEBデザインからは少し離れた、都市のデザインを反映したアイコンセット「Meet Citysets.」です。
Meet Citysets.では、ロンドン、ニューヨーク、パリ、シドニーと4つの都市のセットとなっており、それぞれの街を感じるモチーフがアイコン化されています。
詳しくは以下
上記が公開されているアイコンセット。どれもなんとなくイメージが付くかと思います。例えばニューヨークだとハンバーガー、エンパイアステートビル、タクシーなどその都市を象徴する様なものがシンプルに描かれています。
現状は全部で4都市79アイコンとなっていますが、今後追加されていくみたいです。ライセンスは特に定めが無く、配布元のABOUTには「All icons are free to use with no restrictions.（制限なく自由に仕様可能）」と書かれています。使い所は限られるかもしれませんが、それぞれの都市に係るデザインであれば力を発揮してくれそうです。
制作物に加えることで質感やクオリティを与えてくれるテクスチャ素材。その中でも定番なのがグランジテクスチャ。風合いやアナログ感など制作物のクオリティをグッと引き上げてくれます。今日紹介するのはベクターで利用できるグランジテクスチャ「Free Vector Grunge Textures」です。
このグランジ素材は全部で木製、メタルなどなどのテクスチャがセットになっています。収録されているテクスチャは以下からご覧ください。
詳しくは以下
こちらはサンプル版の配布となり、6つのテクスチャがセットされていますが、フル版は20のテクスチャが収録されているとのことです。かなり細かな表現のため、オーバーレイなどでデザインに被せれば質感を創り上げる事が可能です。いくつかの素材を利用した例は以下。
ベクターで利用できるのは制作側としては便利に使えて良いですね。手軽に使えるグランジ素材を探している方は是非どうぞ。
WEBデザインの世界感を表現する上で便利な素材がパターン。どのようなパターンを背景に用いるのかで全く印象が異なったりします。それだけに様々な背景素材が配布されていますが、今日紹介するのは登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」です。
決められたパターン素材をただ、取得するというものでは無く、登録されたパターンをベースに自分自身でカスタマイズして利用することが可能です。
詳しくは以下
カスタマイズできる項目は大きく3つで、背景パターンのオブジェクトのカラー、バックグラウンドカラー、オブジェクトの透明度です。それぞれ少し違うだけで大きく印象が異なります。気に入ったパターンがあっても色が合わないなんてことは無く、自分サイトに合わせて利用できるのはありがたいですね。
現在登録されているパターンは全部で40種類となっており、今後もアップデートは行っていくという事です。背景に悩まれているクリエイターの方は是非どうぞ。
デザインを簡潔に表現するために役に立つアイコンセットは様々な切り口で制作されていますが、今日紹介するのはグラフィックデザインを象徴するアイコンセット「Graphic Design Icon Set」です。
アイコンセットは全部で36のアイコンが収録されており、すべてシンプルなフラットなデザインで制作されています。収録されているアイコンセットは以下からご覧ください。
詳しくは以下
アイコンセットは透明グリッド・変形メッシュ・ペジェ曲線などなど、デザイン業界の方にはおなじみのモチーフが並んでいます。
制作データはEPS, AI, SVG, PNG（ (1024 x 1024 transparent PNG image）となっており、あらゆるツールで扱えるような形で配布されています。ベクタデータも用意されていますのでカスタマイズなども容易にできそうですね。キレイ目でグラフィックデザインに関わるモチーフを探していたという方は是非どうぞ。
Graphic Design Icon Set — download free icons by PixelBuddha
アイコン素材はデザインの感覚を揃えて利用すれば、サイトの統一感、ユーザーインターフェイスの精度など向上させてくれます。今日紹介するのはまとめて利用できるレトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」です。
上記の様なポップでレトロな温かみのあるデザインテイストでビジネスに関するアイコンが全部で170個収録されています。収録されているアイコンセットは以下からご覧ください。
詳しくは以下
形式はaiとSketchとなっていますので、一般的な制作環境であれば特に不便なく利用することができそうです。非常に多くのアイコンがあり多種多様なので該当のアイコンが無いといったことも無さそう。万が一そういった事態となってもアイコンはベクターで制作されていますのでカスタマイズなどもできそうですね。
ラインセンスは同封されているライセンスを見る限り、個人や商業の両方のプロジェクトで無償で利用することができるようです。
そろそろ街はクリスマスムードとなってきて、クリスマス装飾を見かけるようになってきました。今日紹介するのはクリスマスを彩るアイコンセット「100 Free Flat Christmas Icons」です。
このアイコンセットはフラットでカラフルな、クリスマスらしい楽しげなアイコンが全部で100種類収録されています。収録アイコンは以下からご覧ください。
詳しくは以下
アイコンは星やハートなど一般的なモチーフから、サンタクロースやクリスマスツリー、靴下、トナカイなどクリスマスの定番のモチーフまで幅広く収録されています。
データはAiデータで配布されており、カスタマイズもしやすそう。ライセンスは個人利用・商用利用は可能だが、リンクを表示する必要があるとのことです。クリスマス関連でアイコンを利用する機会がある方は使い勝手が良いアイコンセットだと思います。
この季節になると必ず1度は利用するデザイン素材、雪の結晶。素材を探したり、自分で創ったりとありふれた素材なので、それほど難しいものではありませんが、思い通りのものを見つけようとすると時間がかかります。今日紹介するのはWEB上で雪の結晶を生成できるスノーフレークジェネレータ「Snowflaker」です。
このスノーフレークジェネレータ「Snowflaker」では、雪の結晶の線幅や結晶の複雑さを任意で設定し、svgフォーマットで生成・ダウンロードができるというものです。
詳しくは以下
一つの結晶を作り込むこともできますし、Gridモードを選択すれば、一気に様々なタイプの雪の結晶を生成・ダウンロードが可能です。雪の結晶は一つでは無く、様々な形を組み合わせて利用するためこの機能は便利ですね。
雪の結晶を利用しそうだと言う方は是非チェックしてみてください。
Snowflaker – Generate free, simple snowflakes in vector format
クリスマスの素敵な一時に、クリスマスカードやメッセージカードを素敵なデザインとともにと考えている方で既製品ではなく、自分でカスタマイズしながら制作して贈りたいという方におすすめなのが、今回紹介するクリスマスを素敵に演出できる「Merry Christmas Lettering」です。
全部で6種類のデザインが収められており、どれも手書きのクリスマスメッセージとともにデザインのパーツワークが収録されています。クリスマスカード以外にも制作事例がまとめられていましたので以下からご覧ください。
詳しくは以下
プレゼントのショッピングバックや見開きのグリーティングカードなどもキレイですね。ゴールドがクリスマス感を出していて素敵です。
配布されているデータ形式は AI, EPS, SVG, JPG, PNGとあらゆる制作環境に対応できるフォーマットで配布されていますのでかなり使い勝手が良いのではないでしょうか？クリスマスを手作りでと考えている方は是非どうぞ。
いよいよ12月の後半にも入り、もう今週はクリスマスとなり、パーティーの準備などを行っているという方も中には見えると思いますが、今日紹介するのは細部まで表現されたフリークリスマスアイコンパック「Free Christmas Icon Pack」です。
シルエットなどでは無く、一点一点ベクターアートで作り込まれており、アイコンとしてだけでは無く、イラストとしても利用できそうなアイコンセットです。
詳しくは以下
全部で、雪の結晶、スノーボール、ろうそく、サンタクロース、雪だるま、などなど39種類のアイコンがまとめられています。配布されている形式はSVG、PNG、ICOとなっており制作に問題ない形式となっています。
クリスマスまであとすこし、ちょっとデザインにプラスアルファが欲しい方におすすめのアイコンセットです。
曼荼羅とは仏の悟りの境地、世界感などを視覚的に表したもので、その種類は様々な形で表され多様な種類がありますが、今日紹介するのはベクターデータで利用できる幾何学的な曼荼羅アートワーク「100 Vector Mandala Illustrations」です。
本格的な曼荼羅というよりは、曼荼羅からインスピレーションを得て、制作に利用しやすいシンプルなもので制作されているため利用しやすい素材になっています。収録されているアートワークは以下からご覧ください。
詳しくは以下
収録されている素材は全部で100にものぼり、細かなものからシンプルなものまで全て円形のアートワークが収録されています。ロゴタイプとの組み合わせや写真との合成など様々な用途で利用できそうです。
配布形式はAI，EPS，PNGとなっておりWEBからグラフィックまで制作者にはありがたい形で配布されています。使い所は限定されますが、上手く使えばデザインの品質・世界観を引き上げてくれる素材だと思います。
100 Vector Mandala Illustrations — download free vectors by PixelBuddha
特殊な領域のアイコンセットは、特定の分野のデザインにはとても便利で上手く使えばサイトの世界観・クオリティを引き上げてくれます。今回紹介するのは冷蔵庫、電子レンジ、鍋つかみなど、キッチン用品を集めたフリーベクターアイコンセット「Kitchen Tools & Appliances Icons 」です。
全部で20個のキッチンで利用する家電やツールが収録されています。
詳しくは以下
ベクターは全てラインデータで制作されており、自由に色や線幅を変更することが可能です。配布されている形式はSVG, Ai, EPSとなっており、ベクターデータで配布されているため、デザインに合わせて利用する事が可能です。
ライセンス商用可となっており、クレジット表記なども必要ない形で配布されています。料理系のデザインを行っているという方には非常に役立つアイコンセットだと思います。
Freebie: Kitchen Tools & Appliances Icons (AI, EPS, SVG, PNG) | Codrops
国内でも一般的になったドローン。普段とは全く異なる視点での撮影や、さらに先には荷物の運搬なども期待されており、今後も発展していく分野だと思いますが、今日紹介するのはそんなドローンを表したアイコンを集めたアイコンセット「Drone Icons」です。
ドローン本体、荷物の投下、制御系などドローンに関するアイコンが全部で50まとめられています。収録されている全アイコンは以下からご覧ください。
詳しくは以下
アイコンは上記のように、ラインタイプと、ベタ塗りのタイプと2種用意されており、配布形式はAI, Sketch, SVG, PNG, Iconjarとなっているため、制作時にカスタマイズはしやすくなっています。
あまり見ないアイコンセットですが、これからのドローンの発展、広がりを見ると利用する可能性も増えるかもしれませんね。
Freebie: Drone Icons (AI, Sketch, SVG, PNG, Iconjar) | Codrops
WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。
全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。
詳しくは以下
配布されている形式はEPS, JPGとなっており、ベクターデータでも扱えるのは嬉しいですね。カラーリングや細部などの調整もできるため便利に利用できそうです。
ライセンスについては、ロイヤリティフリーではあるものの幾つかの商業プロジェクトには拡張ライセンスが必要とのことで、詳しくは同封されているLicense.pdfをご覧ください。
Colorful Geometric Patterns — download free patterns by PixelBuddha
最小限のデザインでユーザーに理解してもらうためのミニマムアイコンは必要性の高いものです。いくつあってもいいくらい汎用性の高いミニマムアイコンを自分の手で変更できたら、その使い勝手はもっとあがるでしょう。今回ご紹介するのは2000個以上のフリーアウトラインアイコンがまとめられた「2000+ Beautiful Free Outline Icons For Graphic And Web Designers」になります。
Buddha Line Icons Set Vol.1 — download free icons by PixelBuddha
2000以上の豊富なデザインならお探しのイメージに近いミニマムアイコンもきっと見つかるはず。ミニマムアイコンをお探しの方は以下からご覧ください。
詳しくは以下
Nucleo – Free Test Pack by Sebastiano Guerriero – Dribbble
アウトラインとグリフの2つのバージョン、さらに6つのフォーマット（PNG、SKETCH、AI、PDF、SVG、CSH）を備えているのであらゆる目的での使用にふさわしいでしょう。
Twoo: Free Icon Set – Invaders Themes
24種類のユニークなアイコン。全体的にポップで可愛らしいスタイルなので、少しインパクトをつけたいときにおすすめです。
Linea Free Iconset
驚くべきは収録数。なんと730個以上が収録されているので、どんなカテゴリのアイコンでもまず見つけることができるでしょう。少し変わったアイコンがなくて困っている方は一度ダウンロードしてみてはいかがでしょうか？
今ご紹介したのはほんの一部です。
まだまだたくさんのアイコンが使われるのを待っているので、気になった方は以下をご覧下さい。
2000+ Beautiful Free Outline Icons for Graphic and Web Designers | Naldz Graphics
今やスマートフォンアプリにおいて欠かせないアイコンのひとつである、ジェスチャーアイコン。新規ユーザーに使い方を伝えていく上で重要なファクターになっています。今回ご紹介するのはジェスチャーアイコンが15個もまとめられた「15 Free Gesture and Interaction Icon Sets for Mobile App Designers」になります。
100+ Touch Gestures Icons — download free icons by PixelBuddha
このまとめではひとつのアイコンセットに最大100種類収録されているものもあります。いくつか気になったものをピックアップしましたので、以下からご覧ください。
詳しくは以下
Touch Gesture Icons | Mobile Tuxedo
リアルなタッチで描かれたジェスチャーハンドが印象的なアイコンです。存在感を持たせたいときに。（48のアイコン、PSD、EPS、PNG）
GitHub
シンプルではっきりとしたデザイン。収録数も多いので、ジェスチャーアイコンをお探しの方は一度試してみてはいかがでしょう？（43×8アイコン、AI、CSH、SVG、EPS）
themeraid.com
デフォルメされたデザインが使いやすいシンプルなアイコンです。指示の部分の色が違うので見やすさもばっちり。活用シーンを選ばず利用できます。（50アイコン、AI）
シャープなアイコンからちょっとしたユーモアのあるアイコンまで幅広くまとめられています。データ配布はAiデータやSVGデータで作成されているものもあるので、使い勝手もばっちり。求めているジェスチャーアイコンがなかなか見つからない方は、一度試してみる価値はありそうです。
何かとデザインに必要になってくるアイコン。直感的にユーザーに説明することができ、今や欠かせない存在となっています。今回はそんなアイコンの中でも、定番から個性的なものまでをまとめた「A New Collection Of Free Icons For Designers」をご紹介したいと思います。
シンプルなテイストのアイコンは馴染みもよく、バリエーションとしてストックしておきたい種類がずらり。気になったアイコンを幾つかピックアップしてご紹介しますので、以下よりご覧下さい。
詳しくは以下
300+ line icons – PSD, AI, EPS – Freebiesbug
定番のシンプルな細いラインで構成された単色アイコン。他の邪魔をしない取り入れやすいデザインです。300越えの豊富な収録数も魅力的。
Smashing Magazine
明るい青赤黄緑の4色で綺麗にまとめられたアイコン。丸みを帯びたフォルムが可愛らしい、個性的なデザインです。
Retro vehicles icons AI – Freebiesbug
車を模したデザインのアイコン。使う機会は少なそうですが、デザインのアクセントとして使用すれば途端にポップな雰囲気に。
今回ご紹介したまとめ、いかがでしたでしょうか。サイトでは他にも使い勝手の良いシンプルなアイコンはもちろん、最後にご紹介したような珍しいデザインのアイコンまでまとめられています。気になる方は以下のリンクよりチェックしてみて下さいね。
デザインに欠かせないアイコン。いろいろなテイストのアイコンを揃えておけば、いざという時便利なのはわかっているけれど面倒で…という方におすすめなのが、今回ご紹介するまとめ「Noupe Exclusive: 350+ Free Icons For Our Readers」です。
なんと350点以上ものベクターフリーアイコンのaiデータが一括でダウンロードできる優れもの。テイストもシンプルベースなので使いやすいタイプのアイコンとなっています。
詳しくは以下
シンプルな単色の細ラインのタイプ、赤・青・黄の三色を使ってまとめられたシンプルなアイコン、形が統一されているのですっきりとまとめられる丸アイコンなど、いろいろなテイストのアイコンが揃っているのが特徴。とにかく数が豊富なので、ダウンロードしておけば、いろいろなシーンで役立ってくれると思います。全て一括でダウンロードできるのも嬉しいですね。
アイコン素材をストックしておくことで、デザインの幅や表現力も広がり、また素材を探す時間が短縮されることで、制作コストの圧縮にもつながっていくのではないでしょうか。興味をお持ちの方は是非、下記リンクにてご確認ください。
デザイン制作を行う中で重要な役割をもつアイコンは、テイストによってサイト全体の雰囲気さえもガラッと変えてくれる力を持つ要素になることも。そんな中今回は、手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」を紹介したいと思います。
遊び心のあるイラストが60個。全て手描きテキストで描かれているで、ラフな雰囲気が楽しめるようになっています。
詳細は以下
配布されているデータ形式は AI, EPS, SVGと、編集しやすいデータで配布されていますので、サイズや色の変更も簡単。ファイルの中には同じイラストが線画、シルエット、部分的に色がつけられたデータと3種類が備わっているので、わざわざ編集で塗りつぶさなければならないといった手間が省けるのも嬉しいですね。また種類がわりと揃っているのも嬉しい要素の一つなのではないでしょうか。
アイコンとしてだけでなく、パターンとして、メインのイラストとして、様々なシーンで活用できそうです。特に柔らかい印象のデザインにあいそうですね。気になる方はぜひダウンロードしてみてください。
Freebie: Hand-drawn Geek's Treasure Chest (AI, EPS, PDF, SVG, PNG) | Codrops
Webデザインにおいてアイコンはとても重要なもの。特に個性的なアイコンは、デザインに色を添えてくれる力強い存在です。今回はそんな個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」をご紹介します。
クリエイティブ・コモンズアトリビューション3.0の規約に準じて配布されるもので、規約を守る場合のみ利用可能なコンテツになっています。
詳しくは以下
まとめでは「Ballicons」と呼ばれるイラスト風アイコン30種類をダウンロードする事が可能です。形式はEPSとSVG。アイコンのサイズや色、デザインの変更が許されており、アレンジして使うことも可能。アイコンの種類は本などの日常的なアイテムから、VRゴーグルやAppleWatchなどあまり見かけないテクノロジーなデザインまで幅広く揃っています。
これほど密に書かれたイラストアイコンを一から制作するとなると、かなりの作業工程が必要となるため、素材としてダウンロード・利用できるのはかなり嬉しいですね。デザインに遊びをもたせたい、どこか他のサイトとは違った個性をもたせたい、そんな時に取り入れてみてはいかがでしょうか？
Free Sparkly Icons To (Literally) Make Your Designs Shine (30 Icons, EPS, SVG) – Smashing Magazine
UIデザインを行うのに必要なツールや素材は多岐に渡ります。必要なものとはわかっているけれど、ネットの膨大な情報から適切なものを取捨選択するのも一苦労。今回はそんなときに参考にしたい、UIデザインに便利なフリー素材やツールをまるっとまとめた「29 New Free Photoshop PSD Files for UI Designers」をご紹介します。
29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction
UIデザインを見せるためのモックアップや、便利なカラーピッカーなどが手広くまとまっています。まとめの中から、気になったものを幾つかご紹介しますのでご覧下さい。
詳しくは以下
FREE MOCKUPS. iPhone + iPad + Macbook Pro Free Showcase on Behance
UIデザインを魅せてくれるフリーのApple製品のモックアップ素材。写真ベースのデータですが、デザインの邪魔にならない低彩度でシンプルな背景で使いやすい素材です。
Mixergraph 5 Free Grunge Brushes Kit for Photoshop – Mixergraph
アナログな、掠れた雰囲気のデザインに仕上げることができるブラシ。いろいろなシーンで活躍してくれそうです。
Tiny Icons (Free) on Behance
フリーのタイニーアイコンセットは、シンプルなデザインとミニマムなサイズが特徴。aiファイルで落とせるベクターデータなのも嬉しいですね。
ほかにもまとめでは、フリーのアニメーションやモックアップ、テクスチャーなどUIデザインにあったら便利なツールや素材が29種類紹されています。気になる方は以下リンクよりチェックしてみてください。
Mixergraph 5 Free Grunge Brushes Kit for Photoshop – Mixergraph
29 New Free Photoshop PSD Files for UI Designers | Freebies | Graphic Design Junction
