TOP  >  icon

Tag : icon

2017年04月27日

厳選された高品質フリーアイコンまとめ「15 Essential Free Icon Sets」

インターネット上では非常に膨大な数のフリーアイコンが紹介されていることもあり、都度探すよりも、お気に入りをストックしておくことで作業効率を上げることができるはず。そんなシーンで参考にしたい、厳選された高品質フリーアイコンまとめ「15 Essential Free Icon Sets」「15 Essential Free Icon Sets」を今回は紹介します。

top
30 WEATHER ICONS

シンプルで汎用性の効くタイプや、レトロテイストなものなど、いろんな種類が紹介されています。いくつか気になったものをピックアップしていますので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

母の日をイメージさせるフリーアイコンセット「Free Mother’s Day Graphics」

母親に感謝の気持ちを伝える「母の日」。すでになにかプレゼントを計画されている方も多いのではないでしょうか?今回はそんな特別な瞬間にデザインで気持ちを伝えるシーンのための素材「Free Mother’s Day Graphics」を紹介したいと思います。

top
Designbeep Mother

母の日をイメージさせる種類も揃ったアイコンセットで、かわいらしいイラストレーションが特徴の心温まるフリー素材です。

詳しくは以下

(続きを読む…)

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

可愛らしい雰囲気が特徴のボールドアイコンセット「100 Bold Purple Line Icons」

アイコンはサイトの雰囲気を決める大切な要素のひとつ。選定する種類によってテイストが左右される程、重要な役割を持つシーンも多いのではないでしょうか。そんな中今回ご紹介するのは、ぷっくりとしたラインがデザインにキュートさをプラスしてくれるアイコンセット「100 Bold Purple Line Icons」です。

boldicon-top

シンプル・ミニマルがベースですが、太めのフォルムによって目をひく力強さがあるフォントとなっています。

詳細は以下

(続きを読む…)

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

テクノロジー系から遊び心あふれるデザインまで 個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」

Webデザインにおいてアイコンはとても重要なもの。特に個性的なアイコンは、デザインに色を添えてくれる力強い存在です。今回はそんな個性的なデザインアイコン30種「Free Sparkly Icons To (Literally) Make Your Designs Shine」をご紹介します。

ballicons-cover-opt

クリエイティブ・コモンズアトリビューション3.0の規約に準じて配布されるもので、規約を守る場合のみ利用可能なコンテツになっています。

詳しくは以下

(続きを読む…)

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

350以上ものアイコンが一度に!フリーベクターアイコンセット「Noupe Exclusive: 350+ Free Icons For Our Readers」

デザインに欠かせないアイコン。いろいろなテイストのアイコンを揃えておけば、いざという時便利なのはわかっているけれど面倒で…という方におすすめなのが、今回ご紹介するまとめ「Noupe Exclusive: 350+ Free Icons For Our Readers」です。

1

なんと350点以上ものベクターフリーアイコンのaiデータが一括でダウンロードできる優れもの。テイストもシンプルベースなので使いやすいタイプのアイコンとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2017年01月28日

ベクターで利用できるドローン関連アイコン「Drone Icons」

国内でも一般的になったドローン。普段とは全く異なる視点での撮影や、さらに先には荷物の運搬なども期待されており、今後も発展していく分野だと思いますが、今日紹介するのはそんなドローンを表したアイコンを集めたアイコンセット「Drone Icons」です。

Freebie_Drones_800x600

ドローン本体、荷物の投下、制御系などドローンに関するアイコンが全部で50まとめられています。収録されている全アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

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

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

2013年02月16日

柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:22  |  
Category: Design , vector , WebDesign   
2010年03月20日

JSで実現するシンプルで使い勝手のいいコンテンツカバーフロー「ContentFlow」

Macを使っている方には馴染み深い、立体的で空間的にコンテンツやファイルの内容を表示するインターフェイスカバーフロー。そのインターフェイスはOSだけではなく、様々な部分で活用されていますが、今日紹介するのはjavascriptで実現したコンテンツカバーフロー「ContentFlow」です。

contetscover

作り自体は非常にシンプルなものになっており、動作はjsで制御、画像などはすべて外部から読み込んでいるみたいで、枠組みだけ作ってしまえば、画像を入れ替えるだけで、差し替えたり更新できたりします。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:53  |  
Category: WebDesign   
2008年11月30日

29のハイクオリティのテクスチャ「29 Great Free Textures」

デザインをする際とても便利なテクスチャ。Designdevelopでも様々な素材を紹介してきましたが、今回紹介するのはハイクオリティなテクスチャを29個集めたエントリー「29 Great Free Textures」です。

テクスチャが多々紹介されていますが、今回はその中から特に気になったテクスチャをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:39  |  
Category: Design , Photoshop   
2009年05月02日

フォームデザインを完成させるjQuery plugin「jqtransform」

今まで様々なjQueryを使ったプラグインを紹介してきましたが、今日紹介する「jqtransform」は今まで紹介した物と少し違っていて、フォームのデザイン補助してくれると言うものです。

fromsdesignj01

CSSなどでデザインせず、普通にフォームを制作した場合上記のように利用OSに準拠したプルダウンメニューやボタンなどが表示されます。このプラグインを使えば上機能なありきたりなフォームデザインを施す事が可能です。変更後のデザインは以下の通り

詳しくは以下

(続きを読む…)

続きを読む
posted 02:32  |  
Category: WebDesign   
2010年08月21日

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: WebDesign , WebService   
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   
2007年11月16日

【FreeFont】筆で書いたような味のある日本語書体を配布する「Fub工房」

ユニークな日本語書体を配布する「Fub工房」現在「モフ字」「切絵字」「水面字」の三つのフリーフォントが配布されていて、どれも独特で味のあるフォントが特徴です。

fub工房

3つのフォントはそれぞれ英数字、ひらがな・カタカナ、JIS第一水準漢字などを収録されていて、「切絵字」はJIS第二水準漢字も収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:20  |  
Category: Design , Font   
tag: Design Font
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   
2010年01月28日

シンプルでユニークなWordPressテーマ「25 Fresh, Clean and Unique WordPress Themes」

豊富なテーマで国内外で人気のCMS、Wordpress。様々なテーマが日々発表されていますが、今回紹介するのはシンプルでユニークなWordpressテーマを集めたエントリー「25 Fresh, Clean and Unique WordPress Themes」です。

wptheme01
Get Some Aparatus – Free Theme for WordPress | Fearless Flyer Web Design

すっきりしていながらも、オーソドックスなテーマとは少し違う。そんなWordpressのテーマを集めています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: WordPress   
2011年02月10日

CSS3用のオンラインツールまとめ「10 Useful CSS3 Tools for Your Next Web Development」

WEB制作者の話題では最近耳にする機会も多いCSS3。多くのWEB制作に携わる人にとっては無視できない存在だと思います。もうすでに利用されているという方もいるかと思います。今日紹介するのはCSS3を便利に使うためのCSS3用のオンラインツールをまとめたエントリー「10 Useful CSS3 Tools for Your Next Web Development」。


KEYS.css

コードを参照するものから、ジェネレータ系まで様々なオンラインツールがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:03  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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