TOP  >  アイコン

Tag : アイコン

2013年12月06日

【商用可】PSDで配布されるデザイナー・制作者のためのフリーアイコン集「GICONS」

細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。

gicons_0

一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。

(続きを読む…)

続きを読む
posted 12:54  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2013年12月05日

【商用可】フラットデザインを取り入れたファイルアイコンのセット「FILE TYPE ICONS with Flat Design Style」

最近流行のフラットデザイン。目新しさに加えて、ファイルサイズも小さくなるのでスマートフォンなどの端末に適していると言われています。今回紹介するのは、そんなフラットデザインを取り入れたさまざまな拡張子のファイルアイコンセット「FILE TYPE ICONS with Flat Design Style」です。

ftiwfds_0

Microsoft WordやXLSに代表される一般的な拡張子のファイルや、Photoshop、Illustratorといった、制作系で使われるファイルが数多く取り揃えられています。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop , vector   
このエントリーをはてなブックマークに追加
2013年12月03日

日常の道具をテーマにした可愛いアイコン集「ictograms Giveaway Reloaded」

日常に溢れるさまざな道具は生活で役に立つと同時に、デザインに取り入れられる機会も多いのではないでしょうか。今回紹介するのはそんな、日常で利用される道具をテーマにしたアイコン集「Pictograms Giveaway Reloaded」です。

igr_0

パソコンや文房具、ゲーム機や家電、カメラやスマートフォンなど、70種類もの多種多様なアイコンが取り揃えられています。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2013年11月29日

スマートフォンの操作方法を視覚的に説明することができるアイコンパック「Flat Gesture Icons Pack」

スマートフォンの登場によって今までにない直感的な操作方法が一般的になってきましたが、「ピンチ」や「フリック」と言われてどんな操作方法かすぐに想像がつくという人もいれば、まだなれていなく想像できないという方もいらっしゃると思います。今回紹介するのはそんなスマートフォンの操作を視覚的に伝えることができる、60個のアイコンパック「Flat Gesture Icons Pack」です。

fgipfpe_0

想定される操作のほとんどが収録されていて、これ1つあればどんなシーンでもカバーすることができそうです。

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2013年11月21日

ベクターでも使えるノリモノに特化したアイコンセット「150 Royalty-Free Transport Icons Pack for Download」

iOS7の登場により、フラットデザイン化は様々な場所で進んでおり、取り入れる機会も増えてきているのではないでしょうか。今回紹介するのはフラットデザインにも合わせやすいベクターでも使えるノリモノに特化したアイコンセット「150 Royalty-Free Transport Icons Pack for Download」です。

150rftipfd_0

自転車、バイクのような2輪から、トラックなどの大きな車、更に船や飛行機、気球とかなりバリエーション豊かで、様々な乗り物を網羅しており、用途にハマればこれ以上にないアイコンセットです。

(続きを読む…)

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

AIでも配布!グラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」

デザイン制作を行う中でアイコンを効果的に用いれば、余計なテキストを削減すると同時に、ユーザビリティの向上にも貢献してくれる便利なものですが、今回はAI形式のデータも同封されているグラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」を紹介したいと思います。

fntis128_0

収録されているアイコンは食べ物から電化製品とジャンルも多岐に渡っていて、その数128種類。ポップなテイストで作りこまれたアイコン達は見ているだけでも楽しい気分にさせてくれます。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , vector , WebDesign   
このエントリーをはてなブックマークに追加

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

2008年12月14日

商用可!シックなクリスマスベクターアイコン「Christmas Black & Silver Vector Graphics」

クリスマスと聞くと真っ先に思い浮かぶカラーが赤と緑ですが、今回紹介する「Christmas Black & Silver Vector Graphics」は白と黒を基調としたシックな色使いのクリスマスベクターアイコンです。

上記のようにツリー、サンタクロース、プレゼント、モナメントなど様々なクリスマスのモチーフが収録されています。クリスマスカードを作ったりちょっと雰囲気の違う、クリスマスのデザインを制作するのに便利ですね。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:46  |  
Category: Design , vector   
tag: Design vector
2012年10月13日

ポップな色合いのアイコンセット「Free Icons: Candy UI Icon Set」

webデザイン制作に頻繁に使用するアイコンは、できるだけ豊富に種類を所持しておきたいもの。そんな中今回は、明るい色合いのポップテイストなアイコンセット「Free Icons: Candy UI Icon Set」を紹介したいと思います。

