【CeeBeeDee】デザインクイズチャレンジLIVE

アドビのサイトで公開されている「デザインクイズチャレンジ」のLIVE版として、著者による解説をライブ配信します。

参加登録された方には、本イベントのアーカイブ動画を提供します。

セッション概要と出演者プロフィール

• 本イベントは、20分のセッションを全16組で構成しています。
• 各セッションはそれぞれ独立した内容となっており、どこからご覧いただいても問題ありません。
• セッション内容や順番は予告なく変更することがあります。

アイコンこのアイコン、どっちが正解？違和感の正体を見つけよう！

デザイナーにとって最も身近で、クオリティを左右する大事な要素の一つが、「アイコン」です。本セミナーでは、アイコンを使用する上でよくある違和感の正体を2択のクイズで紐解きます。

「文字を入れるべき？」「見た目がそろわない」「配置がしっくりこない」といったよくある疑問を徹底解説！

アイコンの見方が変わり、デザインがもっと楽しくなる考え方をお届けします。

関連リンク

• このグラデーション、どっちが正解？グラデーションのセンスを磨いておこう
• このドロップシャドウ、どっちが正解？ドロップシャドウのセンスを磨いておこう
• Illustrator30.0で強化されたグラデーションの紹介

文字組名刺の文字組、プロと素人の差はどこ？

名刺はシンプルだからこそ、プロと素人の差がはっきり出ます。このセッションでは、名刺の文字組を題材に「どこが違うのか？」「なぜ伝わり方が変わるのか？」をクイズ形式でお伝えします。

前田高志が、ジャンプ率・グルーピング・余白などを中心に実例と実演でわかりやすく解説。「なんとなく整える」から卒業して、伝わる文字組の判断軸を持ち帰りたい方におすすめです。

関連リンク

• この名刺の文字組、どっちが正解？名刺デザインのセンスを磨いておこう
• デザインクイズチャレンジ「名刺の文字組、どっちが正解？」〜補足と、実践で使える文字組力の身につけ方〜

配色この色の選び方、どっちが正解？配色のセンスを磨いておこう

「理論通りに色を選んだはずなのに、なんだかしっくりこない」 「目立たせたはずなのに、イメージが違うと言われた」

配色の正解は、届ける相手や目的によって変わります。

今回は、3つの「デザインクイズチャレンジ」の作例を通して、コンセプトに基づいた色の選び方を解説します。

文脈の違いによって「良い配色」の評価がどう変わるのか。 「なぜ、あえてその色を選ぶのか」を説明できるようになるためのヒントを持ち帰っていただければと思います。

関連リンク

• このフォント選び、どっちが正解？フォントを上手に使うセンスを磨いておこう
• この矢印のデザイン、どっちが正解？図解における矢印選びのセンスを磨いておこう
• アドビさんのサイトで記事を書きました！裏話とSNSの反応
• デザイナーが教える！デザインが悪くなる「矢印のNG例3選」

装飾このデザインパーツ、どっちが正解？もっと伝わるデザイン演出を目指そう

単なる装飾だけで「伝わる」デザインを作ることはできません。

吹き出しなどの定番パーツを題材に、見た目だけではなく、意味に基づいたデザイン演出を一緒に考えてみましょう。

どんなシーンでどんな調整を加えるべきか、意図を正しく伝えるためのポイントを解説します。

「デザインクイズチャレンジ」の作例をもとに、Illustratorで再編集しやすいデザインパーツの作り方もご紹介します。

関連リンク

• この吹き出し、どっちが正解？デザイン演出のセンスを磨いておこう
• この余白、どっちが正解？レイアウトにおける余白のセンスを磨いておこう
• 【Illustrator】扱いやすい吹き出しを作ろう #デザインクイズチャレンジ

フォント欧文と和文のフォントを使い分けよう！

デザインを作るとき、欧文フォントと和文フォントの使い分けはしていますか？　

本セッションでは「デザインクイズチャレンジ」の作例を元に欧文と和文の組み合わせについてクイズを出題します。

フォントの使い分けに便利な機能「合成フォント」の使い方についてもご紹介。文字の扱いについて理解を深めたい方におすすめです。

