タグ 視認性
人気順 10 users 50 users 100 users 500 users 1000 users第3回 APCAを活用して文字の視認性を確保したデザインを実践する | gihyo.jp
しかし、実際のデザインではこの表にないフォントサイズやウェイトを使いたい場合もあるでしょう。その場合には、シミュレータやルックアップテーブルを参照することで、より精度の高い確認が可能になります。 ルックアップテーブルでフォントサイズとウェイトから必要なコントラストを確認する シミュレーションの説明... 続きを読む
第1回 デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp
はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザ... 続きを読む
『ビッグモーター』型ブラック企業を日本社会から根絶するために必要なこと|倉本圭造
(トップ画像はウィキペディアより) 中古車販売・買取会社「ビッグモーター」の様々な不正やパワハラ問題が世間を騒がせています。 一番本質的に問題なのは客の車をわざわざ傷つけて保険金を不正請求していた部分ですが、世間的に印象がめっちゃ悪かったのは店舗前の視認性を高めるために?(あるいはひょっとするとた... 続きを読む
博物館行くときは黒マスクがいいぞ!→なんだったら全身黒コーデがおすすめ「水族館もマジでコレ」
からす🍛 @wokalas 博物館行くときは黒マスクがいいぞ!!ほんとに!!白マスクはガラスケースにめちゃめちゃ映り込むから!!当たり前だけど顔の目の前に映り込むから視認性に影響するんじゃ!!!黒マスクおすすめです!! 2022-10-25 16:40:05 続きを読む
自然に見える画像の枠線を求めて - Qiita
この記事の概要 サムネイル画像やユーザーアイコンなど、どんな画像が適用されるか分からない要素ってありますよね。 そんな要素に対して、視認性を確保するためにborderをひいてあるのによく遭遇します。 そのborderが時折ちらついて見えるのが嫌だったので、改善策を考えてみました。 完成物&通常のborderとの比較 全... 続きを読む
開館後間もなく「見えない」とクレーム噴出、東京建物 Brillia HALLが座席改修へ
2019年11月に開館し、その直後の12月にはSNS(交流サイト)などで「舞台が見えない」といったクレームが噴出していた東京建物 Brillia HALL(豊島区立芸術文化劇場)。所有者の東京都豊島区は22年7月5日、視認性を高めるために座席の一部を改修すると発表した。座席の改修設計・施工は、同ホールの設計・施工を手掛けた... 続きを読む
本企画での色覚検証について - Zホールディングス株式会社
色覚検証の実施について ヤフーとLINEの経営統合に関連する企画では、一人でも多くのお客様に快適にご参加いただけるよう、以下の色覚検証を実施しております。 色覚多様性4タイプ別の視認性を検証 赤色と緑色を使用している箇所を中心に、文字の視認性やコントラスト比に問題がないかを、以下の方法で検証しております... 続きを読む
電子書籍リーダー向けのフルカラー電子ペーパー「E INK Gallery 4100」をE Ink Corporationが開発 - GIGAZINE
電子ペーパーとは紙媒体の視認性や携帯性を保ったまま表示内容を電気的に書き換え可能な媒体であり、消費電力や目の負担が小さいことなどが利点とされています。そんな電子ペーパーを開発するE Ink Corporationが、新たに電子書籍リーダー向けのフルカラー電子ペーパー「E INK Gallery 4100」を開発したと報じられました... 続きを読む
全部、完全に商用利用無料!スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons | コリス
MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。 アイコンは角が丸く、形状が単純化されており、スマホでの視認性や操作性が考慮されています。スタイルはソリッドとベタ塗りの2種類、2,186種類すべてがSVGアイコンです。 Flue... 続きを読む
Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん - Togetter
Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。 続きを読む
セブンイレブンのお茶のパッケージが変更されて統一感あるデザインに→「視認性が良くない」「会社で飲むことを考慮してる?」などの声 - Togetter
ざるそば@けんぞくぅになりました @spelunker4 @PIKAL_IN 麦茶とほうじ茶は間違えそうだけど、まず明確に「お茶」と分かる部分についてはこのデザインありがたいんだよなあ。 2020-08-21 00:26:27 まとめ ローソンのプライベートブランドのデザインに賛否両論 LAWSON(ローソン)のプライベートブランド商品のデザイン... 続きを読む
在宅勤務の仕事効率が10倍になる画期的コントローラー「STREAM DECK」 - BCN+R
「STREAM DECK」はボタンにさまざまなアクションを割り当てられる電子ボタンガジェット。 アイコンも自由に設定でき視認性も抜群 物理ボタンと設定可能なアイコンが心地いい STREAM DECKはゲーム配信系機器を多くリリースするエルガト社の製品だ。同社が想定しているのはゲームなどのライブ配信用途。配信に必要な情報を... 続きを読む
大企業の挑戦が難しい理由|最所あさみ|note
ローソンのPBデザインについて、いまだにSNSで賛否両論が飛び交っています。 先月PBについてこんな記事を書いたところ思いがけず多くの方に読んでいただき、私の記事に対しても様々な感想をいただきました。 なかでも多かった反応は、やはりその視認性の悪さへの言及でした。 大企業の「挑戦」は顧客の不便を生む私自身... 続きを読む
ローソンのPBパッケージの視認性が話題になる中、セブンイレブンは「オシャレをぶん殴る」主張が激しいフォントで真逆を行っていた - Togetter
まとめ ローソンのプライベートブランドのデザインに賛否両論 LAWSON(ローソン)のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい?分か... 続きを読む
夜の視認性もバツグン、1年間CASIOのランニング腕時計を使って感じた魅力 – 学習.xyz
自転車乗車時に欠かすことのできない相棒に!PHYS LAP MEMORY 120は、暗所で腕を40度ほど傾けると自動でバックライトが点灯する、オートライト機能が備わっています。 ありがたいことに、PHYSのバックライトは、明暗を自動で感知し、ライトが点灯するフルオートライトです。このオートライト機能は自転車乗車時に重宝し... 続きを読む
2020年流行するであろうwebデザインのトレンド - Qiita
ここ最近はざっくり言ってしまえばフラットデザイン2.0、マテリアルデザインが主流になっていると思います。 視認性もよく操作もしやすいのが好まれる傾向になています。 そんな中でこれからあるいは、今も流行っているものもありますが2020年で流行するwebデザインを紹介したいと思います。 なるべくサイトも載せていこ... 続きを読む
AGC、窓ガラスに映像を表示--透明ディスプレイを組込み - CNET Japan
AGCは5月15日、窓ガラスに透明ディスプレイを組込む技術を開発したと発表した。窓ガラスから見える風景に重ねて情報を表示できる。 AGCは、視認性に優れ、空間に浮かんだようなデザインが特徴の「infoverre(インフォベール)」を2013年に開発。ガラスに映像を表示するサイネージとして空港やショッピングモールなどに導... 続きを読む
新紙幣のフォントがださい?←「ユニバーサルデザインを感じる」として、額面の見分けが付きやすくなったと報告するツイッターユーザも(漢数字・アラビア数字についてのツイートも収
オルルルルルルルァァァァァアアア? 何だこのクソだっせえフォントの使い方はテメーー 数字が見やすければ良いってもんじゃねえだろ何でお前 他は隷書だったり明朝系の格式高い感じなのに数字だけオメー Futuraみたいなデザインだもう少しあるだろ 海外向けの視認性としてももう少しあるだろ!!?? pic.twitter.com/0KC8gtc02J 続きを読む
Consolas - 開発者用のフォント MOONGIFT
プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介し... 続きを読む
余白で情報整理、余白で視線誘導、余白で視認性アップ、デザインがうまくなりたい人に余白の使い方が学べる良書 | コリス
Webデザインでも紙のデザインでも、余白を上手に使ったものは洗練された印象を与えます。情報を整理したり、視線を誘導したり、可読性や視認性をアップさせたり、余白はデザインにおいて非常に重要な要素です。 最近各所で話題になっている「けっきょく、よはく。」をじっくり中身を見ながら紹介します。読んだらすぐに... 続きを読む
ペーパーレス化に待った!紙を用いた電子ペーパーの開発に成功 | 大阪大学 産業科学研究所
【成果のポイント】 ◆ 樹木セルロースナノファイバー由来の「透明な紙」とセルロースパルプ繊維由来の「白い紙」を用いて、電気で表示する電子ペーパーを作製。 ◆ 従来絶縁性であった紙に導電性高分子またはイオン液体を複合化することにより、透明性に優れた電極と視認性に優れた白い電解質を作製することに成功。それらを組み合わせてフレキシブルな電子ペーパーを実現。 ◆ 手書きや印刷で表示してきた従来の紙に、電気... 続きを読む
BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」 | かちびと.net
tabler tablerはBootstrap 4ベースのシンプルなUIの管理画面テンプレートです。多くの場合は左カラムにメニューを配置するケースが多かった気がしますが、こちらは上部に配置されていますので操作性よりは視認性に優れている印象でした。システム全体はモジュール式となっているので必要なコンポーネントを追加する形を取れるため、軽量化しやすく設計されています。また、CSSで出来る部分はCSSで... 続きを読む
グラフでデータ系列を色分けする時の配色を生成する「Data Color Picker」 - WEBマーケティング ブログ
複数のデータを比較するグラフを作成する際に、どのようにしたらよいか迷いがちなのがデータ系列ごとの色分け。適当に色分けしてしまうと見栄えも悪いし視認性も悪いものになってしまいます。 今回ご紹介するのは、そんなグラフのデータ系列の配色を簡単に生成してくれるツールです。 1人 で頑張っている ウェブ担当者 さま必見!業界トップに教えてもらえるチャンス 10枚とじタイプもある 針のいらないホッチキス コク... 続きを読む
どこからでも正確に時刻を確認できる「教室の時計」を発売
セイコークロック株式会社(本社:東京都江東区/代表取締役社長:萩原健二)は、主に学校や学習塾などの教室でのご使用に向けて、針や目盛の形状、数字の書体を徹底的に追求することで視認性を高めた掛時計「教室の時計」3機種を11月24日より販売いたします。教室のみならず、オフィスや工場などにもおすすめの掛時計です。 商品の特長 ●誰にでも読みやすいUDフォントを開発 クロック専用のUDフォントを、フォントメ... 続きを読む
Evernoteのノートブック名を絵文字+英語にしたら視認性&操作性の両方がよくなった | ごりゅご.com
生まれてこのかた、絵文字なんていうものはほとんど使ったことがなかったんですが、最近になってようやく絵文字というものの偉大さに気がつき、ちょいちょいと利用するようになりました。 何に使ってるかって位うと「何度も繰り返し使うもの」の視認性・一覧性を高めるため。 具体的に言うと Evernoteのノートブックを見やすくする ことで、ノートの中身を直感的に理解しやすくするため( たすくま でも使ってる) ... 続きを読む