# あいさつ おはようございます。デザイナーの島安です。 元Yahooのデザイン責任者で、SNSでデザインのティップスを発信したり、 デザインの解剖図鑑の著者、アドビーことはじめ、 クリエイティブカレッジの講師や、アドビーコミュニティエキスパートをしたりしております。 この番組は、センスがなくてもできるデザインの小技を一日一つお送りしていきます。 本日のテーマは、その色って見えてない人がいるよというテーマでお話をしていきます。 それでは本日もよろしくお願いします。 # 本編 それでは本日も聞いて頂きましてありがとうございます。 今日はですね、色のアクセシビリティについてお話ししようと思います。 ちょっとチャプター名は変えるかもしれないですけど、 アクセシビリティって皆さんご存知ですかね。 ウェブのデザインですね。ウェブのデザインで、 例えば目が不自由な方とか、そういった方向けにですね、 例えば仮に全毛の方がいらっしゃったとして、 そういう方というのはホームページ、ウェブサイトをどうやって見るかというと、 音声ブラウザというもので一般的には見ます。 僕もすごい音声ブラウザに関してめちゃめちゃ詳しいかというと、 そうではなくて、本当に10日以上前にいた職場にですね、 割とアクセシビリティに力を入れていた、 今日お外からの収録なんでちょっとうるさかったらごめんなさい。 アクセシビリティの力を入れた会社だったんで、 テスターの人としてはですね、実際に全毛の方が従業員でいらっしゃって、 本当に完全に目が見えない方ですね。 そういった方々がどういう風にですね、ウェブサイトを見てるかと。 見てるというか、ウェブサイトを情報収集するかというと、 音声ブラウザというもので、 分かりやすく言うと、やり方はまた調べていただきたいですけど、 例えばMacで言うと、ボイスオーバーという機能があるんですよ。 ボイスオーバーって何かというと、いろんなものを全部読み上げてくれるんですよね。 例えばウェブサイトがあったら、ここにロゴがあって、 ここでナビゲーションで会社がいい方があって、サービスがあってみたいな。 それを読み上げて情報を得るんですけど、 全問の方だと、そこは完全に音声で情報というか、 パソコン含め全部見るというか、そこから情報を得ると。 例えば、アクセシビティという観点で、今色のテーマなんで、 色というところで見ると、例えば色毛色弱みたいな、色覚異常者みたいな風に、 今最新の色で話しておいてごめんなさい。これじゃなかったらごめんなさい。 そういった方ってどういうことかというと、色の見方が違うんですよね。 なので、例えばコントラストが、この組み合わせだと、色が判別できる方だと見れるけど、 そういった方だと見れないみたいなことが起こり得ます。 そうすると、見える人がいるけれども、こっちの人は見えないと。 例えば、命にかかること、信号とか、そういうところって結局その色だと見えないみたいなことが起こり得るんで、 例えばウェブサイトの情報とか、デザインでもなんでもいいんですけど、やるときに、 例えば色に依存した見せ方、この赤いところを見てくださいとか、赤いところに何か注意事項が書いてありますとか書いてあると、 赤のパラダイスだと思うんですけど、色によっては皆さんが感じている色と、 そういった方、色覚異常者の方が見ている色っていうのが違ったり、 あとは見えるからにとっては、この色、例えばAという色とBという色が判別可能なんだけれども、 色覚異常者の方にとってはAもBも同じ色に見えるみたいなケースがあります。 なのでそのときに、それを知ってデザインをする。 例えば観光庁のサイトとかをデザインするときって、そこをちゃんと対応しろというのが、ちゃんと要件として出てきたりします。 なのでここって、結構デザインの求められる要件によって対応するしないっていうのは大事なんですけど、 そこがあるかないかっていうところが、知ってるか知らないかっていうところで、 自主的にそこに対応するっていうケースもあるので、 例えば色なんかで言うと、オレンジとかって結構厳密に対応しようとすると使いづらいんですよ。 僕の場合、島屋さんってオレンジの色を使ってるんですけど、 文字を例えばオレンジの字を引いて、その上に白い文字とかを入れるとアクセシビリティってチェックができるので、 それで見ると色に関しては結構厳しい結果になったりするので、 何を見てるかっていうとコントラスト比なんですよね。 背景なら例えば白くて文字の色が黒ければ、それはコントラストとして明暗の差がはっきりあるんで、 OKですとか。 あとは文字の大きさ、そこが大きければ視認性があるみたいな、そういったところを見てます。 なのでそこら辺を皆さんも、もしアクセシビリティを求められたら、そういった観点で見て。 アクセシビリティ求められてないんだけれども、気になるなと思ったら、 アクセシビリティチェックとか、アクセシビリティコントラストみたいな感じで見ると、 ウェブのデザインとか、普通にデジタルデザインをする限りはそこら辺のチェックツールがあるので、 この背景色にこの文字色だったら大丈夫だ、みたいなところはチェックできるので、ぜひ見てみてください。 # デザインの解剖図鑑が絶賛発売中！！ お知らせをさせてください。私の初めての著書、デザインの解剖図鑑が絶賛発売中です。 全編図解でデザインのティップスやマインドをまとめた一冊丸々図解の書籍となります。 初心者デザイナーの方はもちろん、SNSで図解を作ったり、お仕事で資料を作るようなデザイナー以外の方にもとてもおすすめの書籍となります。 このチャプターにAmazonのリンクをつけておきますので、興味のある方はぜひチェックしてみてください。 # デザイナー初心者向けに無料特典を配布しています！！ デザイナーって場所にとらわれずに ノマドで働けるので始める人が とても多いんですけど やることが たくさんあって デザインという 一つの言葉だけでも抽象度が高い ので 例えばウェブデザインとか 紙のデザインとかロゴのデザイン とか いろいろあって それを学ぼう とすると 何から学んでいいか 分からないとか じゃあ実際作って みても これって私はプロとして やっていけるレベルなんだろう かとか これぐらいスキルを身に つけたら 例えば案件受注していいん ですかね みたいなところもなかなか 分かりづらいんですよね 算数 とかだったら1たす1は2みたいな 正解があるんですけど デザイン って正解がないので 何かしらこの 最初のうちというのは 本気でやる 人であればあるほど そういった アドバイスをくれる人っていう のが結構いたほうが絶対に有利で スピード感を持って収益化ができる ようになると思います そんな方に 僕自身がいろいろアドバイスを したりとか あとは動画でそうい ったコツみたいなものをお伝え しています なんで もし良ければ このチャプターに公式ラインの リンクがついてますので ぜひ得点 もつけてますので ご確認ください # 8/28(木)15時〜17時 Apps プレゼンツ BRAVE Connect 交流会に登壇します！！ セミナーのお知らせです。8月の28日 木曜日の15時から17時にAppsプレゼンス ブレイブコネクト交流会にゲスト として登壇します。こちらはガン 投票中の久保さんのところで、私 島安がリアルセミナーを30分程度 予定してますけれどもやります。 こちらAppsっていうのは決済システム を作っているような会社さんなんですけど 結構個人事業の方々がいっぱい 集まったりとか、私はデザインの 観点で、もともと僕ニートでやって たんですけど、ニートだったんですけど そこからいかにニートを脱出 し最終的にYahooのデザイン責任者 になったのかというところの私の うよ消す曲折のお話をしながら デザイナーとして成長するには どうすればいいのかとか、デザイン に関してちょっといろいろお話を しようかなと思ってますので、当日 交流ができるような時間とか、また その後、懇親会みたいなものもある ようなので、ぜひその交流会で、デザイナー ってスキルを身につけるだけだと どうしても仕事が入ってこなくて スキルを身につけるのと同じくらい に案件獲得とか、自分を知ってもらう っていう活動がとても大事なんですよ ね。なんで、それを皆さんぜひそこで やっていただきつつ、デザインで お仕事を取るもよし、いろんな方 とつながって、それが将来事業に つながるとか、仲間を作るもよし。 そういったところでやっぱりリアル に出るっていうのは、そういった いろんなメリットがありますので、 ぜひこちらお待ちしております。 私も時間の許す限り皆さんとお話を したりとか、相談に乗ったりとか しようと思いますので、ぜひお時間 が合う方、来ていただけると嬉しいです。 8月28日、15時から17時です。このチャプター に、申し込みのURLと、割引コードがあります ので、それを、割引コードどうやって 使えばいいんだろうな。割引コード も何かしらお伝えしますので、それを 使っていただいて、あれかな、伝えれば いいのか。割引コードはしまやす と入れてください。ローマ字でしまやす と入れると割引コードが使えるので、 それでぜひお申し込みをいただける と嬉しいです。そんな感じでお待ちして います。 # おまけ それではおまけの放送を収録していきます。 昨日ですね、今日はあの朝、今ギリギリで収録してるんですけど、 昨日の夜ですね、煙突町のプペラのミュージカルを2度目見に行ってきました。 なんで2回見に行ったかというと、うち娘2人いるんですけど、 上の子は割と歌が好きなんですよね。 4、6時中ずっと何回も歌ってるって子なんですけど、 その子にもともとプロというか、すごい素敵な、本当の上手な方の歌を聞くと、 何かプラスになるかなと思って、去年予約して、 8月の頭に行ってきたんですけど、 今下の子が演劇に興味があるみたいな感じなんですよね。 それでその話をしたら、行きたいとなって、 去年行った時には言わなかったんですけど、行きたいと。 なので、割と下の子は映画館とかも結構暗いところが嫌いで、 小学校6年生なんですけど、なんか嫌がるんで、 1回行くかと思ってたんですけど、 どうやら興味があると思って、 もうチケット自体は完売してるんですけど、 たまたま開放された席があるタイミングではあって、 それで予約することができたんで行ってきました。 前回は前から2列目っていう結構すごい前の方だったんですけど、 今回は割と2階席の一番前なんで、 割と全体が見えるみたいな感じで、 なんか照明とかが、 例えばこう、前回は当たってる風にしか見えなかったけど、 実際には何か上から下に流れてるんだとか、 そういうところが結構良かったですね。 最後、星空が広がるんですけど、 そういうところも全体が見えてすごい良かったですね。 なんかこう、そんな感じでですね、 結構、僕ミュージカルって生まれて2回目なんですけど、 この演劇ですね、やっぱ音楽とダンスって すごく素敵な方々のものを見て癒やされて、 というわけで今日はですね、水曜日ですよね。 末週の真ん中、お盆明けの方々も多いと思いますけれども、 ここからまた気合い入れてやっていきましょう。 それではですね、 本日もここまで聞いていただきましてありがとうございました。 また明日。