関連リンク

• 欧文フォントの見せ方、どっちが正解？ フォント選びのセンスを磨こう
• 線の扱い、どっちが正解？ 罫線のセンスを磨いておこう
• 【Illustrator】フォローアップ：#デザインクイズチャレンジ〜　欧文フォントの見せ方、どっちが正解？ フォント選びのセンスを磨こう

約物『約物』間違えずに使えてる？ 2択クイズで違和感を見抜こう！

デザインの仕上がりを左右するのに見落とされがちなのが、句読点・括弧など「約物」と呼ばれるものです。

本セッションでは冒頭に『約物の歌』と名称ミニクイズで用語を整理し、続けて2択クイズで「なぜ違和感が出るのか」を解説します。

Illustratorでその場で直す操作デモ中心に、文章の品と読みやすさを短時間で底上げするコツを持ち帰れます。

関連リンク

• この約物の使い方、どっちが正解？約物の違和感に気付けるセンスを磨いておこう
• そのデザインの仕上げ、どっちが正解？「整列」や「ガイド」を使いこなすセンスを磨こう！
• 【歌あり】デザインクイズチャレンジのフォローアップ。約物の名称は歌で覚えよう！
• デザインクイズチャレンジの補足解説。「生成拡張」と「ガイド」使いこなしのヒント

文字詰めデザインの雰囲気を左右する！文字間と行間の基本を学ぼう

デザインに欠かせない要素である「文字」、デザインの雰囲気を決めるのはフォントだけではありません。文字間や行間によって雰囲気や読みやすさが大きく変わります。

• 文字詰めが大事だと聞いたことはあるけれど、やり方がわからない
• デザインツールの文字パネルは設定が多くて、どこをさわればいいのかわからない
• カーニングとトラッキングってどう違うの？メトリクスとオプティカルって？

など、文字のデザインの基本をIllustratorの文字パネルを使って解説します。

関連リンク

• この文字間や行間、どっちが正解？文字の余白のセンスを磨いておこう
• この書き出し、どれが正解？画像の特徴に合わせた書き出しを学ぼう
• 【Illustrator】文字間と行間記事フォローアップ #デザインクイズチャレンジ
• 【Illustrator】「書き出し」フォローアップ #デザインクイズチャレンジ

ロゴロゴデザインのクオリティに差が出る「パスの視覚調整」

人の目は錯覚をおこします。真っ直ぐのはずが曲がって見えたり、揃っているはずがズレて見えたり。ロゴをデザインする際、そういった錯視を理解した上でパスの僅かな調整をするだけで見た目のクオリティが格段に上がります。

最後の仕上げで、なぜかしっくりこない、美しく見えない、どうしても素人感が抜けないといった悩みを持つデザイナーのために、「デザインクイズチャレンジ」で紹介した3つの事例について、実演を交えながら解説いたします。

関連リンク

• 「このパスどっちが正解？ロゴ制作で必要になる造形センスを磨いておこう」

名刺名刺デザインの地雷回避！やりがちミスを卒業しよう

「名刺」は限られたサイズに情報を整理し、「一瞬で伝える力」が求められる大事なツールです。

そのため、フォントサイズ・線の太さ・写真の扱いなど、ひとつひとつの判断がデザイン全体の印象を大きく左右します。

本セッションでは、なぜその選択が伝わるのか／なぜ違和感が生まれるのかを解説します。

• フォントサイズの大きさ：情報の優先順位が一瞬で伝わる文字サイズの考え方
• 線の太さ：デザインの強弱をコントロールする線の選び方
• 写真素材の使い方：名刺でやりがちな写真の使い方のその落とし穴

名刺デザインに限らず、チラシやバナー、SNS画像など、あらゆるデザインに応用できる判断軸を持ち帰っていただけます。

関連リンク

• この名刺デザイン、どっちが正解？名刺作成のセンスを磨いておこう

組版脱・怪しい日本語！日本語文字組版の超基本と実践

レイアウトに文字を配置して書式設定を行う一連の作業を「文字組版」といいます。

文字組版には、言語として「守るべきルール」と、印刷物として「統一するべきルール」が存在します。

