第1回　デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp

2023/10/11 10 users WCAG gihyo.jp デザ コントラスト比 課題

はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザ... 続きを読む

『ビッグモーター』型ブラック企業を日本社会から根絶するために必要なこと｜倉本圭造

2023/08/05 170 users 倉本圭造 ウィキペディア ビッグモーター 世間 不正

（トップ画像はウィキペディアより） 中古車販売・買取会社「ビッグモーター」の様々な不正やパワハラ問題が世間を騒がせています。 一番本質的に問題なのは客の車をわざわざ傷つけて保険金を不正請求していた部分ですが、世間的に印象がめっちゃ悪かったのは店舗前の視認性を高めるために？（あるいはひょっとするとた... 続きを読む

博物館行くときは黒マスクがいいぞ！→なんだったら全身黒コーデがおすすめ「水族館もマジでコレ」

2022/10/26 121 users 水族館 コレ 黒マスク 白マスク ガラスケース

からす🍛 @wokalas 博物館行くときは黒マスクがいいぞ！！ほんとに！！白マスクはガラスケースにめちゃめちゃ映り込むから！！当たり前だけど顔の目の前に映り込むから視認性に影響するんじゃ！！！黒マスクおすすめです！！ 2022-10-25 16:40:05 続きを読む

自然に見える画像の枠線を求めて - Qiita

2022/09/14 113 users Qiita ユーザーアイコン border 枠線 画像

この記事の概要 サムネイル画像やユーザーアイコンなど、どんな画像が適用されるか分からない要素ってありますよね。 そんな要素に対して、視認性を確保するためにborderをひいてあるのによく遭遇します。 そのborderが時折ちらついて見えるのが嫌だったので、改善策を考えてみました。 完成物＆通常のborderとの比較 全... 続きを読む

開館後間もなく「見えない」とクレーム噴出、東京建物 Brillia HALLが座席改修へ

2022/07/13 25 users 座席 クレーム 直後 施工 開館後

2019年11月に開館し、その直後の12月にはSNS（交流サイト）などで「舞台が見えない」といったクレームが噴出していた東京建物 Brillia HALL（豊島区立芸術文化劇場）。所有者の東京都豊島区は22年7月5日、視認性を高めるために座席の一部を改修すると発表した。座席の改修設計・施工は、同ホールの設計・施工を手掛けた... 続きを読む

本企画での色覚検証について - Zホールディングス株式会社

2021/03/01 207 users Zホールディングス株式会社 赤色 本企画 緑色 ヤフー

色覚検証の実施について ヤフーとLINEの経営統合に関連する企画では、一人でも多くのお客様に快適にご参加いただけるよう、以下の色覚検証を実施しております。 色覚多様性4タイプ別の視認性を検証 赤色と緑色を使用している箇所を中心に、文字の視認性やコントラスト比に問題がないかを、以下の方法で検証しております... 続きを読む

電子書籍リーダー向けのフルカラー電子ペーパー「E INK Gallery 4100」をE Ink Corporationが開発 - GIGAZINE

2021/01/18 11 users 利点 紙媒体 消費電力 媒体 電子ペーパー

電子ペーパーとは紙媒体の視認性や携帯性を保ったまま表示内容を電気的に書き換え可能な媒体であり、消費電力や目の負担が小さいことなどが利点とされています。そんな電子ペーパーを開発するE Ink Corporationが、新たに電子書籍リーダー向けのフルカラー電子ペーパー「E INK Gallery 4100」を開発したと報じられました... 続きを読む

全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons | コリス

2020/12/23 13 users コリス iOS ソリッド SVGアイコン SVGアイコン素材

MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。 アイコンは角が丸く、形状が単純化されており、スマホでの視認性や操作性が考慮されています。スタイルはソリッドとベタ塗りの2種類、2,186種類すべてがSVGアイコンです。 Flue... 続きを読む

Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がｗ」と嘆くみなさん - Togetter

2020/10/27 431 users 感じ Togetter アイコン みなさん Google

Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。 続きを読む

セブンイレブンのお茶のパッケージが変更されて統一感あるデザインに→「視認性が良くない」「会社で飲むことを考慮してる？」などの声 - Togetter

