MENU

Webデザイナーは発達障害グレーゾーンに向いてる?|ルール・視覚・対話の3軸で構造的に整理

Webデザイナーは発達障害グレーゾーンに向いてる?|ルール・視覚・対話の3軸で構造的に整理

この記事のポイント

  • 「発達障害の人はWebデザイナーに向いている」は根拠が粗く、そのまま信じると入ってから詰まりやすい
  • Webデザインは「センスの仕事」ではなく、ルール(グリッド・タイポ・カラー・アクセシビリティ)+視覚処理+クライアントとの対話の3要素で成り立つ職能
  • ASD傾向のシステム化・局所処理優位はルールと視覚の軸と噛み合いやすく、ADHD傾向の過集中・新奇追求は制作没入やビジュアル探索と相性がある
  • 一方で「いい感じで」「もう少し柔らかく」のような曖昧指示の翻訳、修正の嵐、複数案件並行は重い側面として正直に知っておく必要がある
  • 「向いてる/向いてない」の二択で決めず、3軸のうちどこが噛み合い、どこが重いのかを自分で触って確かめるのが最も確実
もーやん

「発達障害の人はWebデザイナーに向いてる」って記事、よく見るんだけど、本当なの?

かりぶー

半分本当、半分は雑な話だと思う。「向いてる」って言い切るには、Webデザインを一度分解しないと。

もーやん

分解? デザインってセンスの仕事でしょ?

かりぶー

そこがまず誤解されがち。Webデザインは実はかなりルールの積み上げで、「センスだけ」では成立していない領域なんだよね。

もーやん

じゃあ何を軸に見ればいいの?

かりぶー

ルール・視覚・対話の3つに分けて、それぞれ発達特性とどう噛み合うか噛み合わないかを見ていこう。

この記事では、「Webデザイナーは発達障害グレーゾーンに向いているのか」を、Webデザインを構成する3つの要素(ルール・視覚・対話)に分解したうえで、ASD傾向・ADHD傾向のそれぞれとの相性を構造的に整理します。当事者としての体験を交えながら、噛み合う部分だけでなく重い部分も正直に書きます。同じクラスターのプログラミング側の論考は ADHDはプログラマーに向いてる?|発達特性×プログラミングの相性と見落としがちな落とし穴 にまとめているので、コードとデザインで迷っている場合は合わせて読むと選びやすくなります。

目次

この記事が向いている人・向いていない人

この記事がどういう方に向いているかを先に整理しておきます。

向いている人
向いていない人
  • 「発達障害の人はWebデザイナーに向いてる」と聞いたが、その根拠が2行で終わる記事に物足りなさを感じている
  • 今の仕事で「いい感じにやって」と言われ続けて消耗しており、デザインなら得意なことが活きる気がしている
  • ASD傾向の「こだわりの強さ」やADHD傾向の「過集中」がデザインとどう噛み合うのか、構造で理解したい
  • プログラミングとWebデザインで迷っていて、選ぶ軸がほしい
  • まだ「自分は発達障害かもしれない」の段階で、特性の整理から始めたい → 「自分は発達障害かも」と思ったら最初にやること
  • Winスクールの料金・コース・デメリットを先に知りたい
  • 障害者雇用枠での就労を前提とした情報がほしい(本記事は一般雇用・フリーランス前提です)

向いていない人に当てはまる場合は、リンク先の記事から読む方がスムーズです。

「Webデザイン=センスの仕事」は本当か|実はルールの積み上げである

Webデザインは感覚だけで決める仕事ではなく、グリッド・タイポグラフィ・カラーシステム・アクセシビリティといった数値化されたルールの積み上げで成り立っています。

「センスがないからデザインは無理」と思っている人は多いです。検索してくる読者の中にも「絵は好きだけど、プロのデザイナーほどの美的感覚があるとは思えない」と迷っている層が相当数います。ですが、実務のWebデザインは「センス」というぼんやりした能力だけで回っているわけではありません。

