TOP  >  アイコン

Tag : アイコン

2017年08月30日

便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」

レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。

svg_top
Plain Pattern

SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。

詳しくは以下

(続きを読む…)

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

教育系フリーアイコンセット「30 Free Education Icons Sets」

Webサイトで情報を公開する学校はとても増えていますが、教育機関のWebサイトは比較的情報量が多く複雑になってしまいがち。そんな時におすすめなアイテムが、今回紹介する教育系フリーアイコンセット「30 Free Education Icons Sets」です。

calculator01
School Icon Collection Vector | Free Download

ポップなテイストからフラットなデザインまで、様々なアイコンがセットでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:17  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
2017年08月23日

フリーで利用できる スクールアイコンセット「Free Back to School Icon Set」

webサイトのデザインを中心に活躍してくれるアイコン素材には、非常にいろいろな種類が存在していますが、今回紹介するのは、学校をテーマにしたフリーで利用できるスクールアイコンセット「Free Back to School Icon Set」です。

flat0823_1

学校で使うツールやグッズをアイコン化、POPなテイストが特徴となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design   
このエントリーをはてなブックマークに追加
2017年08月22日

シンプルかつハイクオリティなデザインを可能にする商用フリーのフラットデザイン素材まとめ「35 Free Flat Graphics and Web Elements for Designers」

シンプルで機能的なフラットデザインは、場面を選ばずどんなシーンにも合わせやすい優れもの。今やWeb制作には欠かせない、デザイン手法の一つではないでしょうか。今回ご紹介するのは、そんなフラットデザインを手軽に取り入れる事ができる、商用フリーのフラットデザイン素材をまとめた「35 Free Flat Graphics and Web Elements for Designers」です。

free-flat1
Weather – Daily UI #037 – Freebie by Roman Bova – Dribbble

情報をすっきりと分かりやすく見せてくれる、魅力的なフラットデザインが35点もまとめられています。今回はその中から、おすすめしたい素材を幾つかピックアップしましたので、以下よりご覧ください。

詳しくは以下
(続きを読む…)

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

食べ物を中心にまとめられた可愛らしいデザインアイコンまとめ「100 Free Food and Party Icons」

UI面の向上に一役買ってくれるアイコン。視覚的サポートとして非常に役立つ存在であり、特に食べ物だったりアクションを表現する際には効果的で直感的な理解につながります。今回ご紹介する「100 Free Food and Party Icons」は食べ物やパーティーシーンなどを表現したアイコンがを中心にまとめられたアイコンセットです。

100FreeFoodandPartyIcons_top

カラフルでポップなアイコンが全部で100個種類まとめられています。収録されているアイコンは下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2017年07月18日

プログラマーのためのWEBサービスや開発系のアイコンセット「devicon」

Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。

devicon

デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。

詳しくは以下

(続きを読む…)

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

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

2008年02月07日

ハイレベルなillustratorチュートリアル「Adobe Illustrator Tutorials – Best Of」

先日Adobe Illustratorの基礎の部分を中心にしたチュートリアルを「Illustratorの基本チュートリアルを200個以上集めた「Illustrator Tutorials」」と言う記事でお伝えしましたが、今日紹介するチュートリアルよりもさらに先を行くチュートリアルを集めた「Adobe Illustrator Tutorials – Best Of」です。

ilustoretor00.jpg

キャラクターからグラフィックス、立体的なアートワークまで様々なチュートリアルが公開されています。今回のチュートリアル集はデザインを仕事にしている方でも十分に参考になるレベルの物だと思います。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:15  |  
Category: Design   
2015年12月13日

なめらかな動きが特徴のフリーアニメーションアイコンセット「Free download: 20 animated icons」

アイコンにもさまざまな種類がありますが、中でも動きを取り入れたアニメーションアイコンは、通常のアイコンに比べデザインに動きと個性を与えてくれます。そんな中今回紹介するのは、なめらかな動きが特徴のフリーアニメーションアイコンセット「Free download: 20 animated icons」です。

moveicon

20種類という限定された数ではありますが、可愛らしい印象の動きに特徴のあるアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

2色のベースカラーを使ってグラデーションを生成できるジェネレーター「Blend」

グラデーションを作り出すのは、簡単なように見えて意外に難しいもの。絶妙な色合いをイメージ通りに表現したい、今回はそんな時に便利なwebジェネレーター「Blend」を紹介したいと思います。

colinkeany1

2色のベースカラーを使ってグラデーションを生成できる、シンプルでありながらも使い勝手の良さが魅力のwebサービスとなっています。

詳しくは以下

(続きを読む…)

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