2020/08/21 303 users LAWSON 麦茶 Togetter 賛否両論 ローソン

ざるそば＠けんぞくぅになりました @spelunker4 @PIKAL_IN 麦茶とほうじ茶は間違えそうだけど、まず明確に「お茶」と分かる部分についてはこのデザインありがたいんだよなあ。 2020-08-21 00:26:27 まとめ ローソンのプライベートブランドのデザインに賛否両論 LAWSON（ローソン）のプライベートブランド商品のデザイン... 続きを読む

在宅勤務の仕事効率が10倍になる画期的コントローラー「STREAM DECK」 - BCN＋R

2020/07/24 17 users STREAM DECK コントローラー BCN＋R アイコン

「STREAM DECK」はボタンにさまざまなアクションを割り当てられる電子ボタンガジェット。 アイコンも自由に設定でき視認性も抜群 物理ボタンと設定可能なアイコンが心地いい STREAM DECKはゲーム配信系機器を多くリリースするエルガト社の製品だ。同社が想定しているのはゲームなどのライブ配信用途。配信に必要な情報を... 続きを読む

大企業の挑戦が難しい理由｜最所あさみ｜note

2020/06/03 10 users Note ＰＢ 賛否両論 最所あさみ 言及

ローソンのPBデザインについて、いまだにSNSで賛否両論が飛び交っています。 先月PBについてこんな記事を書いたところ思いがけず多くの方に読んでいただき、私の記事に対しても様々な感想をいただきました。 なかでも多かった反応は、やはりその視認性の悪さへの言及でした。 大企業の「挑戦」は顧客の不便を生む私自身... 続きを読む

ローソンのPBパッケージの視認性が話題になる中、セブンイレブンは「オシャレをぶん殴る」主張が激しいフォントで真逆を行っていた - Togetter

2020/05/31 463 users LAWSON Togetter 賛否両論 年配 PBパッケージ

まとめ ローソンのプライベートブランドのデザインに賛否両論 LAWSON（ローソン）のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい？分か... 続きを読む

2020年流行するであろうwebデザインのトレンド - Qiita

2020/01/20 13 users 主流 マテリアルデザイン 傾向 Qiita トレンド

ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 なるべくサイトも載せていこ... 続きを読む

AGC、窓ガラスに映像を表示--透明ディスプレイを組込み - CNET Japan

2019/05/15 29 users AGC サイネージ 透明ディスプレイ 窓ガラス 空港

AGCは5月15日、窓ガラスに透明ディスプレイを組込む技術を開発したと発表した。窓ガラスから見える風景に重ねて情報を表示できる。 AGCは、視認性に優れ、空間に浮かんだようなデザインが特徴の「infoverre（インフォベール）」を2013年に開発。ガラスに映像を表示するサイネージとして空港やショッピングモールなどに導... 続きを読む

新紙幣のフォントがださい？←「ユニバーサルデザインを感じる」として、額面の見分けが付きやすくなったと報告するツイッターユーザも（漢数字・アラビア数字についてのツイートも収

2019/04/09 385 users 漢数字 ユニバーサルデザイン 額面 ダコ フォント

ｵﾙﾙﾙﾙﾙﾙﾙｧｧｧｧｧｱｱｱ? 何だこのクソだっせえフォントの使い方はテメーー 数字が見やすければ良いってもんじゃねえだろ何でお前 他は隷書だったり明朝系の格式高い感じなのに数字だけオメー Futuraみたいなデザインだもう少しあるだろ 海外向けの視認性としてももう少しあるだろ！！?? pic.twitter.com/0KC8gtc02J 続きを読む

Consolas - 開発者用のフォント MOONGIFT

2019/02/20 123 users Consolas 善し悪し プログラマー フォント パク

プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介し... 続きを読む

余白で情報整理、余白で視線誘導、余白で視認性アップ、デザインがうまくなりたい人に余白の使い方が学べる良書 | コリス

2018/08/26 57 users 各所 コリス 視線 良書 余白

Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。 最近各所で話題になっている「けっきょく、よはく。」をじっくり中身を見ながら紹介します。読んだらすぐに... 続きを読む