使用頻度の高い定番のデザインを中心に、全部で120個のアイコンがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:42  |  
Category: WebService   
2008年07月08日

ローディングに使えるフリーGIFアニメアイコン集「120+ Free Ajax Activity Indicator Gif Icons」

以前Designdevelopではローディングアニメーションが簡単に生成できるWEBサービスを「99個のサンプルからローディングgifアニメーションが簡単に作れる「Load Info – gif generator」」と言う形で紹介しましたが、今回紹介するのはフリーでつかえるローディングGIFアニメアイコンをまとめて配布しているエントリー「120+ Free Ajax Activity Indicator Gif Icons」です。

シンプルな物から、極小の物まで様々なローディングアニメーションが公開されています。アニメアイコンはGIFアニメで貼り付けられていますので、動きを確認しながらダウンロードすることができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:27  |  
Category: WebDesign   
tag: webdesign
2008年09月20日

ハイクオリティな厳選CSSデザインテンプレート集「Free CSS Templates」

フリーのCSSデザインテンプレートを配布しているサイトは多々存在し、Designdevelopでも「フリーのテンプレート配布サイトをまとめた「40 Free Web Template Resources」」や「クールな無料CSSテンプレート集「CSS 4 Free」」などと取り上げてきましたが、玉石混合で数が膨大すぎて探すのはなかなか大変な作業です。

そこで今日紹介するのは、様々なCSSフリーデザインテンプレートサイトからクオリティの高いCSSデザインテンプレートをピックアップしたエントリー「Free CSS Templates」です。その中からさらに気になったCSSデザインテンプレートを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: WebDesign   
2016年02月10日

最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」

インターネット上ではどんどんと新しいデザイン素材が生まれており、常にチェックされている方も多いのではないでしょうか。そんな中今回紹介するのは、最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」です。

resources0210_2
Branding Mockup PSD – GraphicsFuel

毎月ピックアップされているまとめで、クオリティの高さが魅力のフリー素材が多数紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2010年03月02日

最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」

軽量で非常に高機能なjavascriptプラグイン。豊富な機能に加えて、デザイナーでも何とかわかる範囲の言語として最近さらに人気を集めていますが、今回紹介するのは最新の使えるjQueryプラグインを集めた「25 Amazing and Fresh jQuery Plugins」というエントリー。

jquerynew01
Meerkat

最近リリーされた使えるjQueryプラグインが集められています。様々な機能のものがありますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:08  |  
Category: WebDesign   
2012年03月02日

Tumblrのデザインを見やすくカスタマイズできるテンプレートまとめ「A Showcase of Great Looking Tumblr Themes」

webコンテンツを手軽にスクラップできるTumblr。気になる情報をまとめ、簡単に発信する事ができる存在として人気が高く、たくさんの人に利用されています。そんな中今回は、Tumblrの見た目をより自分らしくカスタマイズできるテンプレートをまとめた「A Showcase of Great Looking Tumblr Themes」を紹介したいと思います。


Tumblr

シンプルなデザインはもちろん、可愛らしい雰囲気のデザインやスタイリッシュなものまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:53  |  
Category: WebDesign   
2013年01月02日

ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」

WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。

このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2017年08月19日

様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」

デザインの仕事に携わっていると、ロゴなどのブランドイメージから名刺や販促ツールまで、クライアントに提案する機会は多いはず。そんな時にデザインをより魅力的に見せるためにも、モックアップが重要な役割となります。そんな中今回は、様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」を紹介したいと思います。

35MockUp_01
Art & Craft / Stationery Mock-Up ~ Product Mockups on Creative Market

紙のツールからパッケージのモックアップまで、様々なバリエーションが揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
2008年04月21日

javascript不要のCSSで制御するツールチップ「Easy CSS Tooltip」

ユーザービリティの向上のための仕掛の一つツールチップ、最近の主流としてはjavascroptを使用しての実装という形が多く、色々な形でパッケージ化されています。ある程度パッケージングされているんで実装は簡単とは言え、なれていない人にとってはまだまだややこしい部分も多いです。

tooltipcss.gif

今回紹介する「Easy CSS Tooltip」はjavascriptを使用せずCSSとHTMLでツールチップを実現すると言うものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:23  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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