おためし受講中

Webデザインの基礎と実習

この授業は実際に手を動かしながら、つまりPhotoshopを起動して、受講者の皆様にも実際に制作をして頂くタイプの授業となります(実習は2週目、3週目のみ)。

Webデザインに興味はあるけどやったことはないという方はもちろん、実際の作業を見ることで、既にWebデザイナーとして活躍されている方も新しい発見があるかもしれません。

授業は全3回で構成します。

1週目はWebデザインの基礎知識についてお話しします。2週目は、WebデザインのためのPhotoshopの環境設定と基本操作、Webボタンの制作となり、3週目は広告バナーの制作方法についてお話しします。

PhotoshopによるWebデザインの基本操作は、バナー制作やWebページのデザインカンプ制作はもちろん、iPhoneアプリのデザインなどさまざまな分野で役に立つと思います。ぜひこの機会に身につけておきましょう!

参考サイト/予習教材

学生代表

  • 未定

    未定

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    01:14  (00:17 ~ )
    レイアウトの4原則
    09:46  (01:31 ~ )
    今日のテーマ スケッチしよう
    03:46  (11:17 ~ )
    おさえておきたい色彩・配色の基礎
    00:07  (15:03 ~ )
    無彩色と有彩色
    01:00  (15:10 ~ )
    色相
    00:25  (16:10 ~ )
    彩度
    00:43  (16:35 ~ )
    明度
    00:22  (17:18 ~ )
    HSB色空間とRGB色空間
    01:46  (17:40 ~ )
    16進数によるRGB色空間の表記
    03:36  (19:26 ~ )
    どうすれば失敗なく色を選ぶことができるのか
    02:44  (23:02 ~ )
    HSB色空間から色を選ぶ
    01:01  (25:46 ~ )
    トーンを統一する
    01:53  (26:47 ~ )
    トーンの統一例
    01:04  (28:40 ~ )
    異なるトーンの色を選ぶ場合
    01:26  (29:44 ~ )
    HUE/360の使いかた
    03:55  (31:10 ~ )
    ハレーションとは、またそれを防ぐには
    03:25  (35:05 ~ )
    Adobeのアプリケーションの役割を覚えましょう
    00:09  (38:30 ~ )
    Photoshopの特徴
    01:11  (38:39 ~ )
    Illustratorの特徴
    02:20  (39:50 ~ )
    Fireworksの特徴
    01:05  (42:10 ~ )
    Dreamweaverの特徴
    00:47  (43:15 ~ )
    講座の今後の方針と予定
    03:49  (44:02 ~ )
    【後半】質疑応答
    Q:トーン=明度と彩度の組み合わせですか?
    00:22  (49:06 ~ )
    Q:フォトショ、イラレ、FWでweb制作する上でのメリット、デメリットが知りたいです
    00:57  (49:28 ~ )
    Q:自分をずっと持っている大きな夢を実現するために何が一番重要でしょうか。
    05:17  (50:25 ~ )
    Q:センスにかなり出来栄えが左右されると思います。センスの磨き方は?
    01:07  (55:42 ~ )
    Q:最近見つけた「このサイトいいな」と思ったサイトと、理由を教えて下さい
    02:00  (56:49 ~ )
    Q:「手書きでスケッチ」とのことですが、どの程度までスケッチするのでしょうか?
    00:59  (58:49 ~ )
    Q:webサイトを新規デザインするにあたって、まず何を第一に考えてデザインを決めているか教えて下さい
    01:01  (59:48 ~ )
    Q:Photoshopは購入するものと、月額利用料を払って使用するものがありますが、今後webデザインを主な目的として使用するとしたら、どちらがおススメですか?
    04:05  (1:00:49 ~ )
    Q:企業のサイトカラーをカラーピッカーで採取すると、全く同じトーンでなかったりすると思いますが、プロによる配色は最終的には感覚ですか?
    01:57  (1:04:54 ~ )
    Q:ギャラリーで良いと思ったサイトをPhotshopで模写するよりも、「t手書きでスケッチ」のほうがデザインの勉強には有効なのですか?
    01:39  (1:06:51 ~ )
    Q:デザイン設計の段階でSEO対策も同時に設計したりするのでしょうか?
    01:14  (1:08:30 ~ )
    Q:webページをデザインする際に高画質が必要となってきていますが、Photshopでデザインする時のキャンバスサイズはいくつにしていますか?
    03:11  (1:09:44 ~ )
    Q:web制作をする上でjavascriptの知識は必須ですか?
    04:47  (1:12:55 ~ )
    Q:新しくサイトを作る場合、HTML&CSSとWordPressどっちが良いのでしょうか?
    02:45  (1:17:42 ~ )
    Q:色々なデバイスが増えていますが、レスポンシブのウェブデザインの場合、デザイン段階からどんな点を留意して考えればいいですか?
    03:08  (1:20:27 ~ )
    Q:サイトデザインを検討する上で、構成と配色、またはほかの、いずれかを優先した方が効率がいいですか?
    02:10  (1:23:35 ~ )
    Q:schooのwebページのデザインの評価はどれくらいなのでしょうか?
    01:21  (1:25:45 ~ )
    Q:見やすさや操作のしやすさを心がけるときに、どんなことを心がけますか?
    03:08  (1:27:06 ~ )
    課題発表
      (1:30:14 ~ )