おためし受講中

ワイヤーフレーム・デザインカンプ入門 -制作実演-

WEB制作で仕事をしたい人に向けた、ワイヤーフレームとデザインカンプ入門の授業です。ワイヤーフレームはサイトの設計図、デザインカンプは完成イメージに相当するものであり、クライアントやチームと制作をする際に無くてはならない知識です。制作方法はもちろん、その活用方法を、現場のデザイナーを交えながら学びます。

4限目の今回は、架空の案件を題材にして、クライアントにワイヤーフレームとデザインカンプを用いた提案をしてみましょう。

今回の授業で学べること
・ワイヤーフレーム・デザインカンプの制作方法
・ワイヤーフレームやデザインカンプを用いた提案のポイント

学生代表

  • 江川 みどり

    江川 みどり

    スクー放送部

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    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 ~ )
    【後半】質疑応答
    Q:各フェーズ毎に確認書などをかわすことはしないのですか?
    00:36  (40:55 ~ )
    Q:今回の架空案件はどのくらいの期間で製作できますか?
    01:01  (41:31 ~ )
    Q:スマホ用はjquery mobileで作成ですか?
    00:35  (42:32 ~ )
    Q:レスポンシブデザインでコーディングするときメディアクエリ使いますか?js使いますか?
    00:40  (43:07 ~ )
    Q:今回のワイヤーフレームのフォントは、何か工夫されていますか?
    00:58  (43:47 ~ )
    Q:やはり、デザインもコーディングもできると良いですか?それとも分業の方がやりやすいですか?
    01:03  (44:45 ~ )
    Q:お客さんからの修正や注文が多い、なかなか決まらないなど、予算や納期の都合で困る時が多々あります。 提案力やディレクターの取り仕切りの問題かと思いますが、どのような対応をしているのか、是非教えてください。
    00:58  (45:48 ~ )
    Q:フレームワークやツールなどをどのような基準で選ばれていますか?
    01:01  (46:46 ~ )
    Q:実際作る時は、PCファーストですか?モバイルファーストですか?
    00:44  (47:47 ~ )
    Q:先生は一人でコーディングされるとの事ですが、どうしても一人では無理となった場合はどういう対応をされますか?
    00:47  (48:31 ~ )
    Q:WEB制作での修正は何回まで可能にしていますか?
    01:04  (49:18 ~ )
    Q:一人でコーディングしていて、バグの原因が見つからない時、どうされていますか?
    01:02  (50:22 ~ )
    Q:クライアントが原稿を書き下ろしされる事になっていて、半年~1年くらい、なかなかコンテンツが出揃ってこない場合、どのように対応したら良いでしょうか。
    01:39  (51:24 ~ )
    Q:小規模事業者が、Webサイト製作を受注するためのコツを教えてください。
    01:40  (53:03 ~ )
    Q:今回の架空案件の予算計算方法を教えて下さい
    01:17  (54:43 ~ )
    Q:新しい技術が出た時は、色々試した上で実践投入ですか?
    01:11  (56:00 ~ )
    Q:WEBサイトを作って納品した後の更新や、メンテナンスは、どのようにしていますか?
      (57:11 ~ )