プロのデザイナーが使っているのは、次のような具体的なルールです。

  • 8ptグリッドシステム
    余白・要素幅・高さを8の倍数に揃える。「いい感じの間隔」を毎回考えず、16px・24px・32pxのどれかに寄せる
  • タイポグラフィスケール
    見出し・本文・キャプションの文字サイズを一定の比率(1.125倍・1.25倍等)で階層化する
  • カラーシステム
    ベース・サブ・アクセントの役割を決め、明度・彩度のバリエーションをルール化する
  • WCAGのコントラスト比
    文字と背景のコントラストを4.5:1以上(大文字なら3:1以上)にするという、アクセシビリティの数値基準

これらはすべて「数値で検証できるルール」です。感覚が介在するのは最終的なトーン判断やビジュアルの方向性決定の部分であって、骨格はルールで組み立てられています。デザイン研究の古典的な整理でも、デザインは「制約の中でパターンを組み立てる職能」として位置付けられてきました。

「センスがないと無理」という不安は、Webデザインの実態を反映していません。ルールを学び、手を動かして検証できる人なら、入り口は開いています。

もーやん

Webデザインってそんなにルールあるんだ。もっと感覚で決めてると思ってた。

かりぶー

感覚に見える部分もあるけど、骨格は数値と規則で説明できる。ここが「発達特性と噛み合う」って言われる構造的な理由でもあるんだよね。

ASD傾向とWebデザインの相性|ルールベースと細部への注意が効く

ASD傾向に見られる「ルールから構造を抽出する力」と「細部への注意の鋭さ」は、Webデザインのルール面と視覚処理面で構造的に噛み合いやすい特性です。

「ASDの人はデザインに向いてる」という話の根拠として、「こだわりが強いから」「美的感覚があるから」と説明される記事が多いです。もう少し踏み込んで、なぜ噛み合うのかの中身を見ていきます。

システム化能力とデザインのルール面

発達心理学者のBaron-Cohenが提唱したシステム化理論(Empathizing-Systemizing Theory)では、ASD傾向のある人は「システム化指数(SQ)」が高い傾向があるとされています。システム化とは、「入力→操作→出力」のルールを抽出し、そのルールに従って対象の振る舞いを予測・構築する能力を指します。

Webデザインの骨格部分は、まさにこのシステム化と相性がいい作業です。

  • 「この余白なら8の倍数に寄せる」
  • 「見出しと本文の文字サイズはこの比率」
  • 「このボタンの色は、基準のグリーンから明度を10%下げる」
  • 「この文字と背景のコントラスト比は4.5:1以上にする」

これらはすべて「ルールに基づいて視覚を設計する」作業です。ルールが明確になった瞬間に「あとは当てはめるだけ」になるため、システム化思考が強い人にとってはスピードも質も一気に上がりやすい領域になります。

局所処理優位と「1pxのズレ」を見つける力

もう1つの関連研究として、Mottronらが提案したEPF(Enhanced Perceptual Functioning:強化された知覚機能)モデルがあります。これは、ASDでは低次の知覚処理(細部・パターンの検出)が相対的に強く、視覚的な細部に強みが出やすい場合があると整理されているモデルで、すべてのASD特性の人に同じように当てはまるとされているわけではありません。

Webデザインでは、この「細部を見る力」が具体的に活きる場面があります。

  • 1pxのズレを検出する
    グリッドに揃っていない要素、左右非対称のマージンなどに気づきやすい
  • トーンの破綻に気づく
    「この色だけ彩度が高すぎる」「このフォントだけウェイトが違う」を見つけられる
  • 整合性をチェックできる
    ボタンのスタイル、見出しの扱い、余白のリズムなどの一貫性を保ちやすい

これらは実務のWebデザインで「最後の詰め」に当たる部分です。素人目にはわからないけれど、プロが見ると明確にわかる差が生まれる領域です。ここでの精度が作品全体の印象を決めることも多く、「細部が気になる」特性はむしろ強みとして機能しやすくなります。

