学習ポイント

  • WebデザインやPhotoshopの書籍ばかり買ってしまう
  • 本を読んでも何から始めればいいかわからない
  • 自分のPhotoshopの操作に自信がない
  • このエントリーをはてなブックマークに追加

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

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

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

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

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

参考サイト/予習教材

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

コース内容(全3回)