「今年取り組んだアクセシビリティ」としてライトニングトークを行いました。半々くらいアクセシビリティが要件に入ってきたことは今のところない勉強して、できるところから取り入れている今年取り組んだもうひとつのお話として「アイコンと用途・代替テキスト対応表を作った話」という記事を書いています。コントラストについてコントラスト比とは、色同士の明るさ(相対輝度)の比率のことをいいます。明度の差が小さいと、コントラスト比も小さくなり、文字や形が分かりづらくなります。デザインする環境では見えていても、見る人の状況や環境、視力によっては、より高いコントラストを確保していないと情報が伝わらない場面というのは多々あります。屋外でスマホで見ている薄暗い部屋で見ている古いモニタや保護フィルムを使っている急ぎながら見ているではどのくらいコントラストを確保すれば良いか。以上のコントラストを確保するように言われています。以上、非活性の要素や装飾、ロゴに関しては対象外となっています。以上のコントラストを確保するように言われています。以上あかるいブランドカラーとコントラストサイトで使う色を決める時、コーポレートカラーだったりサービスやプロダクトのブランドカラーをベースにすることが多いと思います。出典:ロゴを作る前に知っておくべき有名企業のロゴで使われる「色」とその理由ブランドカラーが濃い色の場合、文字にもUIにも使いやすくて楽なのですが、明るい色の場合、コントラストを確保した情報伝達とブランドイメージの演出との間でデザイナーは頭をひねることになります。そこで今回は、私が今年関わった明るいブランドカラーのお仕事から、こんな風に取り組んでみたよという例を2つご紹介します。明るいブランドカラーを使ってデザインした場合この案件では、地域のママや女性を応援する事業を精力的に展開されている企業さんの会社案内ページをデザインしました。ブランドカラーはパステルピンクとミントグリーンです。企業のメッセージが「ママを楽しむ、ワタシを楽しむ、社会とつながる」ということで、家事や育児やお仕事をこなすだけでなく、1人の女性としてのワタシがワクワクするようなデザインを目指しました。事業紹介の部分のデザインブランドカラーの飾り文字や水彩模様で装飾しつつ、文字はブランドカラーと重ねてもコントラストが確保できるやわらかい黒(#444)を使っています。要素の役割とコントラスト情報を伝えるための要素とイメージの演出のための要素を分けると次のようになります。明るいブランドカラーは主に装飾的な要素で使い、文字やリンクを表す矢印は黒を使っています。要素の役割を整理することで、コントラストを確保する部分と自由に遊ぶ部分のバランスをとりました。ロゴの色でもOKちなみに、サイトで使う色は必ずしもロゴの色とイコールじゃなくて良いと思っています(もちろんクライアントさんや制作メンバーに事前にきちんと話を通しておく必要はありますが)。ロゴの色が明るいブルーの場合。そのまま白い文字を合わせるとコントラスト不足なので濃いめに調整してあげたり、黒い文字を合わせると数値的にはOKでも感覚として見づらいので明るめに調整してあげるなど、サイトの目的やトンマナに合わせて、ロゴの色とは別にサイトで使う色を定義してあげる方法もあります。明るいブランドカラーを決めた場合この案件では、高知の飲食店と運送会社がタッグを組んだデリバリーサービスのロゴマークと、テストマーケティング用のチラシをご依頼いただきました。Delivery」というキーフレーズと一緒に提案しました。コロナ禍の中での希望や、新緑のようなフレッシュさ、挑戦する姿勢、キャッチーな親しみやすさ、安心感など、ブランドカラーとしてサービスの目指す姿や提供する価値を伝えることを優先してこの色を選びました。ブランドカラーを「ブランド」にするためにロゴやブランドカラーはサービスを展開していく中で様々に使われることで「ブランド」を作っていくものです。ウェブサイトやSNS運用、グランドオープン以降のチラシも、私ではなく別の方が作ってくださってますし、加盟店さんにも使っていただくことが想定されます。そこで、ロゴマークの使用ガイドの中に、色に関する2つの注意点を加えました。サービスがスタートしてまだ間もないですが、関わる皆さんがこれに沿って運用してくださっているおかげで、コントラスト不足を防げているかなと思います。明るいブランドカラーを活かして伝わるデザインを!明るいブランドカラーを活かして伝わるデザインをするために、何か参考になるところがあれば嬉しいです。今後の抱負おまけに、年末なので今後の抱負を語ってみようと思います。ミッションは「必要な場所にデザインを届ける」です。みんなが知っている・たくさんの人が使っているものを磨き上げていくデザインは一流デザイナーさんにお任せして、私は今デザインが足りてないところにデザインを届けていくような仕事をしたいと思っています。アクセシビリティについても、今までできていなかったところを少しでもアクセシブルにするような取り組みをしていきたいです。理想としては、私がデザインに関わったものはどんどんアクセシビリティが上がっていく「流しのアクセシビリティシャン」みたいな存在になれたらいいなと思ってます。今後もできることから1歩ずつ取り組みを続けていきます。代替テキストAuthor@mjmjsachi兵庫県生まれ、高知在住。いう屋号で印刷物とウェブのデザインをしています。ビールとコーヒーとオレンジジュースが好き。築55年の古家でこぶたのうたちゃんと暮らしています。