TOP  >  インフォグラフィック

Tag : インフォグラフィック

2018年05月15日

美しいグラデーションが特徴のインフォグラフィック素材 「[Freebie] Gradient Style Infographic Elements: AI, EPS, and JPG」

データや情報を視覚化し、わかりやすくしてくれるインフォグラフィック。デザイン性があり、見やすいものを作成するのは意外と大変なもの。そんなときにあると便利な「[Freebie] Gradient Style Infographic Elements: AI, EPS, and JPG」をご紹介します。

infographic-elements_top

多種多様な形で複雑な情報を簡潔にまとめてくれています。

詳しくは以下

(続きを読む…)

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

様々な場面で役に立つ便利なインフォグラフィックテンプレート「20 Cool Infographic Templates to Create Amazing Designs」

複雑な情報やデータをまとめて分かりやすく伝えるためには、イメージ図やグラフなどをうまく使って表現することが必要となってきます。今回はそんな時に役に立つアイテム、様々な場面で役に立つ便利なインフォグラフィックテンプレート「20 Cool Infographic Templates to Create Amazing Designs」の紹介です。

Infographic01
Free Vector Infographic Elements – Download Free Vector Art, Stock Graphics & Images

アイコンから円グラフなど様々なアイテムがまとめられたサイトです。気になったものをピックアップしましたので、チェックしてみてください。

詳しくは以下

(続きを読む…)

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

情報を手早く視覚化!インフォグラフィックデザインに最適なベクターテンプレートまとめ「30 Templates & Vector Kits to Design Your Own Infographic」

情報を分かりやすくまとめてくれるインフォグラフィックは、複雑な内容を視覚化したいときに大いに役立ってくれます。今回ご紹介するのは、そんなインフォグラフィックを手早く手軽に取り入れることができるテンプレート素材をまとめた「30 Templates & Vector Kits to Design Your Own Infographic」です。

30-templates-vector-kits-infographic1
Universal Subtle Infographic Elements

全部で30種類もの、ベクターのインフォグラフィックテンプレートがまとめられています。さらにそのなかから、おすすめのテンプレートをピックアップしてまとめましたので是非ご覧ください。

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

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

インフォグラフィックデザインに活用したいフリー素材セット「25 Must-Have Free Infographic Sets」

難しい内容を分かりやすくグラフィックを使って見せる時などに利用されるインフォグラフィック。今ではいろいろなシーンで活用されていますが、いざ1から作るとなるとなかなか大変なもの。今回はそんな時に活用したいフリー素材セット「25 Must-Have Free Infographic Sets」を紹介したいと思います。

infog3
Successful business infographic Vector | Free Download

フラットテイストから、立体感のあるリアルなテイストまで、さまざまなデザイン性のインフォグラフィック素材がまとめられています。

詳しくは以下

(続きを読む…)

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

インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」

難しく固い内容を、ビジュアル化し分かりやすく表現することができるインフォグラフィック。さまざまなwebサイトでよく利用されていますが、実際に制作しようと思うとなかなか大変なもの。そんな時に利用したい、インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」を今回は紹介したいと思います。

infor1

ベクター素材を多数紹介しているサイト「Vector Open Stock」にて公開されている、さまざまなテーマのインフォグラフィック素材がまとめられたベクターセットとなっています。

詳しくは以下

(続きを読む…)

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

デザイン性の高い フリーベクターインフォグラフィックまとめ「20 Free Infographic Vector Element Kits」

難しい数値やグラフなどの表現をグラフィックで表現するのに利用されるインフォグラフィックは、ベースから作るのはなかなか大変なもの。今回はそんな時に是非参考に、または利用したいフリーベクターインフォグラフィック「20 Free Infographic Vector Element Kits」を紹介したいと思います。

infog3
Infographics Retro Style elements Grapihc Vector – Free Vector Art

デザイン性の高いさまざまな種類のインフォグラフィックがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2017年04月21日

スマホ含むUXデザイン向けのフリーワイヤーフレームテンプレート50「50 Free Wireframe Templates for Mobile, Web and UX Design」

ワイヤーフレームの作成は、プロジェクトを進行する上で非常に重要な役割をもち、全体の構造把握のために必要な過程。そんなシーンで活用したい、フリーで配布されているものを豊富にまとめている「50 Free Wireframe Templates for Mobile, Web and UX Design」を今回は紹介いたします。 

wire00
Freebie – Iphone templates for mobile storyboard by Jean-Baptiste Eudeline – Dribbble

便利に活用できそうな、さまざまなテイスト、種類のワイヤーフレームが揃っています。気になったものをいくつかピックアップしてご紹介しているので、ご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebDesign   
2008年02月02日

Firefoxのタブツールバーにスクロールバーを表示する拡張機能「Tab Overflow Scrollbar」

Firefoxではタブでページを表示することが可能ですが、多くなってくると、ページ送りされてしまいスクロールは小さなボタンで行わないといけないため非常に使い勝手が悪いです。このインターフェイスの悪さを解決してくれるのが、今回紹介するFirefoxアドオン「Tab Overflow Scrollbar」です。

