Cacooでサイト構成をデザイン

テーマに合わせて、
サイト構成(ワイヤーフレーム / サイトマップ)をデザインします。

【こんな感じに(イメージ)】
ワイヤーフレーム

サイトマップ

【手順】

  1. https://cacoo.com/」へアクセス(新規登録(無料) / ログインする)
  2. 「新しい図を作成」を押下 > サイト構成を作成する > 「保存」を押下

【詳細(使ったツール)】
ワイヤーフレーム
▽ボタン追加
→ステンシル枠 > ウェブ > ワイヤーフレーム > Button をドラックドロップ
▽画像追加
→ヘッダ枠 > 挿入する画像の種類を選択 > PC上の画像を挿入 > (画像ファイルを選択)
▽角丸四角追加
→ステンシル枠 > 基本 > 基本 > round square をドラックドロップ
▽グラデーションをつける
→インスペクタ枠 > ペイント > 塗り > 「有効」にチェックを入れる > スタイルを選択 > 色を2色選択
▽虫眼鏡
→ステンシル枠 > ソフトウェア > iPad > search をドラックドロップ > search を選択 > インスペクタ枠 > グループ > グループ解除 > 分解して使用する

サイトマップ
▽ページ追加
→ステンシル枠 > ウェブ > サイトマップ > page L(grep) をドラッグドロップ
facebook画像追加:
→ステンシル枠 > ウェブ > webサービス > Facebook をドラッグドロップ
▽接続直線を追加:
→ヘッダ枠 > 線の形状を選択 > 直線 - 自動 を選択 > 図と図をドラックして結ぶ

【リンク】
Cacooの利用可能な画像はこちら
http://news.mynavi.jp/articles/2009/11/10/cacoo/index.html