シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
注目記事ピックアップ
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
share0
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
share0
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2017/05/15 19:00

データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!

visme-01 どうも、まさとらん(@0310lan)です!

みなさんは、プレゼン用に「スライド資料」や「インフォグラフィック」などを作ることはあるでしょうか?

「興味があるので作ってみたい」…という人も含めて、ブラウザから超お手軽に制作できるオススメの無料Webサービスがあるのでご紹介しようと思います!

【 Visme 】
visme-02

基本的な使い方!

「Visme」の使い方は簡単で、まずはサイトにアクセスして中央のボタンをクリックしましょう。
visme-03 すると、ユーザー登録画面になるので、メルアドやパスワードを設定します。


次に、自分専用の「管理画面」が表示されるので、新規作成ボタンをクリック!
visme-04

プロジェクト名を設定したあとに、次のような「テンプレート画面」が表示されます!
visme-05 ここで、「スライド資料」「インフォグラフィック」「バナー」などのカテゴリを決めて、自分が作りたいテンプレートを選ぶだけで手軽に作業を進めることが出来るわけです。

テンプレートは、無料・有料いろいろありますが、ゼロから自分なりに作り直していくことも可能なので、自由度はかなり高いと思います。


「Visme」エディタの機能紹介!

ここからは、さらに詳しい機能を解説するため、実際に「Visme」を使いながらどのように制作していくのかをチェックしていきましょう!

今回は、とりあえず「インフォグラフィック」を選択し、好きなサンプルを1つクリックします。
visme-06

選択したテンプレートの「プレビュー」画面が表示されるので、問題なければ右上のボタンをクリック!
visme-07

すると、専用の「制作エディタ」が起動します!
visme-08

基本的な使い方としては実にシンプルで、左メニューから好きなオブジェクトをドラッグ&ドロップするだけです!
visme-09

メニューは多彩で、例えばオシャレな装飾が施されたテキスト素材であったり…
visme-10

数万点に及ぶフリーの画像素材を検索して利用できたり…
visme-11

ポップなアイコンなども豊富に用意されています!
visme-12

また、YouTubeやVimeoなどの動画リンクを貼り付けることも可能。
visme-13 貼り付ける際に、「自動再生」「途中再生」「ループ再生」などの設定もできるのは便利です。


挿入したら、動画のサイズなども編集可能です。
visme-14

動画だけでなく「埋め込みタグ」にも対応しているので、例えばGoogleマップのコードをコピペすると…
visme-15

こんな感じで、しっかりと挿入できているのが分かります。
visme-16

ちなみに、地図に関しては専用の「マップ制作エディタ」が搭載されています!
visme-17 世界地図はもちろんのこと、国別で地図を作成できるようになっており、データに基づいて色付けを自動で行ったりも可能です。


もっと細かいデータを可視化したければ、「グラフ制作エディタ」も便利です!
visme-18 スプレッドシートやエクセル・CSVなどからデータを読み込むことも可能で、一発で見やすいグラフに変換することが出来るようになっています。
(グラフのスタイルやデザインも設定可能)


変換できるグラフの種類も豊富なので、好みのデザインに合わせることも簡単でしょう。
visme-19 「Visme」は、このような便利ツールが満載なのが特徴で、大量のデータや数値などを見やすく可視化してデザインできるスグレモノと言えるでしょう。


他にもまだあるこんな機能!

「Visme」は、インフォグラフィックだけでなく、ビジネスシーンでよく使われるプレゼン用のスライド資料も簡単に作れるようになっています。
visme-20 使える機能はまったく同じで、可視化された分かりやすい資料作りが簡単に制作できるのが特徴でしょう。


また、スライド資料として即戦力の高い豊富なテンプレートも多く搭載されています。
visme-21

さらに、左メニューにあるオブジェクトには、あらかじめアニメーション機能が搭載されているものがあります。
visme-22

例えば、グラフを作るとこんな感じに表示されます!
visme-23
どんなグラフの種類でも、ポップなアニメーションが生成されるので視覚的にも楽しいです。


他にも、数値を可視化できるオブジェクトも動きを付けられます。
visme-24

さらに、テキストの文章もアニメーション表示可能です!
visme-25
これらを組み合わせると、Webらしいダイナミックなデザインを制作することが出来るようになるでしょう。


ちなみに、作成したプロジェクトは「Publish」ボタン一発でネット上に公開することが可能です!
visme-26 シェア用のURLが生成されるので、あとはメールやSNSなどで配布すれば友人・知人に見てもらうことが出来るので便利です!


「Visme」にご興味湧いた方は、以下の公式動画で概要を確認することができますよ!



チュートリアル動画もたくさん公開されています…)


まとめ

今回ご紹介した「Visme」を活用すれば、インフォグラフィックやスライド資料はもちろんのこと、Web用の「バナー広告」やサイトの設計などに使える「ワイヤーフレーム」やプロトタイプのデザインなどにも活かせるでしょう。

特に、「マップエディタ」「グラフエディタ」の使いやすさは抜群で、これだけでも「Visme」を使って資料を作る意味があると言っても過言ではありません。

少しでも気になった方は、ぜひ一度トライしてみてください!


<参考>
「Visme」公式サイト



written by まさとらん(@0310lan

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る