Webデザインの色の仕組みと扱い方|生明塾

Webデザインの色に関する知識とコツを、現役デザイナー兼スクール講師が徹底解説。わかりやすく・楽しく・役に立つ、座学講座。

learn

こんなことを学びます

Webデザインの初心者にとって、色の設定や取り扱いは決して簡単なものではありません。
CSSでの色の指定方法だけでも、カラーネーム、16進数、%指定、そしてRGB値など数種あり、どれをどのように使うべきか知っていなければなりません。

そもそも、RGBとはどういうもので、印刷で用いられるCMYKとは何が異なるのでしょうか?
目の前の16進数が何色なのか、数値を見ただけで判断できますか?
そもそも、色の三属性と、そのデザイン的応用方法を理解していますか?

当講座では、Webデザインにおける色の技術的基礎知識とその実践的応用方法、そしてグラフィックデザインの配色技法や利便性の高い「コツ」を解説します。

Webデザインの初心者や入門者、Webデザインに関わるDTPデザイナーやグラフィックデザイナー、そして、16進数の扱いに強くなりたいエンジニアやディレクターの方々などにお勧めの講座です。


■ 当講座で学べること
○ 色の三属性とカラーモードの基礎解説
○ DTP(CMYK)からWeb(RGB)への感覚的移行
○ 色空間とカラープロファイル
○ 16進数やRGBなどの扱い方・考え方と「脳内カラースライダー」
○ 「トーン」の性質と扱い方
○ 色彩効果と色彩心理、色のコンセプトとトーン&マナー
○ すぐに役立つ戦略的カラーリング(配色技法)


■ 当講座で得られること
○ Webデザインで必要な、デジタルコンテンツの色の基礎知識
○ 正確で間違いのない、色データの取り扱い
○ 16進数からダイレクトに色を連想できる能力
○ スピーディーでセンスの良い、カラーリング作業能力
※ 各種受講証明書への署名・発行に対応します。


■ 当講座の特徴
○ わかりやすく、やさしく丁寧に解説します。
○ 講義後に、質疑応答の時間を設けます。


■ 会場へのアクセス

[デジタルハリウッド 東京本校]
○ JR「御茶ノ水駅」聖橋口より徒歩1分
○ 東京メトロ千代田線「新御茶ノ水駅」B2出口直結
○ 丸ノ内線「御茶ノ水駅」より徒歩4分
所在地:〒101-0062 東京都千代田区神田駿河台4-6 御茶ノ水ソラシティ アカデミア 4F
会場:デジタルハリウッド 東京本校 W15教室
   ※ 御茶ノ水ソラシティ アカデミア用のエレベーターをご利用ください。
デジタルハリウッド 東京本校 Webサイト:http://school.dhw.co.jp/school/tokyo/index.html
デジタルハリウッド 東京本校の校舎内(一部)を体験:https://goo.gl/maps/MPs3tdNStG82

[デジタルハリウッド STUDIO渋谷]
○ 渋谷駅 ハチ公から「109」を右へ。東急本店へ進み2つ目の信号の先、左側SMBC信託銀行上
所在地:〒150-0043 渋谷区道玄坂2-25-12 道玄坂カブトビル4F
Webサイト:http://school.dhw.co.jp/school/shibuya/index.html


■ 持参いただくもの
○ メモを取るための筆記用具やデバイスなど。
○ コンピューターやデジタルガジェットの持ち込みは自由です。
 ※ 会場の電源をご利用いただけます。
○ お名刺があれば、ぜひ、交換をさせてください。


■ 主催
AZM Design
72人が受けたい追加しています

開催予定の日程一覧

  • 開催予定

    開催予定エリア:秋葉原・御茶ノ水

    受講料:¥ 3,800

過去に開催した日程一覧

生明 義秀 さんの他の講座

teacher

この講座の先生

生明 義秀

グラフィックデザインとwebデザインの現役プロ講師

