Doorkeeper

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

2026-02-04(水)12:00 - 20:00 JST
オンライン リンクは参加者だけに表示されます。
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

参加費無料

詳細

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

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

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

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

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

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

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

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

関連リンク

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。

社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。

自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

個人サイトやX(旧Twitter)、YouTubeにてPhotoshopとIllustratorの作例を発信中!

個人としての仕事は、動画制作『【アーティストに学ぶ】#33-アドビ公式』『1分解説 - Photoshop』、登壇『Adobe MAX Japan 2025』『朝までイラレ」』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』(インプレス)など7冊。

https://connecre.com/

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

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

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

関連リンク

前田 高志 まえだ・たかし

株式会社NASU

株式会社NASU代表、デザイナー/クリエイティブディレクター、広島工業大学客員教授。「美しさ」と「遊び心」のあるデザインが強み。デザインで成し、デザインの力をお茶の間に届けることで、笑顔を増やすことを目指す。また、クリエイティブ機関「マエデ(前田デザイン室)」を主宰し、メンバーと共に仕事ではできないクリエイティブの楽しさを追求。

著書に『見やすい・読みやすい・伝わるをつくる 文字組力』など。

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

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

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

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

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

関連リンク

ベーコン

北海道で「楽しく暮らす」をテーマに活動するデザイナー。

「ベーコンさんの世界ブログ」や、登録者数11万人を超えるYouTubeチャンネル『ベーコン家のポテとひだり』を運営している。

著書に累計3万部を超える『レイアウト・デザインの教科書』(共著/SBクリエイティブ)『基本とプロのコツが両方学べる Canvaデザイン』(SBクリエイティブ)。Adobe Community Expert。

https://www.baconjapan.com/

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

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

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

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

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

関連リンク

hamko はむこ

印刷会社出身のフリーランス。DTP・デザイン、イラスト制作のほか、Adobe Illustratorのテクニカルライティングやセミナースピーカー、コンテンツ作成も行う。近著に『◯△▢でつくる Illustrator描き方講座』。

Adobe Japan Prerelease Advisor, Adobe Community Expert, Adobe Community Evangelist

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

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

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

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

関連リンク

倉又 美樹(まるみ) くらまた・みき(まるみ)

まるみデザインファーム

フリーランスデザイナー。制作者としてだけではなく、デザイナーを育てることをライフワークとしている。女子美術大学デザイン・工芸学科 プロダクトデザイン専攻 非常勤講師。

師匠と弟子で交流し、駆け出しデザイナーを一人にしないコミュニティ「まるみデザインファーム」を運営中。

Adobe Community Expert, Adobe Community Leaders Club

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

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

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

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

関連リンク

いとくに

香川を拠点に活動するグラフィックデザイナー兼ディレクター。Adobe Community Expert。

『iPadで描こう! Procreateイラストテクニック』(玄光社)をはじめ、amity_senseiのすべての著書で執筆協力。『伝わる!動画テロップのつくり方』(ナカドウガ著、玄光社)ではカバーデザインを手がける。Adobe MAX Japan 2023、「朝までイラレ」に登壇」。共著書「Nano Banana & Photoshop生成AIデザインアイデア(MdN)」「After Effectsエフェクト+モーション+映像加工 すぐに使える実用アイデア見本帳(MdN)」執筆中。

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

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

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

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

関連リンク

すぴかあやか

株式会社キテレツ デザイナー・イラストレーター

1981年大阪生まれ。ウェブデザイナーとして制作会社でのアルバイトや社員を経て、2006年からフリーランスとして活動、2017年から株式会社キテレツに加入。イラストを取り入れたデザイン・ロゴやLPデザインなどを得意としている。

noteやXなどで、デザインの考えや日々の気づきを発信している。

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

人の目は錯覚をおこします。真っ直ぐのはずが曲がって見えたり、揃っているはずがズレて見えたり。ロゴをデザインする際、そういった錯視を理解した上でパスの僅かな調整をするだけで見た目のクオリティが格段に上がります。最後の仕上げで、なぜかしっくりこない、美しく見えない、どうしても素人感が抜けないといった悩みを持つデザイナーのために、「デザインクイズチャレンジ」で紹介した3つの事例について、実演を交えながら解説いたします。

関連リンク

さとうコージィ

株式会社コージィデザイン