firefoxscroll.jpg

上記の問題を回避するには様々な方法があるとはおもいますが、今回紹介する拡張機能ではタブツールバーにスクロールバーを表示させることで解決しています。ほんの少しのことですが、タブを大量に開いて閲覧する人には非常に便利な拡張機能だと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:12  |  
Category: firefox , Tool   
tag: 
2014年07月07日

グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」

Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは?今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。

tuto140707_1
Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts

グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2019年01月01日

2019年 新年あけましておめでとうございます。-DesignWorks/DesignDevelop

jordan-stewart-138216-unsplash

2019年 新年あけましておめでとうございます。

2018年は2017年よりもさらに多くの変化があり、ライフワークとして続けてきたブログも滞る状況が何度もありました。一時は更新をやめるべきでは無いかと思う時期もありましたが、このブログへアウトプットすることが自分自身への成長へとつながっていたということが何度もありましたので、なんとかできる範囲で更新を続けることができました。

情報ソースがFacebookやTwitterなど様々なメディアで取得できることから、DesignWorks/DesignDevelopの存在意義みたいなものも、そろそろ考えていかないといけないと考えています。従来型の運営形式が世の中の価値となっているのかは一度じっくり考え、DesignWorks/DesignDevelopを見ていただいている方が少しでも、創作活動のお手伝いになればと思っています。

2019年も同様に、最新の情報を皆さまにお届けできるよう努めていきたいと思いますので、ぜひ今後もご覧頂けますと嬉しく思います。

今年もDesignWorks/DesignDevelopをどうぞよろしくお願いいたします。

DesignWorks デザインワークス
DesignDevelop デザインディベロップ

続きを読む
posted 08:00  |  
Category: Other   
2012年11月06日

表現力豊かなBluetoothアイコンまとめ「A Collection of Attractive Bluetooth Icon」

運転中の通話はもちろん、電話を手に持たずに話すことのできるBluetooth機能は、忙しい現代のビジネスマンにとって必要不可欠となっており、Bluetoothを利用したさまざまなサービスも展開されています。そんな中今回紹介するのが、表現力豊かなBluetoothアイコンをまとめた「A Collection of Attractive Bluetooth Icon」です。


Bluetooth Icon – Orb Icons – Free Icons – SoftIcons.com

シンプルなアイコンはもちろん、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:22  |  
Category: Design   
2011年04月12日

ダークで抽象的な模様のテクスチャまとめ「45 Awesome Abstract Textures」

暗めの配色を利用したデザインは、テクスチャの付け方や構成に悩むということも多いかもしれません。今回紹介するのは、ダークなイメージ制作に役立つテクスチャまとめ「45 Awesome Abstract Textures」です。


city stars bokeh texture by =DyingBeautyStock on deviantART

ダークな中に可愛さを表現したデザインから、とことん恐ろしい雰囲気にこだわったものまで、さまざまなテクスチャ素材が45種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:04  |  
Category: Design   
2014年12月17日

多くのデザインシーンで活躍してくれるフリーフォントまとめ「20 Awesome Free Icon Fonts to Use in Your Designs」

デザインをする際に使用する素材の中でも、特に活躍の場が多いアイコン。種類豊富に持っていると、非常に便利なもの。そんな中今回紹介するのは、多くのデザインシーンで活躍してくれるフリーフォントまとめ「20 Awesome Free Icon Fonts to Use in Your Designs」です。

iconfont1217_3
Dribbble – Icons V.3 – Free Download by Hüseyin Yilmaz

いろいろなテーマのアイコンセットが20種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:44  |  
Category: Design   
2015年03月10日

デザイン背景などに利用できる パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」

背景素材として活躍してくれるパターン。すでに完成されているものはもちろん便利ですが、時には自分で作ったものを使用したい時もあるのではないでしょうか?今回はそんな時に参考にしたい、パターンチュートリアル11種「11 Pattern Tutorials For Your Next Designs」を紹介したいと思います。

pattern0
How to Create a Bright Geometric Circle Pattern in Adobe Illustrator – Tuts+ Design & Illustration Tutorial

11種類のパターンを作成できる手法が、分かりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

思い通りの写真補正ができる Photoshopアクションとチュートリアルのまとめ「20 Free Effective Photoshop Action Tutorials and Resources」

Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。

action_0
actions 1 by ~allthebesthere on deviantART

ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2013年10月26日

HTML5とCSS3を使った高品質なWebテンプレート「50 High Quality Free HTML5 And CSS3 Web Templates」

HTMLやCSSの発展とともにWebサイトの表現の幅も広がってきていて、以前よりもクリエイティブなWebサイトが短時間で制作できるようになりました。今回はそんなHTML・CSSを用いたWebテンプレートを集めたエントリー「50 High Quality Free HTML5 And CSS3 Web Templates」を紹介したいと思います。

50hqfhacwt_0
PhotoArtWork

どれも高品質なWebテンプレート。WEBサイトが制作できる方であれば大幅に時間を短縮してWebサイトを制作することができます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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