このセッションでは日本語の文字組版を行うために必須の項目について解説し、Illustratorで操作する方法を紹介します。

関連リンク

• この改行や行揃え、どっちが正解？文字組みのセンスを磨いておこう
• このカラー値、どっちが正解？印刷におけるCMYKの「黒（ブラック）」のセンスを磨こう
• 【Illustrator】文字組み記事のフォローアップ #デザインクイズチャレンジ
• 【Illustrator】「印刷における黒」のフォローアップ #デザインクイズチャレンジ

レイアウト迷わせないデザインは、配置で決まる！伝わるレイアウト

デザインを見ている時に「なぜか読みにくい、情報が入ってこない…」と思ったことはありませんか？

レイアウトは、配置が少し違うだけで「伝わる／伝わらない」が決まります。

整っているはずなのに読みにくい、どこから見ればいいかわからない。

そんな違和感は、センスの問題ではなく「配置の設計」で起きていることが多いです。

本セッションでは、「デザインクイズチャレンジ」で紹介されているレイアウト事例を使いながら、情報のまとまりと視線の流れ（読む順番）の2つの観点で解説します。

伝わるレイアウトを判断できるヒントをお届けします。

関連リンク

• このレイアウト、どっちが正解？レイアウトのセンスを磨いておこう

ZINE魅力的なZINEをつくるために知っておきたい、おもてなしのデザイン術

個人の表現ツールとして、小冊子「ZINE」が注目されています。

しかし、どんな素敵なZINEであっても、表現方法を間違えたために、思った以上に見てもらえなかった・・・なんてことも。

そこで、このセッションでは「デザインクイズチャレンジ」で扱ったZINEの事例を使いながら、思わず見たくなる、手に取ってみたくなるZINEをつくるためのデザインテクニックについてお教えします。

ZINEだけでなく、チラシ、パンフレットの作成などにも役立つTipsをご紹介します。

関連リンク

• このZINEのデザイン、どっちが正解？誌面デザインのセンスを磨こう
• このタイポグラフィ、どっちが正解？作字のセンスを磨いておこう

チラシチラシやバナーで使える！細かすぎるイラレ先輩流「スペック・プライス」論

チラシやバナー等の商品販売するためのクリエイティブを作る際に、どのように作っていますか？ 広告・広報モノは、伝わらなくては意味がありません。また、できる限り伝わりやすいように作るべきです。

新聞折込チラシに携わってきた茄子川が、掲載商品を組む際の茄子川流の制作論について、Illustratorの便利機能を交えてお伝えいたします。

関連リンク

• この価格の見せ方、どっちが正解？数字のデザインのセンスを磨いておこう
• この商品写真の見せ方、どっちが正解？広告物のデザインのセンスを磨こう
• Illustratorで「見やすく」デザインするって、どういうこと？【フォローアップ】 #デザインクイズチャレンジ

整列伝わるデザインのための「整列」「コントラスト」「背景調整」の考え方

「整列」と「コントラスト」をテーマに、

「なぜこちらのほうが伝わるのか」「どこを見て判断すればいいのか」を、デモを交えながら解説します。

• 整列は「基準」が大事
• 文字の可読性を下げないための、背景の調整ポイント
• コントラストを「数値」と「見た目」の両方から判断する視点
• 生成パターンを使った、読みやすさを損なわない背景づくり

感覚に頼りがちな配置や配色を、理由をもって選べるようになるためのヒントをお届けします。

関連リンク

• このデザインの配置、どっちが正解？整列のセンスを磨いておこう
• このコントラスト、どっちが正解？文字と背景の配色のセンスを磨いておこう

装飾この装飾、どっちが効果的？知って差がつく「文字」と「オブジェクト」の作り方

オブジェクトの装飾（エフェクト）からテキストの組み方まで、デザインにはあらゆる表現方法があります。

「どう表現すれば効果的で効率的？」を、これまでのデザインクイズチャレンジで取り上げた2つのテーマで実演解説。 絶対知っておくべき!!! デザインテクニックが詰まったセッションです。

関連リンク

