おためし受講中

Webデザインのための配色セオリー

デザインを考えるとき、「色」という要素を避けて通るわけには行きません。

色には、その色の持つ固有のイメージがあり、機能があり、さらにそれらを組み合わせることで見る人に大きな影響を与えます。

本授業では、このとらえどころの難しい「色」の正体を明らかにし、配色のセオリーの基本を90分で学んでいただきます。

配色は「センス」だと思われがちですが、あらかじめいくつかのセオリーを知っておくことで、誰でも機能的で印象の良い配色を行うことが可能になります。また、色を選ぶ上での指針となる制作の目的、ターゲット、表現したいイメージなどを最初に確認しておくことも、配色をスムーズに決める重要な要素だと言えるでしょう。

今回は「正確な色の表現」「色の働きと機能」「配色の実践」の3つのテーマで、それぞれ実例を交えながら授業を進めます。

特にWebデザインにおいては、色の機能性はアクセシビリティに直結する重要なファクターです。「なんとなく」ではなく、画面のすみずみまで計画された自信を持てる配色デザインを目指して授業に臨んでください。

Webデザインのための配色セオリー(全1回)

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

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    00:38  (00:17 ~ )
    配色のセオリーとは
    09:48  (00:55 ~ )
    正確な色の表現
    12:38  (10:43 ~ )
    色の働きと機能
    15:20  (23:21 ~ )
    調和のとれた配色とは
    13:42  (38:41 ~ )
    配色の手順におけるメリハリ
    08:44  (52:23 ~ )
    配色の実践
    13:43  (1:01:07 ~ )
    まとめ
    01:10  (1:14:50 ~ )
    【後半】質疑応答
    Q:配色に普遍的なイメージと、秀でたとされるイメージはなにがどう違うんですか?
    02:03  (1:16:50 ~ )
    Q:Rolandの配色に関して、少し解説いただきたいです
    03:11  (1:18:53 ~ )
    Q:配色に関して、Webと紙媒体で「ここが違う」というポイントはありますか?
    02:02  (1:22:04 ~ )
    Q:普遍的なイメージが多いと、同じモノ・デザインで溢れるかと思うのですが、その中で目立ったり秀でてくるものって何が違うのでしょうか?
    02:59  (1:24:06 ~ )
    Q:毎日コツコツとデザインを勉強するにあたり「こういうことを習慣付けるといい」というものはありますか?
    00:56  (1:27:05 ~ )
    Q:これからデザインを勉強するとしたら、いきなり「Webデザイン」ではなく、やはり「デザインのいろは」的な事から学んだ方が良いのでしょうか?
    01:21  (1:28:01 ~ )
    Q:配色を決める時に先生は、明度・色相・彩度どの切り口で統一感を持たせるパターンが多いですか?
    02:25  (1:29:22 ~ )
    課題発表
      (1:31:47 ~ )