グリッドシステムに初めて触れた日 ― エピソード

実際に自分が経験した場面を紹介します。

本業はUXリサーチだったんだけど、社内資料のレイアウトを整える作業をよくやっていた。「なんとなく見やすい位置」に配置してたつもりだった。

ある日、同僚のデザイナーに「それ、8ptグリッドで揃えてみ」って言われた。8の倍数に全部寄せ直したら、画面が急に落ち着いた。

「これだけルールがあれば迷わないじゃん」と思った。16px、24px、32pxのどれかに寄せる。それだけ。

その夜、家に帰ってから自分の趣味サイトのレイアウトも全部8の倍数に直した。気づいたら2時だった。

翌日、会議で「昨日から何してたの?」って聞かれて、「ちょっと、サイト直してて」としか答えられなかった。

「ルールが見えた途端にスピードが上がる」というのは、システム化思考が強い人に起こりやすい感覚です。判断のたびに悩まなくてよくなるので、消耗が減ります。

カラーパレットを組むのが楽しかった話 ― エピソード

もう1つ、ルールと視覚が交差する領域の体験です。

個人サイトを作り直したとき、カラーパレットを一から設計した。

ベースのグリーン、彩度を落としたセカンダリ、アクセントのゴールド。コントラスト比がWCAG AAを満たすか、全部計算した。

「この組み合わせで大文字テキストは4.5:1を超える」「ホバー時はこのくらい明度を落とす」。全部Excelに書き出して、計算しながらFigmaに戻した。

夜中にやってて、気づいたら朝だった。翌日の仕事中、ずっと眠かった。同僚に「目が赤いよ」って言われた。

カラーシステム設計は「ルール・視覚・過集中」が同時に効く領域です。感覚的に見える作業に見えて、実は数値の計算と規則の適用の連続で、ASD傾向とADHD傾向の両方が活きやすい場面の一つです。

ADHD傾向とWebデザインの相性|過集中と新奇追求が活きる場面

ADHD傾向に見られる「過集中」と「新奇追求」は、ビジュアル探索・制作没入・ムードボード制作といったデザインの特定フェーズと相性がよい特性です。

「ADHDは飽きっぽいからデザイナーには向かない」という不安を持って検索してくる人も多いです。これも単純には言えない話で、デザインのどのフェーズを切り取るかによって結論が変わります。

過集中と制作没入

ADHDに関連して報告される現象の1つに「過集中(hyperfocus)」があります。興味関心のある活動に対して、通常を超える長時間の集中状態に入るとされる現象で、研究ではまだ体系的な検討が始まった段階の領域と整理されています。DSM-5-TRの診断基準に含まれる中核症状ではない点には注意が必要です。

デザインの制作フェーズ(Figma・Photoshopでの画面制作、バリエーション探索、ピクセル単位の調整など)は、過集中を引き出しやすい活動の代表です。

  • 画面に向き合い、1px単位で動かすたびに結果が即座に視覚で返ってくる
  • バリエーションを並べるたびに「もっといい形があるかも」と次の探索が生まれる
  • 1つのパーツが決まると次のパーツが気になり、連鎖的に没頭する

この構造は、コーディングの即時フィードバックと似ています。報酬系が短いサイクルで刺激されるため、「気づいたら朝だった」が起きやすい領域です。ただし過集中には「自分で入るかどうかを選べない」「他のタスクを忘れる」という裏面があり、複数案件を並行する環境ではむしろ制御の難しさとして現れます。過集中のコントロール方法は 過集中がやめられないのは意志の問題じゃない|ADHDの「没頭しすぎ」を仕組みで止める5つの方法 で詳しく整理しています。

新奇追求とビジュアル探索

