- 全4回
- 2015年9月24日公開
WEB制作で仕事をしたい人に向けた、ワイヤーフレームとデザインカンプ入門の授業です。ワイヤーフレームはサイトの設計図、デザインカンプは完成イメージに相当するものであり、クライアントやチームと制作をする際に無くてはならない知識です。制作方法はもちろん、その活用方法を、現場のデザイナーを交えながら学びます。
4限目の今回は、架空の案件を題材にして、クライアントにワイヤーフレームとデザインカンプを用いた提案をしてみましょう。
今回の授業で学べること
・ワイヤーフレーム・デザインカンプの制作方法
・ワイヤーフレームやデザインカンプを用いた提案のポイント
ワイヤーフレーム・デザインカンプ入門（全4回）
学生代表
-
江川 みどり
スクー放送部
-
残り枚数：- 枚
- ノートを確認する
- 【前半】授業
-
自己紹介＆アジェンダ03:49 (00:14 ~ )
-
実際の案件で起こりがちなことを考える11:59 (04:03 ~ )
-
hatte Inc.の作業フローはどうなっているのか06:11 (16:02 ~ )
-
架空案件を例にもう少し突っ込んでみる04:10 (22:13 ~ )
-
ワイヤーフレームにして確認してみる03:20 (26:23 ~ )
-
ワイヤーフレームは想定されるタイプのレイアウトすべての分を作っておく06:01 (29:43 ~ )
-
スマホ用のワイヤーフレーム03:02 (35:44 ~ )
-
まとめ01:44 (38:46 ~ )
- 【後半】質疑応答
-
Ｑ：各フェーズ毎に確認書などをかわすことはしないのですか？00:36 (40:55 ~ )
-
Ｑ：今回の架空案件はどのくらいの期間で製作できますか？01:01 (41:31 ~ )
-
Ｑ：スマホ用はjquery mobileで作成ですか？00:35 (42:32 ~ )
-
Ｑ：レスポンシブデザインでコーディングするときメディアクエリ使いますか？js使いますか？00:40 (43:07 ~ )
-
Ｑ：今回のワイヤーフレームのフォントは、何か工夫されていますか？00:58 (43:47 ~ )
-
Ｑ：やはり、デザインもコーディングもできると良いですか？それとも分業の方がやりやすいですか？01:03 (44:45 ~ )
-
Ｑ：お客さんからの修正や注文が多い、なかなか決まらないなど、予算や納期の都合で困る時が多々あります。 提案力やディレクターの取り仕切りの問題かと思いますが、どのような対応をしているのか、是非教えてください。00:58 (45:48 ~ )
-
Ｑ：フレームワークやツールなどをどのような基準で選ばれていますか？01:01 (46:46 ~ )
-
Ｑ：実際作る時は、PCファーストですか？モバイルファーストですか？00:44 (47:47 ~ )
-
Ｑ：先生は一人でコーディングされるとの事ですが、どうしても一人では無理となった場合はどういう対応をされますか？00:47 (48:31 ~ )
-
Ｑ：WEB制作での修正は何回まで可能にしていますか？01:04 (49:18 ~ )
-
Ｑ：一人でコーディングしていて、バグの原因が見つからない時、どうされていますか？01:02 (50:22 ~ )
-
Ｑ：クライアントが原稿を書き下ろしされる事になっていて、半年～１年くらい、なかなかコンテンツが出揃ってこない場合、どのように対応したら良いでしょうか。01:39 (51:24 ~ )
-
Ｑ：小規模事業者が、Webサイト製作を受注するためのコツを教えてください。01:40 (53:03 ~ )
-
Ｑ：今回の架空案件の予算計算方法を教えて下さい01:17 (54:43 ~ )
-
Ｑ：新しい技術が出た時は、色々試した上で実践投入ですか？01:11 (56:00 ~ )
-
Ｑ：WEBサイトを作って納品した後の更新や、メンテナンスは、どのようにしていますか？(57:11 ~ )