オブジェクト拡大の表現に活用できる ルーペアイコンまとめ「10 Free Magnifying Glass Search Icons Sets」

アイコンにはさまざまな種類があり、いろいろとストックしておくことでデザイン表現に便利です。そんな中今回紹介するのは、オブジェクト拡大の表現に活用できる ルーペアイコンまとめ「10 Free Magnifying Glass Search Icons Sets」です。

glass0
Magnifier Glass Icon (PSD) | bijusubhash.com

10種類の、さまざまテイストのルーペアイコンがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2017年12月04日

レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」

Webサイトを閲覧しているとよく見かけるスライダーですが、様々な仕様があり、用途や機能に合わせて構築してく必要があります。そんなシーンで役立ってくれるのが今回紹介する、レスポンシブ対応したフリーWordPressスライダープラグイン「Top 10 Free Responsive WordPress Slider Plugins」です。

sliders00
Slider by Soliloquy – Responsive Image Slider for WordPress — WordPress Plugins

無料でダウンロードできる10種類のスライダープラグインが揃っています。

詳しくは以下

(続きを読む…)

続きを読む
2011年06月26日

【商用可】様々な印象を演出できるカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」

デザインの雰囲気をガラリと変えてくれるテクスチャ。今回紹介するのは、グランジ感のあるシンプルなカラービンテージテクスチャ「Colored Vintage Paper: Texture Pack」です。シンプルながらもカラーバリエーションが豊富なので、使いやすく、どんなデザインにでも活躍してくれそうです。

全部で20種類のカラーリング収録されています。いくつかのカラーをピックアップして紹介したいと思います。

詳しくは以下


Colored Vintage Paper Texture 01 (Aqua)
 
 
 
 
 

Colored Vintage Paper Texture 03 (Brown)
 
 
 
 
 

Colored Vintage Paper Texture 14 (Moss Green)
 

テクスチャは3600×3600pxと高画質なので、WEBから紙まで幅広いクリエイティブに利用できそうです。ライセンスも「Commercial and personal work under」となっており、商用デザインから、個人用途まで利用することが可能です。

Colored Vintage Paper: Texture Pack

続きを読む
posted 01:37  |  
Category: Design , Photoshop   
2011年12月22日

冬のデザインを彩るニットや布地のフリーテクスチャまとめ「30 Warm and Free Woven and Knitted Fabric Textures」

春夏秋冬で誰もが衣替えをするように、デザインも衣替えをしたいもの。そこで今回紹介するのが、冬のデザインを彩るニットや布地のフリーテクスチャを集めた「30 Warm and Free Woven and Knitted Fabric Textures」です。


texture 026 by ~juuichimei on deviantART

シンプルなニットのテクスチャから、カラフルな配色がポイントとなるテクスチャまで、さまざまなテクスチャが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
2017年11月27日

書類ひとつにもこだわりたい 見やすく使いやすいフリーの請求書テンプレートまとめ「40 Invoice Templates | Free & Premium | Print & Digital-Friendly」

仕事を納めた後、発生するのが請求書送付業務。各クライアントへの請求書発行はなかなか手間のいる作業です。今回ご紹介するのは、そんな請求書発行業務をテンプレートで効率化してくれるフリーの請求書テンプレートをまとめた「40 Invoice Templates | Free & Premium | Print & Digital-Friendly」です。

tenple1127
Invoice by Darkwat on DeviantArt

ビジネスシーンで使える、見やすく便利なテンプレートが40種類もまとめられています。今回はその中からおすすめのテンプレートを幾つか選んでご紹介しますので、ぜひご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2012年03月26日

デザイン性の高いナビゲーションメニューまとめ「Unusual & Unique Examples Of Website Navigation」

WEBサイトのページ遷移のために欠かせないナビゲーションメニュー。横や縦一列に並び、誰にでも分かりやすいものが多いですが、いかに印象的なデザインができるかでデザインのクオリティが左右されるのではないでしょうか。そんな中今回は、デザイン性の高い新しいナビゲーションメニューのデザインをまとめた「Unusual & Unique Examples Of Website Navigation」です。


organic grid

レイアウトや表現方法がユニークなメニューデザインがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:33  |  
Category: Design   
2009年09月28日

ハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」

テクスチャの中でももっともポピュラーで使いやすい素材、木、質感を演出したり、暖かみをデザインに与えたりとその使い方は様々ですが、比較的便利に使える素材として重宝したりします。今日紹介するのはハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」です。

textestree01

スタンダードなフローリングのような木目から木の壁、削られたものから、年輪といったものまで幅広いフリーテクスチャが展開されています。全部で75もの素材が公開されていますが、今回はそのなかから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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