ADHD成人を対象とした研究では、「拡散的思考(divergent thinking)」の一部の課題でスコアが高い傾向が報告されており、新奇追求(novelty-seeking)の傾向が創造的な問題解決と関連するという指摘があります。個人差は大きく、すべてのADHD傾向の人に当てはまるわけではない前提で読んでください。

デザインの初期フェーズ(ムードボード制作、コンセプト探索、リファレンス収集)は、まさに拡散的思考の領域です。

  • リファレンス収集
    PinterestやBehanceで無限にサイトを見て、気になるものを集めていく作業
  • ビジュアル方向性の探索
    「この路線もあり?」「こっちの方向もありかも」と複数案を走らせながら比較する作業
  • ツール・トレンドの追いかけ
    新しいFigmaプラグイン、新しいデザインシステムのリリース、新しいCSS機能を試す

「飽きっぽい」は、文脈を変えれば「飽きるまでに次の新しいものを見つけてしまう」探索能力でもあります。ここがWebデザインの初期フェーズと噛み合うと、強みとして機能します。

もーやん

ADHDは飽きっぽいからデザインは無理、ってわけじゃないんだ。

かりぶー

ADHDが強みになるフェーズと、重荷になるフェーズが両方あるってこと。次で、重荷になる方の話もしていこう。

「いい感じで」が苦しい|クライアントワークのコミュニケーション問題

Webデザインの中心的な負荷は、コードを書くことでも絵を描くことでもなく、クライアントの曖昧な要望を具体的なデザインに翻訳する「対話」のプロセスにあります。

ここから先は、正直に書いておかないといけない部分です。ルール面・視覚面で相性がいい特性があっても、Webデザインの仕事は対話の比重が大きく、この軸が重いと現場で消耗します。

「いい感じで」という指示が意味する負荷

クライアントから来る指示は、多くの場合こういう形をしています。

  • 「トップページ、もう少しいい感じにお願いします」
  • 「ヘッダー、もう少しあたたかい印象で」
  • 「全体的に軽やかに」
  • 「プロっぽく、でも親しみやすく」

これらは「何をどう変えればその印象になるのか」がほぼ指定されていません。デザイナー側が「色を変えるのか、余白を広げるのか、フォントを変えるのか、写真を差し替えるのか」を自分で推測して提案する必要があります。

ASD傾向が強い人にとって、この曖昧な指示の解釈は認知的に重い作業です。「ルールに従って動く」のは得意でも、「ルールが明示されていない状態から方向性を汲み取る」のは別のスキルになります。

「いい感じで」と言われて詰んだ話 ― エピソード

実際に経験した場面を紹介します。

受託のWebサイト案件を手伝ったことがある。クライアントから「トップページ、もうちょっといい感じにお願いします」ってメールが来た。

「いい感じ」って何をどう直せばいいのか、まったくわからなかった。

色を変えるのか、余白を広げるのか、写真を差し替えるのか。全部やっても「違うんです」って言われそうで、手が動かなかった。

3日くらい寝かせて、結局「現状のラフ3案(A:色を柔らかく/B:余白を広く/C:写真を差し替え)を並べて、どの方向が近いか教えてください」って送った。

クライアントからは「Bですね」って返ってきた。助かったけど、毎回これをやるのかと思うとちょっと消耗した。

この「3案並べて選んでもらう」は、デザイン現場で広く使われている現実的な対処法です。曖昧な要望を曖昧なまま受け取らず、具体的な選択肢に翻訳して返す。ルール化できる部分もある領域です。ただ、この翻訳作業自体が認知的コストを払う仕事であり、「曖昧さを避けたい」人にとっては重い。ここを甘く見積もると、入ってから苦しみます。

プログラミングとの大きな違い

同じクラスターのプログラミング記事でも触れていますが、ここがコードとの最大の違いです。

  • プログラミング:書いたとおりに動く/動かない。正解が明確
  • Webデザイン:書いたものに「もう少し柔らかく」と返ってくる。正解が主観的

