おためし受講中

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

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

1限目の今回は、ワイヤーフレームやデザインカンプがなぜ必要なのか、どんなシーンで使われるのかについて学びます。

今回の授業で学べること
・ワイヤーフレームはどういうものか
・ワイヤーフレームを利用することで内外とのコミュニケーションをシンプルにできる
・ワイヤーフレームを必要とする人、しない人
・デザインカンプとはどういうものか
・伝わりにくいデザインこそ、カンプが重要
・デザインカンプを必要とする人、しない人

学生代表

  • 青島 莉子

    青島 莉子

    スクー放送部

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    02:55  (00:14 ~ )
    ワイヤーフレームはデザインの入り口
    02:22  (03:09 ~ )
    ワイヤーフレームとは?
    02:17  (05:31 ~ )
    ワイヤーフレームは設計図
    03:07  (07:48 ~ )
    ワイヤーフレームは備忘録
    11:55  (10:55 ~ )
    コミュニケーションツールとしてデザインカンプを使おう
    05:43  (22:50 ~ )
    カンプがないととにかく不安
    08:48  (28:33 ~ )
    ワイヤーフレームとデザインカンプの利用シーンを考える
    09:31  (37:21 ~ )
    今回のまとめ
    01:17  (46:52 ~ )
    【後半】質疑応答
    Q:ワイヤーフレームで一番気にしなければいけないところは何でしょうか?
    00:49  (48:28 ~ )
    Q:デザインカンプとワイヤーフレーム、どちらを先に勉強した方が良いでしょうか?
    01:41  (49:17 ~ )
    Q:カンプを飛ばしてモックアップという過程でも大丈夫でしょうか?
    00:52  (50:58 ~ )
    Q:カンプでも動かないとどう動かないとわからないと言われたらどうしますか?
    01:28  (51:50 ~ )
    Q:ワイヤーフレーム作成段階でpxを計算して自分は作れと習いましたが、イラレ、フォトショ、どちらで作るのがいいですか?
    01:25  (53:18 ~ )
    Q:デザインカンプなどはイラレ、フォトショ、どちらで作ってますか?
    01:55  (54:43 ~ )
    Q:Sketchはどうなんでしょうか?
      (56:38 ~ )