東京で活動するアートディレクター,グラフィックデザイナー,webクリエーター,クリエイティブコンサルタント,講師。

ブランディングやSP広告などのグラフィックデザイン、webサイト、UI/UX、動画、eラーニングなど多数のクリエーションを手掛ける。
広告戦略や制... もっと見る >>

detail

講座詳細

  • 当日の流れとタイムスケジュール

    ■ 所要時間
    約1.5〜2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ
    1. 講座概要説明(約5分)
    2. 解説(約35〜50分)
    3. 休憩(約5分)
    4. 解説(約35〜50分)
    5. 質疑応答(約10分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
  • こんな方を対象としています

    □ Webデザインの色について、知識が漠然としている方
    □ Webデザインのカラーリングに、時間がかかっている方・自信がない方
    □ DTPとWebの、それぞれの色の概念や扱いの違いを知りたい方
  • 受講料の説明

    参加費に、場所代は含まれています。
    参加費の他に、一切費用はかかりません。
  • 受講する際は以下をお読み下さい

    □ お名刺があれば、ぜひ、交換をさせてください。
    □ 筆記用具などは、ご持参ください。
    □ 筆記用具だけで受講は可能ですが、コンピュータのご持参・使用も自由です。
    □ 会場内の電源をご利用いただけます。
    □ 講義中の録音などは、ご遠慮ください。

review

レビュー

  • 女性

    この講座は「また受講したいと思えるような講座」でした

    全くの初心者でこの先生の講義を聞くのも初めてでしたが、説明がすごく丁寧でわかりやすかったです。
    受講するまでは少し興味ある程度だったのが、受講後はすごく興味が持つまでになっていて自分で今色々勉強しているところです。
    また機会がありましたら是非また受けたいと思っております。

  • 女性 30代

    この講座は「色の扱い方を再認識できる講座」でした

    三原色や色相環やwebで使用するカラーコードなど色の基本的な扱いや理論を学べる授業でした。
    生明先生の特有の業務に行かせる講座でした。

  • 女性 40代

    この講座は「色の基本を再認識できる講座」でした

    色の基本をしっかりおさらいできました。
    すっかり忘れていた三原色、色相環も再認識でした。
    業務に活かせる考え方などが多く、楽しく受講できました。

  • 女性 30代

    この講座は「色の理論が学べる」でした

    カラーピッカーで適当に触って実際の色を見ながら作るのと、RGBの値で色のイメージが頭に湧きながら数字を入力して色を作るのは、圧倒的に後者のほうが効率が良い。この先生の授業は3回目。いつも通りのキレのある。

  • 女性 40代

    この講座は「とても勉強になりました!」でした

    DTP歴が長くてRGBがとても苦手だったのですが、とても勉強になる講座でwebカラーにも積極的に自分のセンスを活かせていけそうです!webデザイナーの方はもちろん、DTPデザイナーの方にもオススメの講座です!

  • 女性 30代

    この講座は「基礎の基礎を短時間でわかりやすく教えてもらえる」でした

    朝の時間で仕事前に参加しました。わかりやすい内容で楽しく勉強できたのでその後の仕事にも身が入りました。

  • 女性 30代

    この講座は「基本的な配色のポイントがあっというまに理解できる講座」でした

    とてもわかりやすく実践的な内容でコスパも高くて受けて良かったです。

  • 女性

    この講座は「目からうろこが落ちるような講座」でした

    実作に活かせそうな講座でした。かなり勉強になりました。

  • 女性

    この講座は「色をきちんと理解する講座。」でした

    色の三属性やCMYKとRGBの違いなど基本的なことから、Webへの応用まで学べる講座でした。デザインの勉強をしたことが無い人にはとても良い内容だと思います。

  • 女性 40代

    この講座は「WEBでの色の選び方が学べる講座」でした

    色の数値をハンドリングするにはこんなルールがあるんだとビックリさせられました。これからの色選び作業に具体的に役にたつ講座でした。