ASD傾向のある人の中には「プログラミングの方が心が楽」と感じる人が一定数いると言われます。曖昧さに耐える負荷を払わなくていいためです。一方で、Webデザインは曖昧さを扱うのが仕事の一部であり、ここの性質の違いは、職能選びで大きな分かれ目になります。どちらが自分に合うかは、特性の組み合わせと本人が何を負荷に感じるかで変わるため、一律には言えない領域です。

修正の嵐・締切・マルチ案件|向いていない条件も正直に

Webデザインの実務には「対話」以外にも、修正対応の感情負荷、複数案件の並行、締切管理など、発達特性と噛み合いづらい条件がいくつか存在します。

対話だけでなく、実務面でも重い条件があります。ここを知らずに入ると「聞いてた話と違う」となりやすい部分です。

修正対応と「自分が何を良いと思っていたか」の揺らぎ

デザインの修正は、1回で終わることがほぼありません。ヘッダーの色に3回、ロゴのサイズに5回、全体の印象に2回、という具合に、同じ要素に対して何回も指示が飛んできます。

1回ずつは小さい直しなのですが、これが積み重なると「自分が最初に何を良いと思っていたか」が揺らいできます。ASD傾向のある人は「自分の中のルール」で判断することが多いため、外からの揺さぶりが続くと拠り所が崩れる感覚になりやすいです。ADHD傾向の側から見ると、修正対応のたびに「さっきまでの集中モード」から切り替える必要があり、感情負荷と切り替えコストが両方発生します。

修正依頼の連打で燃え尽きた夜 ― エピソード

もう1つ、実際の場面です。

ある案件で、ヘッダーのデザインに10回修正が入った。

「ロゴをもう少し大きく」→「やっぱり元のサイズに」→「でも少しだけ大きく」→「全体的に軽やかに」。

1回ずつは小さい直しなんだけど、3回目くらいから「自分が何を良いと思っていたか」がわからなくなってきた。

最初に提案したバージョンと10回目に送ったバージョンを並べたら、ほぼ同じだった。

その日の夜、Figmaを閉じたままソファで天井を見ていた。LINEで「今日のご飯どうする?」って届いたのに気づいたのは、次の日の朝だった。

「最初と最後がほぼ同じ」というのは、デザイナーの雑談でよく出る話題です。プロでもよくあることなので、自分の腕のせいというよりは、プロジェクトの構造的な性質だと理解しておくと少しだけ楽になります。

複数案件の並行と時間見積もり

フリーランスやWeb制作会社の現場では、複数案件を並行するのが一般的です。A案件の修正対応をしながら、B案件の新規デザインを進め、C案件の打ち合わせに入る、という日常です。

ここは、ADHD傾向の時間見積もりの難しさと正面衝突しやすい領域です。1つの作業に没入すると時間感覚が伸縮し、気づくと別案件の納期が迫っている、ということが起きます。「過集中は得意だが、過集中を選んで入れるわけではない」という特性が、複数案件の管理と相性が悪い方向に働くことがあります。

これらの重い条件は「向いていない」ことを意味するのではなく、「対処を前提に選ぶ必要がある」というサインです。自分にとってどの重さが許容できるかを、事前に言語化しておくと判断がブレにくくなります。

プログラミングとWebデザイン、どっちが合う?|選び方の3軸

プログラミングとWebデザインは「コードは論理・デザインはルール+視覚+対話」と中心スキルが異なり、自分のどの特性がどちらのどのフェーズと噛み合うかで選ぶのが現実的です。

この記事の読者の多くが「コードとデザイン、どっちが自分に合うのか」で迷っています。両方に共通する部分もありますが、決定的に違う部分もあるので、整理しておきます。

3軸で比較する

