なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常
可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。 Zeal Windows、Linux、MacOS用各種揃っている無料のオフラインドキュメント。 チートシート devhints.io JavaScript、CSS、Go、vim等のショートカット、書式などチートシート。字が薄くて見辛い。 SEOツール Key
オープンソースの集まりで1度しか実際にお会いしていませんが、お願いがあります。 富士通アクセシビリティ・アシスタンスというサービスが、2013年8月20日で提供終了します。つまり、あと20日。このソフトは視覚障がい者や色覚障がい者の方がどのように色を見ているかを確認できるツールです。Webサイト制作をしている人なら、今は必要なくても、いつか必要になるソフトです。 8月20日までにダウンロードすれば、8月21日以降もローカル環境で普通に使えるので、なんとかメディアで紹介して頂き、提供終了するまでに、少しでも多くの人に知ってもらいたいと考えています。 紙媒体だと、とても間に合わないのですが、ネット媒体なら、なんとかなるかも！と思い、お願いしたいと思いました。 視覚障がい者や色覚障がい者という障がいに興味がないかもしれませんが、外見では判断できない障がいなので、気付いていないだけなのです。 よか
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
【テスト】きちんと色が見えていますか？ オンラインで「色覚」のチェックをしてみよう 佐藤英典 2012年6月30日 女性の255人にひとり、男性では12人にひとりが色覚に何らかの問題があるという。あなたは大丈夫だろうか？ カラーサイエンスおよびテクノロジー分野の世界的な企業の「エックスライト」は、オンラインでできる色覚のテストを提供している。気になる方はぜひともチェックして頂きたい。 同社が提供している「Online Color Challenge」は、マスに並ぶ色の順番をかえて、きれいなグラデーションを完成させるというもの。左端と右端のマスにはベースとなる色が配置されている。隣り合う色を見極めて、ドラッグ・ドロップで並べ替えていくのだ。 4つの並べ替えを終えて、「score test」のボタンをクリックすると、すぐに評価点がわかる。評価点は低いほど良い結果で、ゼロ点が最高の評価。100点
色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴
Webデザインの評価項目をつくる
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ
『いらすとや』の素材を色覚障がいの視点から見てみた
いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの３つ。３つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋
5分で覚えて一晩遊べる。麻雀の読み合いが凝縮された新作テーブルゲーム「すずめ雀」を体験してきた ライター：蒼之スギウラ アナログゲームの製作販売を行うすごろくやは，新作テーブルゲーム「すずめ雀」を2018年5月5日に発売する。それに先立って，すずめ雀を先行体験できるメディア向け体験会が，ゲームスペース「す箱」にて実施された。 今回の体験会には本作の開発者である，丸田康司氏と篠崎高広氏が登場。本稿では，主題である“ミニマル麻雀”こと「すずめ雀」のゲーム内容を紹介しつつ，両氏によって語られた開発裏話の内容をお伝えしていく。 会場となったボードゲームスペース「す箱」 すずめ雀：対象年齢6歳〜, プレイ人数2〜5人, 所要時間30〜40分 さて，読者の皆さんは「麻雀」というゲームにどういった印象をお持ちだろうか。現在でも多くのファンを持ち，それを題材にした漫画やゲームも多数存在する麻雀は，国内にお
ウェブデザインやグラフィックデザインにおいて色の選択は非常に重要かつ難しい作業ですが、デザイナーでなくともグラフを作る際などに色の選択をする必要に迫られることがあります。データを分かりやすく可視化するためには、どのような色の組みあわせを選択すべきなのか、プロでなくともプロのようなグラフを作れるようになるポイントを、ビジュアルコミュニケーションを専門とするLisa Charlotte Rostさんがまとめています。 How to pick more beautiful colors for your data visualizations | Chartable https://blog.datawrapper.de/beautifulcolors/ ◆色相をあれこれピックアップしすぎない カラーホイール上の色を大別すると、赤・オレンジ・黄・緑・青・紫の6つの色相となりますが、データを可視化
先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ベースとなるカラーを設定したい 1． 原色大辞典 https://www.colordic.org/ いつも参考に
DevToysとは デベロッパーのためのスイスアーミーナイフの紹介文の通り。 開発時によく使うツールを十徳ナイフのようにまとめたアプリになっています。 JSONの整形とかエンコードデコードetc... プログラミングや保守運用の調査でやりがちな作業をいちいち変換サイトを探したり、エディター拡張機能のショートカットを探したりせずとも、これ一つですぐにできます！ インストール Microsoft Storeからインストールできます。 公式サイトからストアへのリンクを踏むか、ストア検索して見つけてください。 WinGetやChocolateyでもインストール可能です。 Microsoft StoreアプリなのでWindowsでしか使えませんが、Macユーザーの方は気を落とさずにこちらの記事をどうぞ！ また、作者曰くMacにはDevBoxやDevUtilsなどの類似ツールが既にあるため非対応だそう
インタフェースデザインのお約束
デジタル製品のデザインに役立つ101の指針。製品のユーザビリティや性能を高める上で必須かつ基本のツボ、マスターすれば時間を節約し顧客満足度をアップできるテクニックが101のコンパクトなルールにまとめられています。メッセージが明確で説明もわかりやすいので短時間で気軽に読むことができます。101のルールは、タイポグラフィ、コントロール、カスタマージャーニー、各種要素の統一、UX全般に関わるプラクティスに分類されているのでリファレンス的に読むことも可能です。「よくある落とし穴」を巧みに回避し、自信をもってユーザーのために闘い、すばらしいユーザーエクスペリエンスを提供するプロへと成長させてくれる一冊です。 ●翻訳者による「日本語版のサポートページ」。 ●日本語版独自の8つの追加ルールが収録された「訳者あとがき」のPDF（6MB）。 というわけで、この長すぎる「訳者あとがき」では、原著者があげなかっ
Wikipedia という、自由に編集できるネット百科事典での攻防の様子。 ライブ感覚でお楽しみ下さい。 348 名前：番組の途中ですが名無しです[] 投稿日：2006/01/10(火) 19:47:09 ID:+sdhsVLk0 ウィキペディアのラルクの項にハイドの身長は156cm、と書くと数時間以内に消される http://ja.wikipedia.org/wiki/%E3%83%A9%E3%83%AB%E3%82%AF 祭りはこの一言から始まった。 490 名前：番組の途中ですが名無しです[] 投稿日：2006/01/11(水) 10:27:43 ID:S/s9kOx70 >>404 ﾔﾀｰ＼(^o^)／ もう消されたよ！ 492 名前：番組の途中ですが名無しです[sage] 投稿日：2006/01/11(水) 10:40:46 D:Okqhw+TX0 >>490 書き直してあるー
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート
お金はないけどUIはキレイにしたい！ “インディーズゲームにおけるUI制作”のノウハウが語られたセッションをレポート ライター：高橋祐介 2021年8月21日にインディーズゲーム開発者向けのオンラインカンファレンス「Indie Developers Conference 2021」が開催された。その中で，インディーズゲームのUIにフォーカスしたセッション「プログラマしかいない お金もない それでもUIを綺麗にする！」が行われた。 登壇したのは，東方Projectのファンゲーム「幻想郷ディフェンダーズ」「幻想戦略譚」などを制作した開発グループ，Neetpiaに所属する少佐氏。氏は両作品のプログラマでありながら，同時にユーザーインタフェース（UI）のデザインも手掛けているという。 少佐氏は大前提として「UIはデザイナーが専任すべき」仕事と前置きしたうえで，「実際の現場ではそこまで人手がなく，グ
2014-09-01 数字が見えない！色覚異常者いっぱいいるよ！ 色覚異常という言葉が生まれたのは最近のこと。 昔はは色弱とか色盲って言われてたね。 色弱、色盲の人は、受験や就職で差別されていたらしい。 「成績に関わらず色覚異常者は不可」 なんてあったとか。ひでぇ。 ただ、社会生活に何ら問題ないという理由で、2003年度から色覚検査が定期健診から外れたらしい。 たしかに、俺が小学生の時はあった、保健室で色覚検査を受けたことを覚えてる。 ちょっと多すぎるんじゃない？ 日本人男性の５％は色覚に異常を持っているとか。 ５％って多すぎ。 ２０人に１人って多すぎるよ。 そして、かく言う俺も色覚異常者でね。 これが見えない 俺の場合は 左上× 中央上12 右上× 左下17 中央下70 右下5 となる。 左上と右上は見えないとダメなんだって。 右下なんて完っ全に『５』どう見たって『５』 俺
２人死亡事故：「色覚障害者に見やすい信号だったら…」 - 毎日新聞
被告、公判で訴えへ 一時停止義務を守らず乗用車で交差点に進入し、タクシーと衝突して２人を死亡させたとして自動車運転処罰法違反（過失致死）に問われた宮城県富谷町、中学教諭、千葉厚志被告（５２）の初公判が２３日、仙台地裁（村田千香子裁判官）であった。千葉被告は起訴内容を大筋で認めて謝罪した上で「先天性色覚異常があり、赤点滅の信号を黄色点滅と見間違えた」と述べた。 弁護側は今後、信号機が障害のある人でも見えやすい「ユニバーサルデザイン」に対応していなかった点などから、情状酌量を求める方針だ。
よく使われる色づかい（上）と、誰でも見分けやすいように考えられた色（下）。厳密な色再現ではない＝伊藤准教授提供 誰でも見分けやすいように工夫した色見本を、東京大や日本塗料工業会などが作った。色覚障害や白内障の人のほか、一般の人にも色を実際に見てもらい、２千色以上から２０色に絞り込んだ。塗料用に続き、印刷インキ用の色見本も近く完成、デザイン業界などで使ってもらう予定だ。 東大の伊藤啓・准教授（分子神経生物学）は印刷インキメーカーのＤＩＣなどと協力、２年前から色見本づくりを進めてきた。実生活で使いそうな色を、屋外で日にあてたり、古い蛍光灯の下に置いたりして、色覚障害の人や白内障手術を受けた人のべ約４０人に見てもらった。 これまでよく使われた色づかいでは、赤と緑は色覚障害の人にとってまぎらわしく、黄色は白内障の人には明るすぎたという。そこで赤はオレンジ寄りに、緑は青みを強く、黄色は濃くした
『閑話休題 羽衣文具廃業 あのチョークが無くなる』
小中学校や高校で使ったあのチョーク。 羽衣文具さんが廃業になります。 昨年あたりからニュースは流れていましたが、 イザその時が来ると、懐かしさのあまり 思わず使わないのに購入したり(笑) 下記記事は少しの間になると思いますが、更新して載せてみます。 時系列の順序が合わないかもしれません。 ＜ 関 連 ＞ 2016.02.20 4-108 黒字企業が消えていく ～自主廃業3万社の衝撃～ 世界が愛した名品 メーカー廃業で消滅！？ 2016.02.17 NHK クローズアップ現代より (動画) ※ 削除されてます。 内容はこちらの中の羽衣文具の部分です。 「チョークを作り続けて82年、このたび廃業することになりました」 渡部 隆康氏［羽衣文具社長］ 2015年3月27日（金） http://business.nikkeibp.co.jp/article/interview/20150326/
「色盲で信号の色見間違った」 タクシーと衝突し2人死なせた教師が障害への理解訴え 1 名前： ビッグブーツ(茨城県)＠＼(^o^)／：2016/06/29(水) 10:05:12.65 ID:BnvJkOrE0.net ２０１４年６月に仙台市泉区で衝突事故を起こして２人を死亡させたとして、自動車運転処罰法違反（過失致死）の罪で在宅起訴された仙台市吉成中教諭の千葉厚志被告（５２）の公判が２８日、仙台地裁であり、被告は「色覚障害があり、信号の赤と黄色を見間違ったまま交差点に進入してしまった」と述べた。 信号は事故当時、赤の点滅で被告側に一時停止義務があった。被告は黄色の点滅と思い込んだ上、「左右からの車に気を取られ、３灯式の信号のどの位置が点滅しているか確認しなかった」と話した。 赤と黄色の区別については「すごく似た色で、通常は明るさの違いで見分けている」と打ち明けた。色覚障害が原因の事故や違
ゲーム内の色違いアイコンについて
よくあることなんだけど、同じマークなのに効果が違うのなんでだろうって思ってたら、実は色違いでしたってことがよくある。 理由は自分が色弱だからなんだけど、影響が小さいものだとゲームの終盤まで、下手したら終わっても気づいてないものっていうのが多くあるんだろうなって思う。 パズルゲームみたく色の見分けがつかないとそもそも満足にプレイできないゲームとかならさっさと諦めるからいいんだけど、アクションゲームとかRPGとかだとそれに気が付かなくてもなんとかなってしまうことが多くて、勝手に苦労しておいてからあとになってそんな簡単なことだったのか！って気づくことはよくある。 ゲームだからいいけど、世の中でも色に頼ればもっと近道できることがあったんだろうなって思うと、色々と心がざわつく。 デザインコストがかさんでしまうかもしれないけど、やっぱり形状を変えてほしい。 それが無理なら、せめてモノクロに変えたときに
トリアージ - Wikipedia
第一次大戦にてフランス軍が設置したトリアージセンター 救護訓練 トリアージ訓練 （2007年9月2日撮影） トリアージ（英語: triage、フランス語: triage）は、多くの傷病者が発生している状況において、傷病の緊急度や重症度に応じた優先度を決めること[1][2][3]。中国や台湾など漢字圏では、検傷分類と言われる[2]。 救急事故現場において、患者の治療順位、救急搬送の順位、搬送先施設の決定などにおいて用いられる。識別救急とも呼ぶ。 トリアージは病院の救命救急部門（ER）受付や[4]、救急通報電話サービスでも行われている[5]。 語源としては、「選別」を意味するフランス語のトリアージュ（仏: triage[注 1][注 2]）とする説が有力である[6]。 種別[編集] 救急搬送サービス[編集] 東京消防庁で実際に使用されているトリアージ・タッグ 熊本赤十字病院の 災害トリアージセ
「青い救急車」開発 色覚障害でも見やすく
救急車や消防車の開発を手がけるベルリング（東京）は、色覚障害がある人でも見やすいように青を基調とした救急車を開発し、７日、東京都内で報道陣に公開した。 白地に赤いラインが入った従来の救急車は、赤が見えにくい人には通常のワゴン車と見分けが難しい。見慣れない配色で目立たせ、道を譲ってもらいやすくする狙いもある。ただ、救急車の車体は法令で白と決まっており、まずは啓発イベントでの活用や、緊急性の低い患者移送を担う民間救急での導入を目指す。 車体は現代アーティストの山口歴さんが、空や海をイメージしてデザイン。青をベースに白や水色の模様を描いている。 総務省消防庁によると、救急車が通報を受けてから現場到着までの平均時間は９・４分で、２０年前より３分以上延びた。一般の車の防音性能が向上してサイレンが聞こえにくくなったのが一因とされ、同社は目立ちやすい車両の開発を進めていた。
1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/03/19(木) 15:59:51.24 ID:Gt/EalamO・深海について ・変な生物について ・人間の体の不思議 ・昔の話 ・科学的に証明されてないのに、現実に起こってること。 ・人間の五感、第六感についての話 ・宇宙の話 こんな感じ！ ■科学が進化する５つの条件 8 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2009/03/19(木) 16:04:15.14 ID:kod9+RYNPヤバイ。宇宙ヤバイ。まじでヤバイよ、マジヤバイ。 宇宙ヤバイ。 まず広い。もう広いなんてもんじゃない。超広い。 広いとかっても 「東京ドーム20個ぶんくらい？」 とか、もう、そういうレベルじゃない。 何しろ無限。スゲェ！なんか単位とか無いの。何坪とか何?fとかを超越してる。無限だし超広い。 しかも膨
色覚異常に関連するトラブルの例 【今直也】色覚異常の子どもの２人に１人が異常に気づかぬまま、進学・就職時期を迎え、６人に１人が、進路の断念などのトラブルを経験していることが、日本眼科医会の調査で分かった。学校での検査は１０年前に中止された。幼児期や小学校で周囲の理解不足に悩むなどの例も相次いでいた。同会は、希望者は学校で検査できるよう国に求めることを決めた。 生まれつきの色覚異常は男性の２０人に１人、女性の５００人に１人の割合で見られる。小学４年を対象に全国で色覚検査が行われてきたが、２００３年度に中止された。検査が社会的な差別にもつながりかねず、異常があっても生活に支障がない人が多いことが理由だ。 国は０１年の労働安全衛生規則の改正で、雇用者が雇用時に色覚検査を行う義務を撤廃。色覚異常があるだけで、採用を制限しないよう指導してきた。だが、航空や写真関係、食品関係の一部、警察官などの
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
「街がこんなにカラフルだとは知らなかった」重度の色覚障害だと思っていたら、光過敏（羞明）だった！遮光眼鏡で劇的改善した話【東海光学のレンズ紹介情報付き】
４年前にお話を伺ったときは打つ手なし、だったのですが、この展開は感動しました。東海光学さんありがとう。ツイッタランドありがとう！ ※正確には光過敏症ではなく、羞明（しゅうめい）と言うそうです。（ふみきちさんが「光過敏症」と表記されたのは、発達障害の特性として感覚過敏があり、当事者がそれぞれの過敏な感覚の名前を頭につけて「私には聴覚過敏があって…」とか「光過敏なので眩しくて辛い」などと日常的に使用しているためです）
私は約一年前から Web アクセシビリティについて注目し始めました。私にとって何かを学ぶこと最も効率的な方法は他人に教えることなので、ミートアップやカンファレンスなどで発言したり、このトピックに関する記事を書いているわけです。Progressive Enhancement については Smashing Magazine で、Web アクセシビリティに関しては Medium で書いています。この記事は3つ目の Web アクセシビリティ関連の記事です。このシリーズを読むのに特に決まった順序はありませんので、興味があれば Writing HTML with accessibility in mind や Writing JavaScript with accessibility in mind を読んでいただければと思います。 私が初めて Web サイトを作った17歳当時、CSS は比較的新しい
Skip to content TOP tagsCUD友の会色覚異常色弱CUDカラーユニバーサルデザインCUD認証製品色覚検査 新着情報 CUD友の会3月16日(土) 川端裕人さん 出版記念交流会 対面・オンラインハイブリッド CUD友の会 オフライン開催 ２月１７日（土）秋葉原 大塚製薬株式会社徳島第二工場「製剤バルク製品ラベル」でＣＵＤ認証取得 CUD友の会1月定例会のお知らせ DICグループよりLIXILをはじめ各メーカーへ視覚障害者用点字誘導ブロック「ルシダ®」のブランドロゴタイプを無償提供開始 00お知らせ 09 CUD友の会 CUD友の会3月16日(土) 川端裕人さん 出版記念交流会 対面・オンラインハイブリッド 2024年2月27日 cudo 事務局i 00お知らせ 09 CUD友の会 CUD友の会 オフライン開催 ２月１７日（土）秋葉原 2024年2月4日 cudo 事務局
世界保健機関(WHO)が「ゲーム障害(ゲーム依存症)」を疾病として正式に認定するなど、テレビゲームはなにかと悪者にされがちな一方で、ゲームをよく遊ぶ人は意志決定能力や運動能力が高いことが過去の研究で判明しています。さらに、ゲーマーの認知機能に注目した新しい研究では、アクションゲームを頻繁にプレイする人は複雑な情報処理能力が高い傾向があることが突き止められました。 Comparing the cognitive performance of action video game players and age‐matched controls following a cognitively fatiguing task: A stage 2 registered report - Campbell - British Journal of Psychology - Wiley Online L
JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。 システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。 端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。 デザイナーの役割と情報の可視化 デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。 もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用
なぜインターネットでは「青色」が多用されているのか？
普段何気なく使用しているインターネット上のさまざまサービスをよく見てみると、至る所に「青色」が使われていることに気づきます。なぜ、インターネットではこれほどまでに青色が多用されているのか、IT関連のニュースサイトThe Awlがその理由を公開しており、興味深い内容になっていました。 Internet, Why So Blue? - The Awl http://www.theawl.com/2014/06/internet-why-so-blue こちらはGoogleが頻繁に自社のサービスに使用している青色です。カラーコードをHTMLなどで使う16進数で書くと「4385f5」になります。 試しに、Google検索を確認してみると、至る所に上記の青色が使用されているのがわかります。実は、Googleのデザイナーは上記の青色とは違う種類の青色をサービスのメインカラーに選んだのですが、上司から「
この「著作権Q&A 著作権って何？（はじめての著作権講座）」のコーナーでは、右の項目について、それぞれまず要旨を説明し、次に「Q&A」の形で、実際の事例にそった解説をします。 著作権って何？ 著作物って何？ 著作者にはどんな権利がある？ 著作権は永遠に保護されるの？ 著作隣接権とは？ 外国の著作権も保護されるの？ 著作権が制限されるのはどんな場合？ 著作物を正しく利用するには？ 著作物を無断で使うと？ 解説 定められた要件のもとで 著作物を利用するには、著作権者から許可を得るのが原則です。しかし、著作権法は、以下のような一定の場合には、著作物を自由に利用することができることを定めています。 これは著作権者の立場からは、著作権が制限されていることになりますので、これらの規定は権利制限規定とよばれています。権利制限規定は、著作権者の利益を不当に害することがないように、また著作物の通常の利用が
「ありえない色」を見る
「黄緑」や「青緑」という色はあるが，「赤緑」という色はない。人間の視覚は「黄色と緑」や「青と緑」は同時に感じることができるが，「赤と緑」はどちらか一方しか知覚できないからだ。「青と黄色」も同様で，「青黄色」という色はない。このように互いに拮抗する色を「反対色」と呼ぶ。 ところが最近，ある種の特殊な状況のもとでは反対色が混ざり合った「ありえない色」を見ることができることがわかった。人の眼は一点を見つめている時も小刻みに視線を動かしているが，これを強制的に固定し，隣り合わせに並べた色の領域が網膜上で静止するようにする。すると両者の境界が消え，2つの色が混ざりあう。2色の輝度が等しいと効果は強力で，反対色ですら混ざり合ってしまう。 これまで，人間の脳が拮抗の仕組みを乗り越え，反対色を同時に知覚することはないと考えられてきた。だが，拮抗の仕組みはもっと柔軟で，一時的に停止することもできるらしい。
GitHub - aereal/vim-colors-japanesque: The colorscheme featuring Japanese traditional colors. 日本の伝統色を使ったカラースキーム: Japanesque GUI 版の Vim 向けカラースキーム・Japanesque を作った。 iTerm 2 で使えるカラースキーム、Japanesque を作った - Sexually Knowing 以前、iTerm 向けに作った同名のカラースキームを踏襲しつつ新たにパレットから作った。 コンセプトとしては: 十分なコントラストが確保されていること 着目すべき構文要素が適切に目を引くような配色であること ……とした。 インストール方法 " neobundle.vim NeoBundle 'aereal/vim-colors-japanesque' " Vund
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー
2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
「終了前に、ただ伝えてほしい」――多くの開発者に届きますように。
【テスト】きちんと色が見えていますか？ オンラインで「色覚」のチェックをしてみよう
5分で覚えて一晩遊べる。麻雀の読み合いが凝縮された新作テーブルゲーム「すずめ雀」を体験してきた
グラフを作ってデータを可視化する時に「見やすい色」を選ぶコツまとめ
おしゃれな配色パターンが見つかるサイト+アプリ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
エンジニアのための十徳ナイフ「DevToys」が便利すぎる - Qiita
ウィキペディアのラルクの項にハイドの身長は156cm、と書くと数時間以内に消される｜笑える一言
数字が見えない！色覚異常者いっぱいいるよ！ - Golden Year！
asahi.com（朝日新聞社）：色のバリアフリーへ２０色 色見本、デザインに活用 - 社会
「色盲で信号の色見間違った」 タクシーと衝突し2人死なせた教師が障害への理解訴え : 痛いニュース(ﾉ∀`)
Accessibility Color Wheel
暇人＼(＾o＾)／速報 （旧） 頭良い人！知的好奇心をくすぐられるような話して下さい！
朝日新聞デジタル：色覚異常、半数気づかず 検査中止１０年、進路断念も - 社会
アクセシビリティを意識した CSS の書き方 - Frasco
NPO法人CUDO カラーユニバーサルデザイン推進機構
よくアクションゲームをプレイする人は「注意力」と「認知力」が高いことが判明、ゲームでエリートが養成される時代が到来する可能性
ダッシュボードで上手に情報を可視化するためのガイドライン
著作物が自由に使える場合は？ | 公益社団法人著作権情報センター
日本の伝統色を使ったカラースキーム: Japanesque - Sexually Knowing