• このデザインのあしらい、どっちが正解？装飾のセンスを磨いておこう
• 色の組み合わせ、どっちが正解？配色のセンスを磨いておこう
• 【Adobe Illustrator】 デザインクイズ「デザインのあしらい」 -補足編-
• 【Adobe Illustrator】 デザインクイズ「色の組み合わせ」 -補足編-

レイアウト「ちゃんと機能するデザイン」をつくるための、レイアウトと視線誘導の考え方

デザインにおいて、「きれいに作る」ことと「ちゃんと機能する」ことは、必ずしも一致しません。

このセミナーでは、レイアウトや視線誘導が、情報の伝わり方にどのような影響を与えるのかを紐解いていきます。

要素の順序や配置が持つ意味をセオリーとして整理したうえで、文脈の違いによって評価がどう変わるのかといった、実務に近い視点にも触れていきます。

「なぜこのレイアウトなのか」を説明できるようになるためのヒントを持ち帰っていただければと思います。

関連リンク

• このレイアウト、どっちが正解？視線誘導のセンスを磨いておこう
• 「正解」じゃないデザインが、ちゃんと機能する理由も考えてみよう

タイムテーブル

• 1時間ごとに2組、各セッションは20分で進行します。
• 状況によって前後することがあります。

時間帯	#	カテゴリ	セッションタイトル	講演者
12-13	1	アイコン	このアイコン、どっちが正解？違和感の正体を見つけよう！	コネクリ
	2	文字組	名刺の文字組、プロと素人の差はどこ？	前田 高志
13-14	3	配色	この色の選び方、どっちが正解？配色のセンスを磨いておこう	ベーコン
	4	装飾	このデザインパーツ、どっちが正解？もっと伝わるデザイン演出を目指そう	hamko
14-15	5	フォント	欧文と和文のフォントを使い分けよう！	倉又 美樹（まるみ）
	6	約物	『約物』間違えずに使えてる？ 2択クイズで違和感を見抜こう！	いとくに
15-16	7	文字詰め	デザインの雰囲気を左右する！文字間と行間の基本を学ぼう	すぴかあやか
	8	ロゴ	ロゴデザインのクオリティに差が出る「パスの視覚調整」	さとうコージィ
16-17	9	名刺	名刺デザインの地雷回避！やりがちミスを卒業しよう	ゆかまるデザイン
	10	組版	脱・怪しい日本語！日本語文字組版の超基本と実践	あかつき＠おばな
17-18	11	レイアウト	迷わせないデザインは、配置で決まる！伝わるレイアウト	佐野 五月
	12	ZINE	魅力的なZINEをつくるために知っておきたい、おもてなしのデザイン術	大田 真梨子
18-19	13	チラシ	チラシやバナーで使える！細かすぎるイラレ先輩流「スペック・プライス」論	茄子川導彦
	14	整列	伝わるデザインのための「整列」「コントラスト」「背景調整」の考え方	松下 絵梨
19-20	15	装飾	この装飾、どっちが効果的？知って差がつく「文字」と「オブジェクト」の作り方	やんこ
	16	レイアウト	「ちゃんと機能するデザイン」をつくるための、レイアウトと視線誘導の考え方	黒葛原　道

イベント概要

YouTube Liveでライブ配信します。

• 開催日：2026年2月4日（水）12:00-20:00
• 形式：オンライン（YouTube Live）
• MC：鷹野 雅弘（スイッチ）
• 主催：CeeBeeDee
• 協賛：アドビ
• 共催：CSS Nite、DTP Transit
• 協賛（制作会社）：ウェブライダー、LINICA、エンタミナ、コンセント、サービシンク、ビットエー、ヘルツ、アップルップル、CODE54、HAMWORKS、S-FACTORY、necco、FLAT、ONiWA ほか
• 協賛：文賢（ブンケン）、デジ革（一般社団法人デジタル経営革新協会）

お申し込みと参加費

• リアルタイムの視聴は無料です。
• 参加にはお申し込みが必要です。受け付けは終演時刻まで。

アーカイブ

本イベントのアーカイブは、参加登録された方に提供します。

配信に関してのあれこれ

各URLは、YouTubeの概要欄にも掲載しています。