比較軸プログラミングWebデザイン
中心スキルロジック・アルゴリズムルール+視覚+対話
正解の明確さ動くか動かないか(明確)クライアントの「これ」(主観的・曖昧)
ASD傾向との噛み合いルール抽出・システム化が直接活きるルール抽出+細部検出が活きる。ただし対話が重い
ADHD傾向との噛み合い過集中・新奇技術追求と相性◯過集中・ビジュアル探索と相性◯。ただし修正嵐が重い
対人比重個人作業の比重が高めクライアントワークは対話比重が高い
入り口Progate・ドットインストール・YouTubeFigmaの無料プラン+既存サイト分解

この表は傾向であり、もちろん個人差は大きいです。同じASD傾向でも対話が得意な人はいますし、ADHD傾向でも修正対応を淡々とこなせる人もいます。ここは「まず見るべきポイント」として参照してください。

判断材料としての3つの質問

どちらが合うかを考えるとき、自分に問いかけると整理しやすい質問があります。

  • 正解がない状態に耐えられるか
    「もう少し柔らかく」のような主観的なフィードバックに向き合い続けられるか
  • 視覚で結果を見たいか、論理で結果を見たいか
    画面に絵として現れる成果と、コンソールで動くプログラムの成果、どちらに満足を感じるか
  • 対話を仕事の一部として受け入れられるか
    クライアントとの往復をスキルとして磨く対象だと思えるか、できれば減らしたいと思うか

3つともどちらに振れるかは、実際に触ってみないと正直わかりません。頭で考えた答えと、触ってみたときの実感がずれることもよくあります。プログラミング側の詳しい論考は ADHDはプログラマーに向いてる?|発達特性×プログラミングの相性と見落としがちな落とし穴 にまとめているので、両方読み比べると軸が明確になります。

もーやん

コードは「動くか動かないか」で、デザインは「クライアントのこれ」か。性質がかなり違うな。

かりぶー

そう。だから「どっちが向いてるか」を頭だけで決めず、両方を小さく触ってみて、自分の反応を比べるのが一番正直なやり方だと思う。

Webデザインとの相性を小さく試す方法

「Webデザイナーが自分に向いているか」は理論で判断するよりも、Figmaを触り、既存サイトを分解し、小さな成果物を作るという3ステップで確かめるのが最も確実です。

ここまでの構造理解を踏まえて、実際にどう試せばいいかを整理します。いきなりスクールに高額を払う前に、自分の反応を確かめるステップを踏むのが現実的です。

ステップ1:Figmaを触って既存サイトを分解する

お金をかけずにできる最初のステップは、Figmaの無料プランで自分の好きなサイトを「模写」してみることです。

  • 気になるサイトのスクリーンショットをFigmaに貼り付ける
  • その上に自分でレクタングルやテキストを置いて、同じ見た目を再現してみる
  • 「この余白は何pxか」「この文字サイズはいくつか」を測りながら進める

この作業をやると、プロのデザインがいかに「ルールの積み上げ」で出来ているかが体感でわかります。同時に、自分がこの作業を楽しいと感じるか、苦しいと感じるかがはっきりします。

2〜3時間触ってみて「全然ピンと来ない」と感じた場合、無理にWebデザイナーを目指す必要はありません。相性を試すこと自体に価値があります。

ステップ2:小さな成果物を作ってみる

模写で手の動かし方に慣れてきたら、次は自分で何かを「作ってみる」段階です。

自分のポートフォリオサイト、趣味のブログのトップページ、架空のお店のバナーなど、小さな成果物を1つ最後まで仕上げてみるのがおすすめです。模写は「ある答えをなぞる」作業ですが、自分で作るのは「正解がない状態で手を動かす」作業になります。このギャップが楽しいと感じられるかどうかは、Webデザインとの相性を測る重要な手がかりです。

ステップ3:体系的に学びたくなったらスクールを検討する

独学で触ってみて「もっと体系的に学びたい」「独学だと行き詰まる」と感じた場合、Webデザインスクールを検討する段階になります。

この段階で大事なのは、いきなり高額なコースに申し込まないことです。まず無料体験や個別カウンセリングで「自分のレベルに合ったカリキュラムかどうか」「質問しやすい環境かどうか」を確認してください。