株式会社コージィデザイン代表。主な仕事に「ソフマップ」VI、「オリコン」企業ロゴ、「オリコン顧客満足度」エンブレム、「滋賀医科大学」VI、オムロン「sysmac」ブランドロゴ「大阪アーツカウンシル」ロゴなど、教育機関、行政、企業、商品ブランドなどのブランディングおよびロゴデザインを行う。日本タイポグラフィ年鑑ベストワーク、Hiiibrand International Awards ブロンズ、香港、ワルシャワ、ラハティの国際ポスターコンクールなど国内外で入選多数。著書に「ロゴデザインのコツ(BNN)」共著書に「ロゴデザインの現場(MdN)」「デザインのプロセス(MdN)」がある。大阪芸術大学 講師。

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

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

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

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

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

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

関連リンク

ゆかまるデザイン

フリーランスデザイナー / Adobe Community Expert / Adobe Community Evangelist

SNSにてAdobe IllustratorやAdobe ExpressのTIPS動画を発信。

デザインスクールを運営し、自身が受注した案件を受講生と共に制作する独自のカリキュラムを展開。

現在はデザイナー兼指導者として多様なプロジェクトに参画中。

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

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

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

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

関連リンク

あかつき@おばな

エディトリアルデザイン・DTPがメインのデザイナー。

大学や職業訓練校、業界団体などでDTP・製版関連のセミナーや講義を担当するほか、書籍・雑誌の執筆も行なっている。2010年から東京で開催している「DTPの勉強会」を主催(共同主催者)。

近著は『+DESIGNING』(マイナビ出版) VOLUME.46「巻頭特集・徹底図解で理由としくみがよくわかる! デザイン制作のルール」(共著)など。

JAGAT DTPエキスパート問題作成委員/1級製版技能士/Adobe Community Expert

組版この文字詰め、どっちが正解?ベースライン調整のセンスを磨いておこう

デザインの完成度を大きく左右するのが「文字組み」です。

日本語の文字組みは、漢字・ひらがな・カタカナ・英数字という、設計思想の異なる文字の集合体で成り立っています。そのため、その違いを理解せずに組むと、一見きれいでも「なぜか締まらない」文字組みになってしまいます。

たとえば、次のような場面ではひと手間の調整が不可欠です。

  • 電話番号や住所番地に使われるハイフン
  • 時刻表記のコロン
  • 和文と欧文が混在する場面での記号の扱い

本セッションでは、なぜその調整が必要なのかという文字設計の背景と、それをIllustratorでどう実装するのかを、具体例を交えて解説します。

関連リンク

鷹野 雅弘(たかの・まさひろ)

株式会社スイッチ

グラフィックデザイン、エディトリアルデザイン、ウェブ制作の分野で、デザイン、オペレーション、設計・ディレクションなど、25年以上、第一線で手を動かし続けている。そのノウハウをテクニカルライティングや講演に落とし込み、「制作→執筆→講演」のサイクルを回す。

2015年から大阪芸術大学 客員教授。2017年からAdobe Community Evangelist。CSS NiteやDTP Transitのオンラインセミナーのオーガナイザーとして企画・制作・配信なども担当。

著書に『10倍ラクするIllustrator仕事術』(改訂第3版)ほか多数

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

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

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

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

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

関連リンク

大田 真梨子

株式会社ウェブライダー

京都と奈良を拠点に活動するWebデザイナー・イラストレーター。

武蔵野美術大学出身、絵画教室の講師、Webデザイン会社での勤務を経て、現在は株式会社ウェブライダーに所属。

これまで、企業・学校法人・エンタメ業界のWebデザインや、イラスト制作、CDジャケット・ご当地キャラクターのデザインなど、幅広い分野の仕事を担当。

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

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

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

関連リンク

茄子川導彦 なすかわみちひこ

株式会社Solarus

グラフィックデザインエージェンシー/Webデザイナー。印刷会社のデザイン部門で商業系デザイン制作に18年携わったのちに独立。DTP・Web・動画・WevARなど、「デザイン」を中心とした制作を手掛ける。デザイン制作会社「株式会社Solarus」代表。Illusttrator歴は25年以上。メディア・ユニバーサルデザイン ディレクター。

専門学校・公的職業訓練の講師も務める。土日はパーソナルティーチングやIT教室の先生も。介護・養護施設用デジタルサポートブック等のシステム開発もおこなっている。

著書に『10倍ラクするIllustrator仕事術』(改訂第2版)(共著)など

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

「整列」と「コントラスト」をテーマに、「なぜこちらのほうが伝わるのか」「どこを見て判断すればいいのか」を、デモを交えながら解説します。

  • 整列は「基準」が大事
  • 文字の可読性を下げないための、背景の調整ポイント
  • コントラストを「数値」と「見た目」の両方から判断する視点
  • 伝わるデザインのための「整列」「コントラスト」「背景調整」の考え方

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

関連リンク

松下 絵梨 まつした・えり

成安造形大学

大阪出身大阪在住のWeb/UIデザイナー。成安造形大学准教授。東京理科大学理工学部卒業。

