間嶋沙知🐖mjmj Profile Banner
間嶋沙知🐖mjmj Profile
間嶋沙知🐖mjmj

@mjmjsachi

2,675
Followers
447
Following
973
Media
18,848
Statuses

高知のフリーランスデザイナー。印刷物とウェブのデザインをしています。目下の関心はアクセシビリティやユニバーサルデザイン。🐖のうたちゃんと暮らしています。 書籍『見えにくい、読みにくい「困った!」を解決するデザイン』発売中📖 特設サイト

高知市
Joined May 2010
Don't wanna be here? Send us removal request.
Pinned Tweet
@mjmjsachi
間嶋沙知🐖mjmj
24 days
改訂版が出ます📘 ユニバーサルデザインやアクセシビリティの入門書としてご好評をいただいている #困ったを解決するデザイン 最新の事例やトピックスを加えて、ページ数はそのままにパワーアップした改訂版の登場です💪 電子版も同時発売予定。ただいま予約受付中です!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
61
215
@mjmjsachi
間嶋沙知🐖mjmj
3 years
SNS広告やアイキャッチ画像で「もったいない!」と感じるNo.1が、明るい背景+白文字でコントラスト不足になっているパターンです。文字が真っ黒だとトンマナに合わない場合は、グレーや同系色の濃色にすると、伝えたい印象に近づくかも💡 #mjmjUD
Tweet media one
Tweet media two
Tweet media three
1
100
802
@mjmjsachi
間嶋沙知🐖mjmj
2 years
色相ごとにどれくらいの明るさがあればコントラストが確保できるか調べた感想 😮用途をコントロールできれば、思ったより鮮やかな色も使えそう 😮基準値ギリギリを攻めると、明るいグレー等の背景色と組み合わせられないので注意 #困ったを解決するデザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
3
136
818
@mjmjsachi
間嶋沙知🐖mjmj
2 years
本が出ます📘 色、文字、ことば、図解、UIの各章で、基礎知識+改善例で学ぶ構成です。 ユニバーサルデザインやアクセシビリティにデザイン面から取り組んでみたいけれど、何から始めれば…?という方に最適な1冊。 Amazonで予約受付中です! #困ったを解決するデザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
5
206
762
@mjmjsachi
間嶋沙知🐖mjmj
4 years
市役所で「ピンクの紙に記入してお待ちください」と言われた。色による直感的なコミュニケーション+色覚をバリアにしない配慮!
Tweet media one
1
370
702
@mjmjsachi
間嶋沙知🐖mjmj
2 years
明日の内容チラ見せ👀 ボタンを押す行為ひとつも、このように分解できます。どこかに「困った!」が発生すると、使いにくくなってしまいます。 「できそう」という予測と、実際に「できる」結果が一致すると、直感的で使いやすいものになります。 #困ったを解決するデザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
82
557
@mjmjsachi
間嶋沙知🐖mjmj
2 years
色弱の方に見分けにくい色の組み合わせをグレースケールで見てみると…見事に明度差がないのがわかりますね👀❗️ 逆にいえば、見分けにくい色の組み合わせでも、明度差があれば見分けやすくなる👍 #直感を理論で学ぶ配色
Tweet media one
Tweet media two
1
140
479
@mjmjsachi
間嶋沙知🐖mjmj
1 year
コントラスト不足は読みにくいけど、高コントラストすぎても(例:白 #fff ×黒 #000 )視覚過敏の人はつらい…の落とし所として「WCAG のAAA基準の7:1」が挙げられていて、へ〜〜となった
0
87
447
@mjmjsachi
間嶋沙知🐖mjmj
2 years
高知のローソンにもあった👂イラストを指差してコミュニケーションできるから、聴こえにくい人以外にも助かりそう。 ローソン、「耳マーク」を表示した指差しシートをレジカウンターに設置 聴覚に障がいのある人の買物をサポート
Tweet media one
0
245
382
@mjmjsachi
間嶋沙知🐖mjmj
2 years
久々に街へ出たらクリスマスカラーがいっぱいでした🎅 赤×緑はD型色覚の人にとって見分けにくい組み合わせ。気になった配色を改善する方法を考えてみました。 1⃣背景の緑を暗くして明度差をつける 2⃣赤は文字色ではなく飾りとして差し色にする #困ったを解決するデザイン
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
170
358
@mjmjsachi
間嶋沙知🐖mjmj
2 years
Chrome のデベロッパーツールで色覚シミュレーションできるの知らなかった! ぼやけて見えるシミュレーションもできる🫥 メニューの More Tools > Rendering を選ぶと使えます。
Tweet media one
Tweet media two
Tweet media three
0
59
268
@mjmjsachi
間嶋沙知🐖mjmj
2 years
CUD推奨配色セットの Illustrator スウォッチライブラリが配布されてるの知らなかった!
Tweet media one
@mjmjsachi
間嶋沙知🐖mjmj
3 years
「CUD推奨配色セット」は、小さな面積でも見分けやすい高彩度のアクセントカラー9色+広い面積に用いる高明度・低彩度のベースカラー7色+アクセント・ベースカラーと誤認しにくい無彩色4色の合計20色のカラーパレットです。
Tweet media one
0
46
238
0
64
247
@mjmjsachi
間嶋沙知🐖mjmj
5 months
いつもの資料にユニバーサルデザインを取り入れてみると…? 色と文字のよくある問題を具体的な改善例と合わせて解説しました。職種を問わず活用できる内容です😀 赤は目立つ?UDフォントを使えばOK?デザイナーが解説するユニバーサルな資料作成のコツ #PR #みんなの資料作成
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
48
246
@mjmjsachi
間嶋沙知🐖mjmj
3 years
「CUD推奨配色セット」は、小さな面積でも見分けやすい高彩度のアクセントカラー9色+広い面積に用いる高明度・低彩度のベースカラー7色+アクセント・ベースカラーと誤認しにくい無彩色4色の合計20色のカラーパレットです。
Tweet media one
0
46
238
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#困ったを解決するデザイン 紙の本では、カバーそでに登場人物のプロフィールがいつでも読める仕掛けがあります。 サクサク読めて、デザインの問題発見と解決のヒントが学べる224ページ。 年末年始の一冊にどうぞ📖
0
22
193
@mjmjsachi
間嶋沙知🐖mjmj
6 years
まつい @zuu_matsui さんのこれすごく良い! ダミーテキストでWF先行って無駄が多い。クライアントは原稿書きのプロではないので、例にあるように、編集してコンテンツの見せ方からデザインできると良い コンテンツファースト思考でデザインするときに気をつけてること
1
39
184
@mjmjsachi
間嶋沙知🐖mjmj
3 years
「わかりやすさ」をつくる13のポイント📗が届きました。 知的障害のある人に向けて文章を書くためのポイントが解説と例文つきでまとまっています。 わかりやすさは速く正確に伝えることにもつながります。元原稿からデザインを起こす際のヒントにもなると感じました #mjmjUD
Tweet media one
2
31
182
@mjmjsachi
間嶋沙知🐖mjmj
1 year
☑︎ APCAは同じ色の組み合わせでも背景と前景を入れ替えると値(Lc)が変わる ☑︎ WCAG2 基準の「十分なコントラストがありそうだけどNG/OKだけど視認性が足りなく見える」といったギャップが、APCAを活用すると埋められそう
Tweet media one
@gihyojp
gihyo.jp
1 year
文字の視認性とコントラストに関する新基準APCAを学ぼう 「第2回 WCAG3のコントラスト基準APCAの考え方と実例」 by @shunito 公開
0
17
49
1
33
175
@mjmjsachi
間嶋沙知🐖mjmj
2 years
高知オーテピア1階で実証実験中の「コード化点字ブロック」を見てきました。専用のアプリをかざすと、案内情報が音声やテキストで得られます。進行方向(読み取る向き)に合わせて案内が変わる仕組み! #アクセシブラリ
Tweet media one
Tweet media two
3
53
169
@mjmjsachi
間嶋沙知🐖mjmj
1 year
ローソンのレジ横用「耳マーク」つき指差しシートと、コミュニケーションボードのPDFが公開されています #GAAD “全国の自治体やお客さまから、「各小売店などで活用するため、指差しシートのデータを提供してほしい」とのご要望をいただき、データを公開しています。”
Tweet media one
Tweet media two
1
121
169
@mjmjsachi
間嶋沙知🐖mjmj
2 years
こういうのね!
Tweet media one
Tweet media two
0
23
161
@mjmjsachi
間嶋沙知🐖mjmj
1 year
“人間の知覚的なコントラストは、色の相対輝度の差だけではなく、色の明るさや彩度の差にも影響を受けます。” 「オレンジ問題」に立ち向かう🍊 文字の視認性とコントラストに関する新基準APCAに迫る連載!
0
17
164
@mjmjsachi
間嶋沙知🐖mjmj
2 years
基準値ギリギリを攻めると〜というのは、こういう感じです。グレー背景でセクション区切ったり、囲みをつけたり、エラーメッセージに背景色つけたりしますよね。 ギリギリを攻めるより、しっかりコントラストが確保できていた方が、見やすさも使いやすさも増します。
Tweet media one
1
18
157
@mjmjsachi
間嶋沙知🐖mjmj
5 months
大変お待たせしておりました『見えにくい、読みにくい「困った!」を解決するデザイン』リフロー版が発売されました! 新年度から情報発信に関わることになった方、アクセシビリティやユニバーサルデザインが気になっている方、ゴールデンウィークのお供にいかがでしょうか🤲
1
40
159
@mjmjsachi
間嶋沙知🐖mjmj
1 year
PowerPoint のアクセシビリティメニューに[色なしで検査]が追加されてる! グレースケールでも情報が伝わるか=色の見え方によらず伝わるかがパワポ上でチェックできる👌
2
65
152
@mjmjsachi
間嶋沙知🐖mjmj
2 years
マウスオーバーしたときや、テキストを選択したとき、視認性が下がると地味に困る… ➡️注目している部分だからこそ、コントラストを確保しよう #困ったを解決するデザイン
Tweet media one
1
18
147
@mjmjsachi
間嶋沙知🐖mjmj
2 years
全農広報部さんのALT(画像の代替テキスト)はいつも過不足がなく&美味しそうで良いなあと思うのですがどうでしょう🍆
@zennoh_food
全農広報部【公式】日本の食を味わう
2 years
昨年も言ったけどつぶやかずにはいられないことなんですが、ズッキーニは縦に切って焼くとおいしいです。油をひいたフライパンで断面の側を焼き目がつくまで焼いて、ひっくり返したら蓋をして蒸し焼きにすると香ばし&柔らかく仕上がります。これはもう、私的、3大・夏の風物詩と思っている。
Tweet media one
Tweet media two
Tweet media three
Tweet media four
116
10K
46K
4
32
143
@mjmjsachi
間嶋沙知🐖mjmj
3 years
折れ線グラフの改善例。BeforeはD型色覚の方に見分けにくい色の組み合わせになっています。 色の組み合わせを変える他にも、線やマーカーの種類を変えたり、凡例をグラフ内のラベルとして表記するなど、色だけでなく複数の手段を組み合わせることで、確実に情報を伝える工夫ができます。 #mjmjUD
Tweet media one
Tweet media two
1
21
142
@mjmjsachi
間嶋沙知🐖mjmj
1 year
世界の100万のウェブサイトでアクセシビリティの自動テストを行なった結果、エラーの96.1%は次の6つに分類できた🫥 ☑︎コントラスト不足 ☑︎画像の代替テキストがない ☑︎空のリンク ☑︎フォームの入力ラベルがない ☑︎空のボタン ☑︎ページの言語が設定されていない
1
24
141
@mjmjsachi
間嶋沙知🐖mjmj
2 years
Before:理科の教科書で、赤と黒の銅線の区別がしにくかった。 「図版の赤を青に変更できないか?」と指摘が入るも、実際の実験教材は赤い銅線なので混乱を生んでしまう… After:赤をオレンジ寄りに変更 + 赤い銅線のイラストは主線も赤にして、よりわかりやすく!
Tweet media one
1
20
137
@mjmjsachi
間嶋沙知🐖mjmj
3 years
ボタンデザインによくあるアクセシビリティとユーザビリティの問題 😖ボタンのテキスト、境界線、他階層のボタンとの差にコントラストが足りない 😖非活性状態やプレーンテキストに見える 😖色だけに依存している 😖スタイルに一貫性がない
1
14
133
@mjmjsachi
間嶋沙知🐖mjmj
3 years
身の回りのユニバーサルデザイン:自販機の受け皿付きコイン投入口 硬貨を1枚ずつ小さなスリットに入れるタイプに比べて、楽に失敗なくお金を入れることができます。 手先の不自由な方だけでなく、急いでいる時や寒さで手がかじかんでいる時にも便利ですね👌
Tweet media one
Tweet media two
0
20
134
@mjmjsachi
間嶋沙知🐖mjmj
3 years
Mac にも「CUD推奨配色セット」や「JIS安全色」パレットを追加もできるって! Mac OS 用「CUDカラーパレット」がダウンロードできるように|CUDO
Tweet media one
1
46
130
@mjmjsachi
間嶋沙知🐖mjmj
2 years
文字サイズが16pxだと、幅640px程度。 参考として、note は本文18px・幅620px(1行あたり35文字程度)。 長文をすらすら読みやすくしたいコンテンツではとくに意識したいですね📖
@cloud10designs
ゆうてん🖖
2 years
何文字くらいにするのかというと、日本語の全角40文字程度を上限としてデザイナーに伝えます。 WCAG 達成基準 1.4.8 視覚的提示(AAA)にもその閾値が書かれてあるので、これを参考にしています。 適合レベルはAAAなので、厳密に40文字以上と厳しく取り締まることは稀です。
1
3
43
1
13
127
@mjmjsachi
間嶋沙知🐖mjmj
3 years
今夜の DTP Transit #mjmjUD で使用するスライドです。 現場ですぐに取り入れられる基礎知識と改善のヒントを時間が許す限りお伝えしたいと思っています😉 よろしくお願いします!
Tweet media one
0
28
126
@mjmjsachi
間嶋沙知🐖mjmj
5 years
#wcan 2019 winter での登壇内容をテキスト化しました! (アクセシビリティ Advent Calendar の 9日目です) 「ウェブ制作に活かすユニバーサルデザインの視点」
1
45
115
@mjmjsachi
間嶋沙知🐖mjmj
2 years
色相・彩度・明度を調整しながらコントラストチェックできる Colorable “If one says ‘Red’ and there are 50 people listening, it can be expected that there will be 50 reds in their minds. And one can be sure that all these reds will be very different.”
Tweet media one
0
16
111
@mjmjsachi
間嶋沙知🐖mjmj
6 years
WordBench 倉敷 第4回勉強会のLT登壇資料「認知心理学に学ぶ 伝わる情報デザイン」を公開しました。初めて他の地域の WordBench に参加できて楽しかったです! #wbkurashiki
1
29
115
@mjmjsachi
間嶋沙知🐖mjmj
5 months
「困った!を解決するデザイン展」を開催します🎈(高知) 会期:2024年4月24日水曜〜4月28日日曜 時間:10:00〜18:00(最終日は16:00まで) 会場:高知市文化プラザかるぽーと 7階 第5展示室 入場無料 会期中は毎日在廊しています。お近くの皆さま、ぜひ遊びに来てください!
Tweet media one
1
37
108
@mjmjsachi
間嶋沙知🐖mjmj
2 years
私からのお年玉…ではないですが #困ったを解決するデザイン の特設サイトでは、巻末の「チェックリスト」のPDF版がダウンロードできます。 本の内容の実践チェックにお役立てください👌
Tweet media one
0
28
108
@mjmjsachi
間嶋沙知🐖mjmj
3 years
円グラフ、どう改善する? D型色覚の人にとって見分けにくい色同士が隣り合っているため、データが読み取りづらくなっている円グラフ。どのように改善できるでしょうか? 今週金曜日1月28日の DTP Transit では4つの改善案をご紹介します🧐 #mjmjUD
Tweet media one
0
27
101
@mjmjsachi
間嶋沙知🐖mjmj
3 years
Mac のツールバーに常駐させられるコントラストチェックアプリContrast がいつの間にか無料になってた😳 デザインツールはもちろん、画面上の気になるコントラストを何でもサクッとチェックできます。 Mac 使ってる全デザイナーにおすすめしたいアプリです!!!
1
19
101
@mjmjsachi
間嶋沙知🐖mjmj
3 years
デザインツールでも、テキストスタイルの「すべて大文字」を使うと便利だよ。スペルミスも減るし、テキストをコピペすると打った通り(画像だと Topics)になる。
Tweet media one
@hiro_ghap1
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro
3 years
「ABOUT」みたいなすべて大文字のテキストを表示する時、HTML上では「About」のように小文字(or先頭大文字)にして、CSSの text-transform: uppercase;で大文字にするのは、ブラウザに「エービーオー…」と読み上げられないためです。 ※英語圏ではすべて大文字にすると略語として扱われます。OMGとか
3
461
2K
0
27
98
@mjmjsachi
間嶋沙知🐖mjmj
3 years
レントゲン「撮影中」の赤い電光サイン、一般色覚(C型)では点灯なのが一目瞭然ですが、P型色覚の方にはやや分かりづらい色のようですね👀 アプリ「色のシミュレータ」は気になった時すぐに試せて便利です
Tweet media one
0
22
96
@mjmjsachi
間嶋沙知🐖mjmj
3 months
とっさに押したとき、危なくない方(ひらく)のボタンが目立っているエレベーターの開閉ボタン #困ったを解決するデザイン
Tweet media one
0
18
98
@mjmjsachi
間嶋沙知🐖mjmj
3 years
「文字の読みやすさ」には 視認性/判読性/可読性 の3種類があります。 先のアンケートは可読性を評価するものでした。 UDフォントの「読みやすさ」とは何なのか?どんな場面で使うと良いか? 1月28日 DTP Transit でお話します! #mjmjUD
Tweet media one
1
16
94
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#朝までイラレ 「カラーユニバーサルデザイン入門! 色覚シミュレーターを使ってみよう」ご参加ありがとうございました! 獅子舞の中にいたのはうたちゃんでした〜 年明けの CSS Nite もよろしくお願いします🙏
Tweet media one
2
9
95
@mjmjsachi
間嶋沙知🐖mjmj
3 years
#mjmjUD ハッシュタグで教えていただいた視覚障害者の「見え方紹介アプリ」をインストールしてみました。 たくさん設定項目があって、見えづらさは本当に人それぞれなのが分かります。身の回りで危険になりそうな場所がないか考えるヒントをもらえそうです。
Tweet media one
Tweet media two
Tweet media three
1
22
94
@mjmjsachi
間嶋沙知🐖mjmj
11 months
本日アクセシビリティカンファレンス福岡です🚩 皆さんにお会いできるのを楽しみにしています! LINEヤフーコミュニケーションズさんの広くてかっこいい会場。登壇者の背景は、スポンサーさんのロゴが並んだ記者会見みたいなパネルが立ってます。すごい! #fukuoka_a11yconf
Tweet media one
Tweet media two
1
16
89
@mjmjsachi
間嶋沙知🐖mjmj
3 years
加齢による見え方の変化👀 明日1月28日開催の DTP Transit セミナーでは、高齢者の色覚特性についても触れます。歳を重ねればほとんどの人に現れる白内障では、どんな色の組み合わせが識別しづらくなるのでしょうか? #mjmjUD
Tweet media one
Tweet media two
0
20
89
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#朝までイラレ まであと4日! Illustratorで色覚シミュレーションをして色を調整するときは、画面を分割表示をすると、シミュレーションON/OFFを並べて確認できて便利です✌️ 1. 同じファイルを複数開く 2. 画面右上の「ドキュメントレイアウト」で分割を選ぶ 3. 画面ごとにシミュレーションをかける
Tweet media one
0
12
88
@mjmjsachi
間嶋沙知🐖mjmj
1 year
来週月曜8月7日21時〜 #Schoo さんで図解のお話をします。 色、文字に続く「パワポで使える〜」シリーズ第3弾として、図解制作のポイントや、わかりやすさを高める方法をお伝えします。 当日生放送の視聴は無料です。ご参加お待ちしています!
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
15
86
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#朝までイラレ お申込み3,000人超え😮 私のセッションでは、リアルタイム or アーカイブチケットでご視聴のみなさんへの特典として、見分けにく色の組み合わせ例と改善のコツを1枚にまとめた資料をプレゼント予定です! お申込み・30セッションの詳細は👉
Tweet media one
2
11
85
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#朝までイラレ の準備中。 Adobe color のアクセシビリティツールタブでは、カラーホイール上の見分けにくい色同士の間に白い太線が表示されます(コンフリクトライン)。スウォッチを動かして、色の組み合わせを調整します。
1
10
83
@mjmjsachi
間嶋沙知🐖mjmj
1 year
福岡市「認知症の人にもやさしいデザインの手引き」の内容が実際に活かされてるトイレ! >RT
Tweet media one
Tweet media two
3
33
82
@mjmjsachi
間嶋沙知🐖mjmj
2 years
書籍『見えにくい、読みにくい「困った!」を解決するデザイン』は明日11月28日から全国順次発売です📘 たくさんの方に刺激を受けて、助けていただきながら完成した1冊、手にとっていただけたら嬉しいです! #困ったを解決するデザイン Amazon 販売ページ
Tweet media one
0
19
83
@mjmjsachi
間嶋沙知🐖mjmj
2 years
“ 何かしらのハンディを持った人に向けて作ったものは、その延長線上でいろいろな人の不便や弱点をカバーする可能性があるとわかる。” インクルーシブデザインだ💡 NIKEスニーカーが妊婦に人気!障がい者のハンデ解消が生んだヒット商品続々
2
16
81
@mjmjsachi
間嶋沙知🐖mjmj
1 year
話題になっていたリンクテキストのツイートです! #ノンデザ25周年
@cloud10designs
ゆうてん🖖
1 year
これ、みんなが一番知りたかったやつでは??
Tweet media one
4
1K
6K
2
14
81
@mjmjsachi
間嶋沙知🐖mjmj
2 years
複数色の組み合わせのコントラストをチェックするときは、Contrast Grid が便利です #困ったを解決するデザイン
Tweet media one
0
8
80
@mjmjsachi
間嶋沙知🐖mjmj
4 years
「「島暮らし」って生きていけるの?〜地方で生きる生活と仕事〜」西川真理子さんと中村恭子さんの島暮らし対談のグラフィックレポートを描きました #wcogijima 途中通信が途切れる「島あるある」もありましたが、島暮らしがうらやましくなる楽しい対談でした✨
Tweet media one
1
23
80
@mjmjsachi
間嶋沙知🐖mjmj
2 years
もしも Teams のユーザープレゼンスアイコンが色のみだったら…連絡可能と退席中がわかりづらかったかも。色だけでなく記号でも状態がわかるようになってる👌 #mjmjUD
Tweet media one
0
17
79
@mjmjsachi
間嶋沙知🐖mjmj
2 years
#困ったを解決するデザイン 見本誌が届きました📖 「困った!」ときにぶぶっと開けるA5サイズ・224ページです。
Tweet media one
1
11
79
@mjmjsachi
間嶋沙知🐖mjmj
3 years
良いーー! “アクセシビリティの規格を満たすことだけをゴールにするのではなく、情報発信において“なぜアクセシビリティの担保が重要なのか?”という対応の意義から実務スタッフに理解してもらうことで、恒常的に運用を続けていける内容にまとめました。”
0
15
77
@mjmjsachi
間嶋沙知🐖mjmj
2 years
“「色覚多様性」という言葉も、「色覚異常」を別の表現で言い換えようとしているのではなく、これまで正常とされてきたものも、異常とされてきたものも、ひっくるめてヒトの多様性の一部だということを主張しているわけで、むしろ、新しい概念の提案といった方が正確です。”
@Rsider
川端裕人 『ドードー鳥と孤独鳥』(国書刊行会)いよいよ発売中!
2 years
今年の前半から書いていたこのシリーズがやっと表に出ました。これから更新していきます。今回は「ごあいさつ」です。──『いろいろな人のいろいろな色 色覚多様性をめぐって』 第1回 はじめに ~「色覚の違い」に橋を架ける~ 川端裕人 集英社学芸の森
Tweet media one
1
61
90
0
15
75
@mjmjsachi
間嶋沙知🐖mjmj
5 years
8月26日(月)の昼と8月29日(木)の夜に高知で「ユニバーサルデザイン基礎〈色と文字〉」という勉強会を開催します! ノンデザイナー大歓迎。��やすく・読みやすく・分かりやすい「伝わる」デザインの基礎を学んでみましょう😀
0
33
74
@mjmjsachi
間嶋沙知🐖mjmj
1 year
『ノンデザイナーズ・デザインブック』25周年記念のプレゼント冊子PDF『Missing Pages 2023』に参加させていただきました。 「デザインの意図を伝えるウェブアクセシビリティ」として、ノンデザイナーの方に伝えたい基本ポイントをまとめました。 #ノンデザ25周年 🎊
1
11
75
@mjmjsachi
間嶋沙知🐖mjmj
3 years
色覚サポートモードのあるプロダクト例 パズルゲーム TwoDots プロジェクト管理ツール Trello 色と模様を組み合わせることで、色覚や環境によらずプロダクトを使える工夫がされています。寝る前に暗いところでゲームする時にも便利ですね😜 #mjmjUD
Tweet media one
Tweet media two
0
16
74
@mjmjsachi
間嶋沙知🐖mjmj
3 years
DTP Transit でお話させてもらえることになりました。 昨年11月に開催した勉強会の再演です。前回ご都合が合わなかった方も、今回はアーカイブチケットがあります✌️よろしくお願いします! 見やすく・読みやすく・わかりやすいデザインのためのユニバーサルデザインの基礎
2
7
72
@mjmjsachi
間嶋沙知🐖mjmj
7 months
ウェブアクセシビリティに関する現行のJIS規格 JIS X 8341-3:2016 と一致する WCAG 2.0 から2.2で何が変わったのか、次の改訂までにチェックしておくと良さそうですね。 WCAG 2.1 解説書は日本語訳があります→
Tweet media one
2
9
71
@mjmjsachi
間嶋沙知🐖mjmj
2 years
セミナーも終わったので #新しいプロフィール画像 にしました。 書籍 #困ったを解決するデザイン のイラストでお世話になったイラストレーターの玉利樹貴さんに、著者近影 with うたちゃんを描いてもらいました。
Tweet media one
2
0
71
@mjmjsachi
間嶋沙知🐖mjmj
6 years
WordCamp Ogijima 2018 の登壇資料「明日からできるデザイン・コンテンツのアクセシビリティ入門2018」を公開しました。 初めての WordCamp 参加で、実行委員もスピーカーも経験させていただけました。お会いできたみなさま、ありがとうございます! #WCOgijima
1
25
69
@mjmjsachi
間嶋沙知🐖mjmj
1 year
“今回の改正法によって、ウェブサイトをアクセシブルにすること (たとえば JIS X8341-3 : 2016 の適合レベル A 準拠など) が法的に義務化されたという言説が一部で見受けられますが、現時点では、これは正しい解釈ではありません。”
1
10
71
@mjmjsachi
間嶋沙知🐖mjmj
1 year
マーケティング情報メディアの ferret さんにインタビューをしていただきました。 マーケターやディレクションをされている方に届け〜〜〜💌 成果が出ないサイトの原因はデザインかも? デザイナーに聞く「ウェブアクセシビリティ」の重要性
1
20
71
@mjmjsachi
間嶋沙知🐖mjmj
2 years
点字ブロックに沿って歩行誘導を体験したとき「直角にしか曲がれないのは不便だな」と思ったけど、方向転換を意識することが大事なんだ。ブロックに沿って歩いてたらいつの間にか曲がってた😨は困るね。
@aloha_koh
Kohei_Oka
2 years
一応専門家として気になったので。点字ブロックをカーブさせるのは推奨されない。方向がわからなくなるので。
Tweet media one
329
25K
120K
0
20
66
@mjmjsachi
間嶋沙知🐖mjmj
2 years
“技術者でない方 (デザイナーや行政人材) も理解できるように、専門用語をなるべく排した平易なテキストでまとめられていること、また理解の助けとして図解が多く盛り込まれていること、が特長と言えます。” デジタル庁「ウェブアクセシビリティ導入ガイドブック」
0
0
68
@mjmjsachi
間嶋沙知🐖mjmj
3 years
ついにぶたちゃんが家に来ました〜🎊 名前は「うた」です。さっきから膝の上で延々と私の手の平を掘ってます🐽
2
3
66
@mjmjsachi
間嶋沙知🐖mjmj
2 years
『見えにくい、読みにくい「困った!」を解決するデザイン』発売日です📖 うたちゃんと一緒に遠くの街へは行きにくいので、お近くに届いたら教えていただけると飛んで喜びます #困ったを解決するデザイン
Tweet media one
2
14
66
@mjmjsachi
間嶋沙知🐖mjmj
2 years
今週末の CSS Nite セミナーでは、ユニバーサルな視点から具体的な「困った!」の改善のヒントをご紹介します。 解決策はひとつではありません。 こうしたらもっと良くなる! というアイデアが浮かんだら #困ったを解決するデザイン で教えてください😉 ご参加お申し込み→
Tweet media one
Tweet media two
Tweet media three
Tweet media four
@mjmjsachi
間嶋沙知🐖mjmj
2 years
たとえば、次のニュースサイトの記事一覧画面のデザインにはこんな困りごとが隠れています。 セミナーでは具体例をとおして「困った!」を発見する視点と改善のための基礎知識をお伝えします。 #困ったを解決するデザイン
Tweet media one
1
12
56
0
20
63
@mjmjsachi
間嶋沙知🐖mjmj
3 years
やっほー
Tweet media one
12
0
63
@mjmjsachi
間嶋沙知🐖mjmj
2 years
カラーユニバーサルデザイン機構(CUDO)の個人賛助会員になったよ。 ✅カラーユニバーサルデザイン推奨配色セットガイドブック ✅CUDの進め方やポイントがまとまったガイドブック ✅イラストと身近な事例で子どもにも分かりやすい「カラーユニバーサルデザイン」って何だろう?の冊子 がついてきた!
Tweet media one
0
7
62
@mjmjsachi
間嶋沙知🐖mjmj
3 years
何でもUDフォントを使っておけば「読みやすい」のか? 3種類の書体で組まれた誌面でロービジョンと晴眼者のデザイナーに「読みやすさ」のアンケートをとった結果… ものづくりの人々。[高橋 貴子さん 第2回 文字のリズムを読んでいる]より
Tweet media one
1
12
62
@mjmjsachi
間嶋沙知🐖mjmj
2 years
私は昨夜何を見たんだろう… #朝までイラレ
Tweet media one
1
0
62
@mjmjsachi
間嶋沙知🐖mjmj
1 year
『縁の下のUIデザイン』が届いたよ。目を惹くヒーロー的な存在じゃないけど、真面目にデザインしていれば必ずお世話になる“縁の下”的なUIの考え方が実例を交えて解説されています。どこから読んでもOKな構成もありがたいです。
Tweet media one
1
6
61
@mjmjsachi
間嶋沙知🐖mjmj
11 months
昨日お会いできた皆さん、ありがとうございました! 6年前の福岡のアクセシビリティセミナーに参加してアクセシビリティ熱が燃え上がったので、今回登壇させていただけて本当に光栄でした。呼んでくださったゆうてんさん、支えてくださったスタッフの皆さんに心から感謝します! #fukuoka_a11yconf
Tweet media one
3
3
59
@mjmjsachi
間嶋沙知🐖mjmj
2 years
補足:Illustrator や Photoshop には色覚シミュレーションを行える機能があります! 見分けにくい色の組み合わせのチェックは、シミュレーターを使った方が確実です。 グレースケール変換は、見分けにくい色を見つけた後に色の調整の補助ツールとして使うのがおすすめです👌
Tweet media one
Tweet media two
Tweet media three
@matsuoespresso
matsuoespresso
2 years
配色の理論として明度差などをきちんとつける配色については全くその通りですが、色覚異常の方についてはイラレの校正で色覚シミュレーションをしていただいた方が確実かと思います。明度差とは違う感じ方なので。
1
0
4
1
15
56
@mjmjsachi
間嶋沙知🐖mjmj
5 years
ユニバーサルデザイン勉強会のチラシが出来ました! 配って宣伝&認知拡大する🐘
Tweet media one
1
10
58
@mjmjsachi
間嶋沙知🐖mjmj
2 years
たとえば、次のニュースサイトの記事一覧画面のデザインにはこんな困りごとが隠れています。 セミナーでは具体例をとおして「困った!」を発見する視点と改善のための基礎知識をお伝えします。 #困ったを解決するデザイン
Tweet media one
1
12
56