アイデアをどこでも形に！Dreamweaver＋Proto連携
～Adobe Creative Cloudの上手な活用法

Adobe Protoを使ったワイヤーフレームの作成（2）コンポーネントを使う

　ストロークジェスチャーを使うだけでなく、用意されたコンポーネントを使うこともできます。コンポーネントを使う場合には、タップしてドラッグするほか、タップのみでアイテムを挿入することも可能です。

	Text	テキスト
	Div	div要素
	Image	画像
	Video	ビデオ
	Field	フォームの部品
	Widget	ウィジェット

　Text、Field、Widgetにはサブツールが隠されています。Textには次のコンポーネントがあります。

	Text Heading	見出し
	Para Text	段落テキスト

　Fieldには次のコンポーネントがあります。

	Text Field	フォームのテキストフィールド
	Text Area	フォームのテキスト領域
	Button	フォームのボタン
	Dropdown	フォームのドロップダウンメニュー
	Radio Button	フォームのラジオボタン
	Check Box	フォームのチェックボックス

　Widgetには次のコンポーネントがあります。

	Breadcrumbs	パンくずリスト
	Navigation Bar	横並びのナビゲーションバー
	Verical Menu Bar	縦並びのナビゲーションバー
	Accordion Menu	アコーディオンメニュー（開閉式）
	Tab Bar	タブバー