TOP  >  アイコン

Tag : アイコン

2015年06月14日

ライフスタイルをイメージさせるハンドメイドアイコンセット「100 Handmade Icons About Home Stuff」

ビジネス系をテーマとしたアイコンが多い中、中には個性的なテーマを取り入れシリーズ化したアイコンセットも多数存在しています。そんな中今回紹介するのは、ライフスタイルをイメージさせるハンドメイドアイコンセット「100 Handmade Icons About Home Stuff」です。

handmadeion

手書き風のラフなテイストが印象的なアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:38  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年06月07日

フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」

非常に便利なツール・アイコン。さまざまな種類が配付されており、いろいろな種類を集めている方も多いのではないでしょうか?そんな中今回紹介するのは、フリーで使用できるpsdアイコンを集めた「Free PSD Icons: 800+ Icons for Designers」です。

icon0607_1
Line icon set on Behance

定番タイプから、個性的なテーマで展開されたものまで、いろんな種類のアイコンが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:57  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年06月04日

ポップで可愛らしいテイストが魅力のフリーフラットアイコンセット「2090 icons in UniGrid Flat Ultimate」

シンプルなテイストのアイコンは頻繁に使用し、いろいろなパーツやレイアウトのポイントとして活躍してくれますが、時にはアイコンを主張したデザインを手がけたいこともあるのでは?今回はそんな時におすすめ、ポップで可愛らしいテイストが魅力のフリーフラットアイコンセット「2090 icons in UniGrid Flat Ultimate」を紹介したいと思います。

unigrid-flat

カラフルなサークル上の中にデザインされた100種のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年06月01日

定番としてストックしておきたい フリーアイコンコレクション「Top 50 Free Icon Fonts for Web Design」

さまざまな種類が展開されているアイコン。いろいろなタイプをストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、定番としてストックしておきたいフリーアイコンコレクション「Top 50 Free Icon Fonts for Web Design」です。

freeicon0601
Batch • 300+ Icons for Web & User Interface Design

ベーシックなテーマのアイコンが多数揃っており、ワンパターンになってしまいがちなアイコン表現にバリエーションを持たせることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:25  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年05月29日

さまざまなブラウザに対応できるサイズを揃えたフリーアイコン「FREE RESPONSIVE ICONS」

いろんな場面で活躍してくれるアイコン。種類やテーマも豊富にフリーで配布されていますが、サイズ展開がされていないことも。そんな中今回紹介するのは、さまざまなブラウザに対応できるサイズを揃えたフリーアイコン「FREE RESPONSIVE ICONS」です。

8icon

サイズやカラーリングに段階をつけた、多彩なブラウザデザインを手がけることが多い今の時代にぴったりなアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:44  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年05月25日

すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」

アイコンの種類の中で、ラインで描きだされたアイコンはシンプルに合わせやすく、いろんなシーンで活躍してくれます。そんな中今回紹介するのは、すっきりとしたデザインに最適 フリーラインアイコンまとめ「33 Free Line Icon Sets You Must Have In Your Resources」です。

lineicon0525_0
Designer Fuel

定番として使えそうなものを中心に、たくさんの種類のラインアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2018年01月30日

圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」

背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。

スクリーンショット-2018-01-30-10.08.44
UPNG: fast PNG minifier

簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool , WebDesign , WebService   
2008年11月29日

羽ばたく鳥のベクターデータセット「BB Free Vectors: Birds in Flight」

様々なデザインでもグラフィックでもポイントもしくはメインとして使われる羽ばたく鳥のイメージ。未来とかスタートとかそういった前向きな印象を与えてくれるモチーフですが、今回紹介するのはそんな羽ばたく鳥のシルエットのベクターデータを集めたセット「BB Free Vectors: Birds in Flight」です。

上記のような様々なシルエットの鳥のベクターデータが全部で12種類収められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:05  |  
Category: Design , vector   
tag: Design vector
2013年06月19日

iOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」

iOS7で発表されたフラットデザインへの基準デザインの変更にともない、アプリ制作者のデザイン感にも大きな影響を与えているのではないかと思います。今回はそんなiOS7のデザインに合わせたデザイン制作ができるUIキット「Free iOS 7 UI Kit」が早速公開されていましたので、紹介したいと思います。

dd_free_01

iOS7の特徴的なフラットデザインを取り入れた、スマートフォンサイトやアプリ制作に使いやすい基本UIが詰まったキットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:40  |  
Category: Design   
2010年04月11日

様々な用途に使えるフリーDingbatFontをまとめた「Typography – 46 Cool & Useful Dingbat Fonts」

