【色でデザインはもっと変わる！】現役Webデザイナー・マスべサチ先生による「配色の基礎＆コツ講座」を開催しました！

5月24日（日）、デジタルハリウッドSTUDIO広島にて「配色の基礎＆コツ講座」を開催しました。

講師は、現役WEBデザイナーとして活躍されているマスべサチ先生。

講座は、参加者みんなで楽しめる「配色クイズ」からスタート。
「この色の組み合わせ、どんな印象に見える？」という体験を通して、配色によってイメージが大きく変わることを学びました。

■ 今日のゴールは「色を見る目が変わる」こと

今回の講座のゴールは、「色を見る目が変わること」。

そして、実際にデザインするときに“思い出せる知識”として身につけることです。

■ 配色の基本を、実例を交えながらわかりやすく解説

講座では、

• 色と配色の違い
• 色そのものが持つ意味
• 同じ色でもニュアンスが変わること
• 色の組み合わせによる印象の違い
• 色の三属性（色相・明度・彩度）

など、配色の基本をわかりやすく解説いただきました。

さらに、作例を見ながら、

「なぜ見づらく感じるのか？」
「なぜまとまりがなく感じるのか？」

その理由や改善のコツも学びました。

NG例から学ぶことで、失敗しにくい配色のポイントも自然と理解できる内容でした。

■ マスべ先生流、“色の選び方”を実演形式で伝授

講座後半では、実際に色を作りながら、マスべ先生流の“色の選び方”も伝授。
便利ツールの紹介や、

• 文字色の作り方
• 背景色の作り方

など、今日から使える“配色の小技”も実演形式で紹介いただきました。

■ 最後はみんなでバナー制作に挑戦

そして最後は、参加者みんなで実際にバナー制作に挑戦！

同じテーマでも、選ぶ色によって印象がまったく変わり、

「かわいい」
「信頼感がある」
「ポップ」
「高級感がある」

など、それぞれ個性のあるデザインに仕上がりました。

参加者同士でも「こんなに変わるんだ！」という声があがっていました。

■ “なんとなく選ぶ色”から卒業するきっかけに

最後には、日常の中で配色感覚を磨く「配色のインプット術」も教えていただき、
“なんとなく選ぶ色”から、“意図を持って選ぶ色”へと視点が変わる講座となりました。

■ 参加者のみなさまの声

講座終了後のアンケートでは、嬉しいご感想をたくさんいただきました。

• 「今まで何となく決めていた色味を、しっかり選べそうです。色んなWebサイトを見る目が変わりそうです！」

• 「間違えない配色の仕方や、汎用性の高い小技などが聞けて大変参考になりました」

• 「配色の“分析ポイント”をわかりやすく教えていただき、とても勉強になりました」

• 「とてもわかりやすく楽しい会でした！色への興味がもっと湧く内容でした」

• 「Figmaの配色機能も知ることができ、今後に活かしていきたいです」

今回の講座では、“なんとなく色を選ぶ”から一歩進み、
「なぜこの配色なのか？」を考えながらデザインを見る視点を学ぶ時間となりました。