特に個別指導型のスクールは、グレーゾーンの読者が抱えやすい「集団授業のペースが合わないかも」「みんなの前で質問するのがきつい」といった不安と相性がよい選択肢です。教室+オンラインのハイブリッドで通い方を自分で選べるタイプのスクールは、感覚過敏や疲労の波を自分で調整しやすい点で現実的です。

Winスクール Webデザインの料金・コース・デメリットを詳しく知りたい場合は に整理しているので、合わせて確認してください。

仕事選びの段階で「重い条件」を避ける工夫

相性を確かめたうえでWebデザイナーとして働く場合、仕事選びの段階で自分の特性と合わない条件を避けることができます。

  • 事業会社のインハウスデザイナーを検討する
    受託と違い、クライアントとの曖昧な往復が減り、プロダクトに深く関わりやすい
  • 小規模チーム・少数案件の環境を選ぶ
    並行案件が少ないほど、過集中と締切管理のコンフリクトが起きにくい
  • リモートワーク可の環境を選ぶ
    感覚過敏や疲労の波を自分で調整しやすく、対話の頻度もテキスト中心にできる

完璧な環境を見つけるのは難しいですが、「この条件は自分にとって必須」という優先順位を持っておくと、求人を絞りやすくなります。Webデザイナーを含むグレーゾーンの転職戦略は グレーゾーンの転職戦略 で整理しているので、キャリア全体の視点で考えたいときはそちらもあわせてご覧ください。

FAQ

Webデザイナーと発達特性の相性について、読者からよく寄せられる疑問をまとめました。

Q. ASD傾向があれば、Webデザイナーに「向いている」と断言できますか?

断言はできません。ASD傾向のシステム化思考と局所処理優位はWebデザインのルール面・視覚面と噛み合いやすいですが、同じ仕事には「いい感じで」という曖昧指示の翻訳や修正対応など、ルールが明示されない領域も多く含まれます。「ASD=向いている」ではなく、「ルールの軸は噛み合うが、対話の軸は重い」と分けて見るのが現実的です。

Q. ADHDだと飽きっぽいからWebデザイナーには向かないのでは?

「飽きっぽい」は文脈によって強みにも弱みにもなります。デザインの初期フェーズ(リファレンス収集・ビジュアル探索・ムードボード制作)はむしろ拡散的思考が活きる場面で、過集中と相性がよいこともあります。一方で、1案件の中で同じ要素の修正を繰り返す段階は、単調さが負荷になりやすい領域です。フェーズごとに噛み合いが違うので、「飽きっぽい=無理」とは言い切れません。

Q. Webデザインとプログラミング、どちらが発達特性と相性がいいですか?

どちらがよいかは特性の組み合わせと、その人が何を負荷に感じるかで変わります。大まかには「正解が明確な方が心が楽ならプログラミング」「視覚で結果を見たい、ルールと視覚の両方を扱いたいならWebデザイン」が目安です。ただし、Webデザインは対話比重が高く、プログラミングはチーム開発の比重が高いので、どちらも純粋な一人作業ではありません。最終的には両方を小さく触って、自分の反応を比べるのが確実です。詳しくは ADHDはプログラマーに向いてる?|発達特性×プログラミングの相性と見落としがちな落とし穴 も参照してください。

Q. 独学とスクール、どちらから始めるべきですか?

まずFigmaの無料プランと既存サイトの模写で数時間触ってみるのをおすすめします。そこで「もっと体系的に学びたい」「独学だと方向性がわからない」と感じた段階でスクールを検討すると、投資判断がブレにくくなります。独学で進められる人は独学で十分ですし、個別のフィードバックや学習ペース管理が必要な人はスクールの方が効率がよい場合もあります。

Q. センスがないとWebデザイナーは務まらないのでしょうか?

