ワイヤーフレーム・デザインカンプ入門 概要と役割

オンライン動画学習サイトのschoo（スクー）にて視聴した動画の

動画の中で重要だなと思った部分や学習した事の自分メモです

今回の動画は、こちら↓

全部で４限ある授業の１限目ワイヤーフレーム・デザインカンプ入門 -概要と役割- 岡本 紳吾 先生 - 無料動画学習｜schoo（スクー）

ワイヤーフレーム・デザインカンプ入門

• 1限目 ワイヤーフレーム・デザインカンプ入門 -概要と役割-
• 2限目 ワイヤーフレーム・デザインカンプ入門 -ワイヤーフレームの作り方-
• 3限目 ワイヤーフレーム・デザインカンプ入門 -デザインカンプの作り方-
• 4限目 ワイヤーフレーム・デザインカンプ入門 -制作実演-

ワイヤーフレームはデザインの入り口

• ワイヤーフレームは設計図
• ワイヤーフレームは備忘録

ワイヤーフレームを出先などでもささっと描けるアプリの情報

• ipad、iphoneアプリ「Comp CC」

ワイヤーフレームを作れる

ipad、iphoneアプリ「Comp CC」というアプリが

Adobe社からリリースされているそうです！

直感的にワイヤーフレームを作成できるアプリで

作ったワイヤーフレームは

PhotoshopやIllustrator、InDesignなどと連携可能なので

移動中や散歩中などでも思いついた時にワイヤーフレームを

作り、会社や自宅に戻ったらすぐにwebサイトの制作を開始できますね！

デザインカンプの利用シーン

• webサイトに不慣れなクライアントでも理解しやすい

制作の現場は、さらにスピーディーに

• PhotoshopのExtract（エクストラクト）（抽出）機能

昔は、スライスという機能を使っていたが

今は、Extractという機能がある 

Photoshopで描いたレイヤーなりを描き出すことができる

iPhoneのアプリで手描きする

• ワイヤーフレームを手描きしそれをスマホで撮って取り込み「ここが写真」などと指定できる

リンクはこちら↓

prottapp.com

質疑応答

【質問】

どんなツールでワイヤーフレームを作っていますか？

• 青山先生・・・パワーポイント
• 岡山先生・・・色々なツール

青山先生は、企業様相手が多いのでクライアント側の環境に合わせる意味でも

オフィスのパワーポイントで作っているそうです

岡山先生は、ツールなどが好きなので色々なツールで作ったりしていて青山先生にファイルを渡そうと思っても開けない時があるので、そんな時はPDFで渡しているそうです。