Webデザインなどで使用している方はご存じかもしれません。
Webデザインのサイト設計や、ワイヤーフレーム制作によく使われます。
わたしは、Webデザインの場面だけでなく、ブログの記事の中で図で説明したりするときの図を作成するのにも使っています。
サイト設計やワイヤーフレーム制作について知りたい方はこちらの記事もあわせてどうぞ。
cacooとは？
冒頭でも軽くお話ししましたが、Webデザインのサイト設計や、ワイヤーフレーム制作をはじめ、図などの作成にも向いているツールです。
cacooはフローチャート、ワイヤフレーム、UML図、ネットワーク構成図などを作成して安全に共有するためのオンライン作図ツールです。
作成したツールはオンラインで保存されるので、ネット環境があればすぐ開け、さらに他のユーザーと共有できます。
ワイヤーフレーム制作にはillustratorなどを使われる方もいるかもしれませんが、cacooは無料で使えるツールです。特別何かダウンロードする必要はありません。
有料プランと無料プランがありますが無料プランでも全然使えます。
cacooの始め方
メールアドレスとパスワードを設定するだけです。もしGoogle、Facebook、Twitterなどのアカウントを持っている場合はそちらを利用することもできます。
新しい図を作る方法
①登録したメールアドレスとパスワードでログイン
「Keep me logged in」に☑を入れておくと、次回からわざわざメールアドレスとパスワードを入力しなくてもよいので、チェックを入れるのをオススメします。
②新しい図を作る
開くとこんな画面になります。
ツールバーの使い方
左側に並んでいるツールバーの解説をしていきます。
ツールバーは上から順に
- カーソルボタン
- 図形
- テキスト
- ライン
- フリーハンド
- テーブル
- テンプレート
- グラフ
- 挿入
- コメント
となっています。
カーソルマーク
ここを押すと、カーソルモードになります。
既に張り付けた図形や文字などをタッチしたり、図形挿入モードを解除する場合にはこちらを押します。
図形
図形を表示します。
図形にはいくつか種類があります。
基本系やフローチャートなどバリエーションが豊富です。
Webサイトのワイヤーフレーム制作にも使いやすいラインナップになっています。
テキスト
テキストを押すと文字が挿入できます。
ちなみに、図形の中に文字を入力する場合は、図形をダブルクリックしても入力できます。
これは四角の図形の中に文字入力しようとしています。
ライン
ラインは、直線や曲線を引くことが出来ます。
フリーハンド
フリーハンドは、直線でも曲線でもなく、自由に線を書きたいときに便利なツールです。
テーブル
テーブルは、表が作れるツールです。
テンプレート
これはcacooのすばらしい機能の１つです。
グラフ
グラフも何種類か用意されています。
試しに棒グラフを開いてみるとこんな感じです。
数値や、項目も自由に変えられるので便利な機能です。
挿入
挿入は、画像などを入れたい場合に使用できます。
挿入画像サイズは上限がある場合があるので画像サイズには注意です。
コメント
コメントは作成した図に対してコメントが出来ます。
この機能は、データを共有した際に、他者からアドバイスをもらう際などに便利です。
コメントに返信も出来ます。
共有、保存の方法
共有や保存方法を説明します。
共有
他の人と共有できる便利な機能です。右上の「共有」ボタンを押します。
そうすると下のような画面に移ります。
保存方法
Web上には自動的に保存されていますが、もしこれを画像などのデータとしてPC上に保存したい場合はこちらで行っていきます。
図のようなものを画像として保存するなら「PNG」で良いと思います。
まとめ
このようにcacooはとても使いやすい素晴らしいツールです。
サイト設計やワイヤーフレーム制作だけでなく、多岐の分野で使えるツールだと思います。ぜひみなさんも使ってみてください。
