2018年01月31日デザインマイページにお気に入りみなさんは、普段デザイナーさんや制作会社の方にデザインを依頼する際、どのようにしてデザインのイメージを伝えていますか?パワーポイントを使って、「こんな感じ!」という風に伝える方もいればエクセルで簡単に作ってしまう方もいらっしゃると思います。パワーポイントの図形だけでは、イメージを伝えるのは難しいのではないでしょうか。「一緒に画面を見ながらイメージを共有できればもっとスムーズにできるのに」と感じることもあるでしょう。このような課題を無料で解決する図形描画ツールのCacooについての紹介と簡単な使い方についてご紹介いたします。ちなみに、Ferret編集部も活用しています!Cacooで出来る事Cacooは、ホームページを作成するために必要なワイヤーフレームや図をWeb上で作ることができるツールです。そのため、プレゼンテーション用のツールであるパワーポイントと比べるとデザイン面に特化したツールと言えます。パワーポイントに近い操作で装飾ができ、イメージを伝えるうえで必要なステンシル(いわゆるスタンプ)が豊富にあります。編集しているシートを共有することができ、同時に編集機能やチャット機能があるので、遠隔でデザイナーさんとのやりとりにも非常に便利なツールです。※個人的にはステンシルの豊富さが気に入ってます簡単な編集方法それでは、以下で実際に編集する方法についてご紹介していきます。ログインが完了したら、新規作成ボタンを押して新たに編集するシートを作成します。テンプレート選択が出てくるので、目的に合わせてテンプレートを選択します。基本的に空白で良いです。ワイヤーフレームを作りたいという目的の場合は、ワイヤーフレームのテンプレートを選択して、そこから作り直してく方が早くなります。ちなみに、ワイヤーフレーム1を選択すると、既にここまで完成されたテンプレ―トが編集できます。ステンシルからドラッグ&ドロップ改めて空白でシートを作成して進めます。ステンシルを使って、イメージを作っていくことが中心となりますが、ステンシル自体も自由に編集できるため、自由度は高いです。ステンシルの種類がとても豊富です。ホームページの制作からオフィスレイアウトの図面作製まで、本当に様々な目的に使えそうなステンシルが無料で使えます。※これでも一部のステンシルのご紹介です。画面右側に表示されているステンシルの中から、目的のステンシルを選びドラッグ&ドロップで使用してみましょう。シートに移動したステンシルは、図形の中にテキストを入力したり色や形を変える事が出来ます。それを行うのがインスペクタの項目です。赤枠部分で文字装飾が可能です。色、フォントの種類、大きさ、配置などを調整する際に使います。赤枠部分でステンシルの装飾が可能です(グループ化されていないステンシル)。塗りやグラデーション、影などのエフェクトを付ける際に使います。赤枠部分でステンシルの線の装飾が可能です。線の太さ、色、線種を調整する際に使います。赤枠部分でステンシルなどのサイズや配置場所を細かく調整することが可能です。px単位で細かい調整する際やステンシルを等間隔で整列させる際に使います。リンク赤枠部分にて、Cacoo上でステンシルにリンクを設置することが可能です。活用方法としては、ボタンをクリックした際にどこにリンクするかの確認など、ホームページの制作関連で活用する項目です。赤枠部分ですが、あまり使わないため具体的な活用方法は分かりません。APIなどを使用する際に活用する項目かと思います。共有機能を使って、他の人を招待することで同じシートを同時に編集することやチャットでのやりとりができます。同時に編集する際に、相手がなにをしているかが分かるので、間違って同時に編集してしまうこともありません。遠隔でのやりとりで活用できる機能です。赤枠部分で、作ったシートを画像として保存が可能です。無料版はPNGで保存ができ、それ以外の拡張子の場合は回数制限で保存ができます。・PNG・SVG・PDF・PS・PPT・印刷(ベクター形式)ページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。詳しく見るレイアウトレイアウトとは、もともと「配置」や「配列」を指す語です。ここでは、「ホームページレイアウト(ウェブレイアウト)」と呼ばれる、ホームページにおけるレイアウトについて説明します。詳しく見るテキストテキストとは、純粋に文字のみで構成されるデータのことをいいます。太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。詳しく見るフォントフォントとは、同一の特徴を持った文字の形状を一揃いでデザインしたものです。詳しく見るリンクリンクとは、インターネット上では、あるページの中に記された、他のページの所在を表す情報のことを「ハイパーリンク」と呼び、これを略した言葉です。リンクのある場所をクリックすると、他のページにジャンプするようになっています。詳しく見るページ印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。翼Webサイト制作会社、SEOコンサルタント、ferret編集部を経て2016年9月に福島県にUターン。現在はフリーランスとして、メディアを運営しつつ企業のメディア運用支援やWeb制作事業などを行う。戦略設計無駄な努力とお別れ。