アルファベットのフォントではなくて、グラフィックが割り当てられている「DingbatFont」。様々なDingbatFontがリリースされていますが、今日紹介するのはそんなDingbatFontを集めたエントリー「Typography – 46 Cool & Useful Dingbat Fonts」を紹介したいと思います。

dingbatfonts_01
We Spray

こちらのエントリーでは、枠、グラフィック、ワンポイントに使えそうなポイントデザインなど、様々な絵柄のフォントがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:00  |  
Category: Design , Font   
tag: Design Font
2015年01月20日

オフィス・ビジネス系デザインで活用できるフリーアイコンセット「Office Icon Set」

たくさんあるフリーアイコンの中でも、ビジネスシーンをイメージしたアイコンは利用頻度が高い部類に入ると思います。今回はそんな、オフィス・ビジネス系デザインで活用できるフリーアイコンセット「Office Icon Set」を紹介したいと思います。

businessicons

40種という厳選された数ですが、他のオフィス・ビジネスアイコンとはちょっと差を出したい時に利用したい、個性的な描写のアイコンが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2015年08月10日

レトロテイストなフリーバッジ素材セットまとめ「30 Awesome Free Retro Badges You Can Download」

デザインの中で、ここは印象的に見せたい・ロゴのように強調したいという箇所などに使用されるバッジ。いろいろなタイプのデザイン・形が存在していますが、今回はレトロテイストなフリーバッジ素材セットまとめ「30 Awesome Free Retro Badges You Can Download」を紹介したいと思います。

badges1
Variety of badges in retro style Vector | Free Download

レトロアンティークなデザインの、さまざまな種類のバッジ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:00  |  
Category: Design   
2015年11月17日

デザインイメージ作成に活用したいフリーテンプレート集「14 Free Simple Resume PSD Mockups & Templates」

紙系ツールのデザインでイメージを作成する際に便利なテンプレートやモックアップ、いろいろな種類のフリー素材が配布されていますが、今回はクオリティの高さが魅力のフリーテンプレート集「14 Free Simple Resume PSD Mockups & Templates」を紹介したいと思います。

mockup1117_4
FREE Resume Template on Behance

シンプルなテイストのものを中心に、デザインをより魅力的に見せてくれるテンプレートがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:29  |  
Category: Design   
2013年04月17日

ワンポイントがより華やかに!ベクターで制作されたフレーム素材まとめ「A Collection Of 25 Free and Attractive Vector Frames」

デザイン制作にも、ちょっとしたメモを書き込むためのカードにも、モチーフなどを組み合せたデザインが入っているだけで、見た目の華やかさもアップするのではないでしょうか?そんな中今回紹介するのが、ワンポイントがより華やかになる、ベクターで制作されたフレーム素材をまとめた「A Collection Of 25 Free and Attractive Vector Frames」です。


Cloud Frame

植物をモチーフにした素材から、幾何学模様が可愛らしい素材まで、さまざまなフレーム素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:30  |  
Category: Design   
2013年03月02日

ベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」

アプリにしてもWEBにしても非常に利用頻度が高い、アイコン素材。それだけに様々なアイコンセットが素材としてWEBでは提供されていますが、今日紹介するのはベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」です。

シンプルで簡潔なアイコンが全部で200個まとめられています。顔文字的なものから、矢印やタグソーシャルメディアまでWEBで利用できそうなアイコンがほぼ揃うアイコンセットになっています。

詳しくは以下

200icon2

アイコン素材はセットが変わるとどうしても調整が必要なため、種類が少ないと、自分で作る部分が増えたり、制作したものと合わせる作業が必要になります。こちらのアイコンセットは、利用頻度の高そうなアイコンが網羅されていますので、その点はこのアイコンセットのみで、制作も完結することができそうな気がします。

配布形式はpsdとなり「Dribbble – 200 Free Glyphs by Joel Siddall」の「free-download.psd」というテキストリンクからダウンロード可能です。

Dribbble – 200 Free Glyphs by Joel Siddall

続きを読む
posted 08:52  |  
Category: Design , WebDesign   
2009年03月26日

スタイルシートをオンラインで整形してくれる「Stylenea」

CSSの書き方は人によって様々だと思いますが、普段自分が使っている書き方でない書き方だと解読に手間取ってしまうときもあるかと思います。今日紹介するオンラインサービス「Stylenea」は自分の指定した形式にCSSファイルを整形してくれるものです。

cssdesignloads01

CSSをコピーするかもしくはファイルをアップロード、もしくはアップされているURLを指定することでCSSを読み込ませる事ができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:38  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る