2010年よりフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。

講師業や、「Friends of Figma Osaka」、「CSS Nite in Osaka」、「ツキアカリMeet-up」の運営、セミナー登壇・企業研修にも力を入れている。 『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』の著者。2023年から株式会社ロクナナ所属。

Adobe Community Expert

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

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

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

関連リンク

やんこ

ひろクリギルド

平和都市広島にてWeb・DTP Transitデザインをしているフリーランスデザイナー。自らが紆余曲折あり遅咲きでこの業界にたどり着いたため、遅咲き業界挑戦者や「母」という立場の方を支援する活動に力を注いでいる。

ひろしまクリエイターズギルド運営/専門学校講師/デジハリSTUDIO広島トレーナー/職業訓練校ゲスト講師。

Adob​​e Community Expert

ポートフォリオサイト▷https://yancosan.com/

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

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

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

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

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

関連リンク

黒葛原 道 つづらはら とおる

Webデザイナー/アートディレクター

1999年にデザイナーとしてのキャリアをスタート。広告代理店、広告制作会社を経て 2003年からフリー。

2004年、大阪から宮崎へ移住。Webデザインを軸に、サイト構築に係る業務全般、それに伴うディレクションやコンテンツプランニング、撮影、などを手がける。 

2021年からAdobe Japan Prerelease Advisor、2023年からFigma Community Leader、2025年からAdobe Community Expertを務める。

趣味は写真とPhotoshopと物理学。

著書に『ネットショップ初心者でも売れる商品写真の基礎知識とつくり方』(玄光社)

- Twitter:https://twitter.com/armytoru

- Instagram:https://www.instagram.com/armytoru

イベント概要

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

お申し込みと参加費

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

アーカイブ

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

配信に関してのあれこれ

各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の指示のある箇所はご遠慮ください。
  • 終了後、ぜひアンケートにお答えください! 「フィードバックはギフト」。話してくださった方の成長の材料になり、また、イベントの改善につながります。

タイムテーブル

  • 1時間ごとに2組を「グループ」とし、AからHの8グループに分けています。
  • 状況によって多少前後することがあります。
時間グループ#セッション名講演者
12-13AA-1このアイコン、どっちが正解?違和感の正体を見つけよう!コネクリ
A-2名刺の文字組、プロと素人の差はどこ?前田 高志(NASU)
13-14BB-1この色の選び方、どっちが正解?配色のセンスを磨いておこうベーコン
B-2このデザインパーツ、どっちが正解?もっと伝わるデザイン演出を目指そうhamko
14-15CC-1欧文と和文のフォントを使い分けよう!倉又 美樹(まるみ)(まるみデザインファーム)
C-2『約物』間違えずに使えてる? 2択クイズで違和感を見抜こう!いとくに
15-16DD-1デザインの雰囲気を左右する!文字間と行間の基本を学ぼうすぴかあやか
D-2ロゴデザインのクオリティに差が出る「パスの視覚調整」さとうコージィ(コージィデザイン)
16-17EE-1名刺デザインの地雷回避!やりがちミスを卒業しようゆかまるデザイン
E-2脱・怪しい日本語!日本語文字組版の超基本と実践あかつき@おばな
17-18FF-1この文字詰め、どっちが正解? 、ベースライン調整のセンスを磨いておこう鷹野 雅弘(スイッチ)
F-2魅力的なZINEをつくるために知っておきたい、おもてなしのデザイン術大田 真梨子(ウェブライダー)
18-19GG-1チラシやバナーで使える!細かすぎるイラレ先輩流「スペック・プライス」論茄子川導彦(Solarus)
G-2伝わるデザインのための「整列」「コントラスト」「背景調整」の考え方松下 絵梨(成安造形大学)
19-20HH-1この装飾、どっちが効果的?知って差がつく「文字」と「オブジェクト」の作り方やんこ(ひろクリギルド)
H-2「ちゃんと機能するデザイン」をつくるための、レイアウトと視線誘導の考え方黒葛原 道

クリックすると、PDFをダウンロードできます。

オンライン椅子ヨガ

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

  • 開演前
  • 休憩時間(適宜)

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

協力企業のご紹介

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

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

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

お問い合わせ

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

コミュニティについて

DTP Transit

DTP Transit

2005年にDTP制作者向けの情報サイト(ブログ)としてスタート。株式会社スイッチ、および、関係メンバーが日々の仕事の中で共有すべきと思われるトピックを記事にしてきました。 現在はTwitter、noteにて効率的なデザイン制作を行うための情報を発信。 https://twitter.com/DTP_Transit また、月に1回くらいペースでYouTube Liveでオンラインセミナー...

メンバーになる