ペーパーレス化に待った！紙を用いた電子ペーパーの開発に成功 | 大阪大学　産業科学研究所

2018/04/26 44 users ペーパーレス化 電子ペーパー 成功 産業科学研究所 電極

【成果のポイント】 ◆　樹木セルロースナノファイバー由来の「透明な紙」とセルロースパルプ繊維由来の「白い紙」を用いて、電気で表示する電子ペーパーを作製。 ◆　従来絶縁性であった紙に導電性高分子またはイオン液体を複合化することにより、透明性に優れた電極と視認性に優れた白い電解質を作製することに成功。それらを組み合わせてフレキシブルな電子ペーパーを実現。 ◆　手書きや印刷で表示してきた従来の紙に、電気... 続きを読む

BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 | かちびと.net

2018/03/20 69 users Bootstrap Tabler コンポーネント CSS 上部

tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで... 続きを読む

グラフでデータ系列を色分けする時の配色を生成する「Data Color Picker」 - WEBマーケティング ブログ

2018/02/26 10 users 配色 グラフ ホッチキス WEBマーケティング 色分け

複数のデータを比較するグラフを作成する際に、どのようにしたらよいか迷いがちなのがデータ系列ごとの色分け。適当に色分けしてしまうと見栄えも悪いし視認性も悪いものになってしまいます。 今回ご紹介するのは、そんなグラフのデータ系列の配色を簡単に生成してくれるツールです。 １人 で頑張っている ウェブ担当者 さま必見！業界トップに教えてもらえるチャンス 10枚とじタイプもある 針のいらないホッチキス コク... 続きを読む

どこからでも正確に時刻を確認できる「教室の時計」を発売

2017/11/11 16 users 時刻 時計 教室 発売 目盛

セイコークロック株式会社（本社：東京都江東区／代表取締役社長：萩原健二）は、主に学校や学習塾などの教室でのご使用に向けて、針や目盛の形状、数字の書体を徹底的に追求することで視認性を高めた掛時計「教室の時計」3機種を11月24日より販売いたします。教室のみならず、オフィスや工場などにもおすすめの掛時計です。 商品の特長 ●誰にでも読みやすいUDフォントを開発 クロック専用のUDフォントを、フォントメ... 続きを読む

Evernoteのノートブック名を絵文字+英語にしたら視認性＆操作性の両方がよくなった | ごりゅご.com

2017/08/21 26 users Evernote クマ ノート 中身 両方

生まれてこのかた、絵文字なんていうものはほとんど使ったことがなかったんですが、最近になってようやく絵文字というものの偉大さに気がつき、ちょいちょいと利用するようになりました。 何に使ってるかって位うと「何度も繰り返し使うもの」の視認性・一覧性を高めるため。 具体的に言うと Evernoteのノートブックを見やすくする ことで、ノートの中身を直感的に理解しやすくするため（ たすくま でも使ってる） ... 続きを読む

Amazon、タブレット刷新　薄くて軽い「Fire 7」、値下げ「Fire HD 8」発売 - ITmedia NEWS

2017/05/17 19 users fire HD ITmedia News Amazon 発売

新型タブレット「Amazon Fire 7」と「Fire HD 8」が登場。Fire 7は従来機種と比べると薄型化・軽量化し、ディスプレイも見やすく。Fire HD 8は基本性能はそのまま、値下げした。 Amazon.comは5月17日（日本時間）、新型タブレット「Amazon Fire 7」と「Amazon Fire HD 8」を 発表した 。Fire 7は、ディスプレイの視認性やバッテリー駆動... 続きを読む

アトラシアン、Gitクライアント「SourceTree for Windows 2.0」リリース。UI改善、高速化、Git Virtual File Systemサポートなど － Publickey

2017/04/30 91 users Git Publickey Gitクライアント アトラシアン

SourceTree for Windows 2.0ではタブ中心のUIとなって、現在の作業に集中しやすい画面になりました。細かいデザインや配色、アニメーション効果などを見直したことで視認性も改善。 Windows 10 Anniversary Updateで追加されたモニタごとのDPI設定に対応したことで、モニタ間で表示を移動させてもつねに精細な表示を実現しました。 またGitの操作にLibGit... 続きを読む