実務のWebデザインは「センス」だけで成り立っておらず、グリッド・タイポ・カラー・アクセシビリティのルールを学んで手を動かせる人であれば入り口は開いています。センスに見える最終判断の部分も、ルールを積み上げた上での微調整であることが多いです。「センスがないから無理」ではなく「ルールを学べば手は動く」の方が実態に近いです。

Q. 障害者雇用枠でのWebデザイナー就職は現実的ですか?

可能ではありますが、この記事は確定診断を持たないグレーゾーン層を対象にしているため、障害者雇用枠の話題は扱っていません。確定診断を受けていて障害者雇用枠を検討したい場合は、障害者雇用に特化したエージェントや就労移行支援事業所の情報のほうが適切です。

まとめ|ルール・視覚・対話の3軸で自分の反応を確かめる

Webデザイナーが発達障害グレーゾーンに向いているかは「ルール・視覚・対話」の3軸のどこが噛み合い、どこが重いかを自分で触って確かめるのが最も確実です。

もーやん

Webデザインって、思ってたより論理的な仕事なんだな。

かりぶー

そう。ただ、論理の部分(ルール・視覚)と、論理じゃない部分(対話・修正対応)の両方が必要で、そこが難しさでもある。

もーやん

で、自分に合うかは…試してみるしかない?

かりぶー

結局はそうなる。Figmaをいじってみる、既存サイトを分解してみる、小さい成果物を作ってみる。頭で考えるより、触ったときの自分の反応が一番正直だと思う。

もーやん

コードとデザインのどっちが向いてるかも、両方触ってみないとわからんか。

かりぶー

うん。「向いてるかどうか」は理論じゃなくて、実感の積み重ねで決まる。この記事はそのための判断材料を置いただけ。

この記事では、「Webデザイナーは発達障害グレーゾーンに向いているのか」を、ルール・視覚・対話の3軸に分解して整理しました。

ASD傾向のシステム化思考と局所処理優位はルール面・視覚面と噛み合いやすく、ADHD傾向の過集中と新奇追求は制作没入とビジュアル探索の局面で強みになります。一方で、「いい感じで」という曖昧な指示の翻訳、修正の連打、複数案件の並行管理など、特性と相性が悪い条件も確かにあります。

大事なのは、「向いてる/向いてない」の二択で結論を急がず、3軸のうちどこが噛み合い、どこが重いのかを自分で触って確かめることです。理論は判断材料として置いておき、最終的な答えは小さく試した実感の積み重ねに委ねてください。

参考文献

  1. Baron-Cohen, S. (2009) “Autism and the Empathizing-Systemizing (E-S) Theory” — PMC
  2. Mottron, L., Dawson, M., Soulières, I., Hubert, B., & Burack, J. (2006) “Enhanced Perceptual Functioning in Autism: An Update, and Eight Principles of Autistic Perception” — PubMed
  3. White, H. A. & Shah, P. (2011) “Creative Style and Achievement in Adults with Attention-Deficit/Hyperactivity Disorder” — PubMed
  4. Ashinoff, B. K. & Abu-Akel, A. (2021) “Hyperfocus: the forgotten frontier of attention” — PMC

本記事の情報は公開時点のものです。発達障害の診断基準や支援制度は変更される場合があります。
本記事は医療上のアドバイスを提供するものではありません。具体的な診断や治療については医療機関にご相談ください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

「なんかしんどい」の正体に、対処法をお示ししていくメディアです。

運営者はグレーゾーン当事者(通院歴あり・WAIS等で凸凹判定)。
大手企業で働きながら、自分自身の「得意と苦手の凸凹」と折り合いをつける方法を模索してきました。

このサイトでは、当事者としてのリアルな体験と、論文・臨床知見など学術的根拠に基づく構造的な整理を掛け合わせ、「高機能グレーゾーンの大人」が使える実用情報をまとめています。

記事の内容は臨床心理士・公認心理師の有資格者の確認を経て公開しています。しかし、私たちは医療の専門家ではありません。診断や治療の代替となるものではないことをご承知おきください。

目次