• チャットやスタンプ、ツイートなど「参加型」でお楽しみください！
• 「音声のバランスが悪い」など、何かお困りの場合、コメントなどで教えてください！

配信URL

YouTube Liveで配信します。

https://youtube.com/live/cptauJiY6rg

X（Twitter）にて同時配信も行っていますが、YouTube Liveにてコメントも含めてお楽しみください。

配信トラブルでURLが変更になることがあります。その場合、次のようにお知らせします。

• Twitter（現「X」）
• 配信が停止したYouTubeプログラムのコメント欄
• Doorkeeper経由でのメッセージ（メール）

YouTube関連

• YouTubeチャットを活用ください！　スパム回避のため、YouTubeチャンネル登録者のみがコメント可能にしていますので、事前にチャンネル登録をお願いします。
• スーパーチャット（スパチャ＝投げ銭）を利用できます。少額でも大歓迎です！　いただいた全額を講演者にお渡しします。
• 質問がある場合、YouTubeチャットで冒頭に★または【質問】を付けてコメントください。すべては拾いきれません。「〜は〜という意味です」「自分の現場ではこうやっている」など、視聴される方からのサポート的なコメントを歓迎します！　一緒に場を作ってくださいますと嬉しいです!!

リアクションや質問

• スクショ付きのツイート歓迎です。ぜひ、ハッシュタグ（#デザインクイズチャレンジ）を付けてください。ただし、事例の部分などでNGマークがついている箇所、講演者からNGの指示のある箇所はご遠慮ください。
• 終了後、ぜひアンケートにお答えください！　「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

その他

• 120分のプログラムでは、60分前後のキリのいいタイミングで休憩（5-10分）をはさみます。
• サンプルファイルや配布資料、アーカイブ動画のURLをSNSなどで再配布するのは禁止です。
• 開演の30分前くらい前からテスト配信をスタートします。音声などが聞こえるかなど、チェックなさってください。
• スマホやタブレットで視聴される方もいると思いますが、PCでの視聴を前提としています。なるべくPCでご覧ください！
• ご覧いただく回線状況によっては、YouTubeの動画が止まってしまったり、音声が途切れてしまうことがあります。その場合には、ブラウザーを再読み込みしたり、OSを再起動してみてください。同時配信しているX（Twitter）の方が安定してることがあります。
• 分単位で細かく練られたカリキュラムではなく、少し緩めに進行します。コメントを拾って脱線することもあります。言い換えると学習だけをされたい方には向いていません。
• 若干の延長など、ぴったり進行しないことがあります。

配信準備は念入りに行っていますが、本番になると予期せぬトラブルが生じるのがライブ配信です。それも含めて楽しんでください。

オンライン椅子ヨガ

本イベントはコモモ先生 @komomoaichi のオンライン椅子ヨガ付きです！

• 開演前
• 休憩時間（適宜）

一緒に「ちょっとメンテ」しましょう。
https://chotto-maint.com/online-yoga

協力企業のご紹介

本イベントには、下記の企業の協賛、協力をいただいています。

• 文賢（ブンケン）～文章をより良くするための推敲・校閲・校正支援ツール
• デジ革（一般社団法人デジタル経営革新協会） ネットとAIで経営に貢献できる人材になる
• JILLA（日本イラストレーション協会）　文芸美術国保への加入や交流会などメリットいっぱい
• tr-tant 仕事を割り振っても次から次へ仕事が舞い込む繁忙期にデザイナーの混み具合が見えるデザイナー専用タスク管理ソフト

また、多くの制作会社に協賛いただいています。

• ウェブライダー
• LINICA
• エンタミナ
• コンセント
• サービシンク
• ビットエー
• トゥーアール（to-R）
• ヘルツ
• アップルップル
• CODE54
• HAMWORKS
• S-FACTORY
• necco
• FLAT
• ましじめ
• グローバルデザイン
• エイチツーオー・スペース
• Gear8
• マジカルリミックス
• ONiWA
• さきがけデジタル
• r360studio

通年で協賛を募集しています。検討くださいますと幸いです。

お問い合わせ

問い合わせはDoorkeeperのフォームからお送りください。