はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ コントラスト

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 114件)

光が光を遮り「光の影」を作ることに成功!影を再定義する研究結果 - ナゾロジー

2024/11/18 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip ナゾロジー オタワ大学 レーザー光線 成功 カナダ

光の影を踏んでみたくはありませんか? カナダのオタワ大学(uOttawa)で行われた研究により、適切な条件ではレーザー光線が光を遮り「光の影」を落とせることが示されました。 レーザーによって作られた影のコントラストは最大で22%であり、これは晴れた日の木の陰のコントラストの値に匹敵します。 研究者たちは「この... 続きを読む

南極で8キロ近い隕石が見つかる

2024/03/03 このエントリーをはてなブックマークに追加 95 users Instapaper Pocket Tweet Facebook Share Evernote Clip 南極 image 隕石 原文 南極大陸

南極で8キロ近い隕石が見つかる2024.03.03 16:3511,669 Kevin Hurler - Gizmodo US [原文] ( たもり ) 黒い隕石と雪のコントラスト…。南極の“白い砂漠”にて16.7ポンド(約7.6kg)の隕石を発見 しました Image: Maria Valdes 2023年1月22日の記事を編集して再掲載しています。 南極大陸で隕石を探索した研究チームが... 続きを読む

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

2023/10/11 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip WCAG gihyo.jp 視認性 デザ コントラスト比

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

Windows標準ブラウザのEdge上で表示した画像がMicrosoftに送信されている、無効化方法はコレ

2023/06/13 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip Microsoft Windows標準ブラウザ コレ 画像

by Dennis Sylvester Hurd Windowsに標準搭載されているウェブブラウザ「Edge」が、ブラウザ上で表示した画像のURLを自動的にMicrosoftに送信していることが判明しました。Edgeが搭載している、「超解像技術を用いてウェブ上の画像の鮮明さやシャープネス、照明、コントラストを向上させる」という画像補正機能が原因と... 続きを読む

UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

2023/02/21 このエントリーをはてなブックマークに追加 250 users Instapaper Pocket Tweet Facebook Share Evernote Clip グレースケール ダークモード メカニズム UIデザイン カラー

ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを... 続きを読む

友達との思い出写真は「加工後の顔」ばかり 元の写真も残せば…高校生の後悔(高校生新聞オンライン) - Yahoo!ニュース

2022/12/11 このエントリーをはてなブックマークに追加 146 users Instapaper Pocket Tweet Facebook Share Evernote Clip 後悔 Yahoo 高校生新聞オンライン 友達 思い出写真

写真を加工すれば、私たちが理想とする見え方へと変えてくれます。ノートの写真を共有する時、全く加工しない場合と加工した画像を比較してみてください。 多くの人は加工後の方が見やすいと答えるでしょう。明るさやコントラスト、彩度や射影変換などを調整することで、画像は見やすくなります。 思い出は全て「加工の... 続きを読む

AppleはAndroidユーザーからのメッセージを「あえて」緑色にすることで不快感を与えるデザインを実践しているという指摘

2022/10/13 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip 緑色 Apple 指摘 不快感 Androidユーザー

iPhoneに標準搭載されているメッセージングアプリ「iMessage」においては、「iPhoneから送信されたメッセージ」と「それ以外の端末から送信されたメッセージ」は色分けされて表示されるようになっています。前者は青地に白、後者は緑地に白で文字が表示されますが、緑地に白というコントラストは非常に読みにくく、UXデ... 続きを読む

UIデザイナーは要チェック! 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに

2022/05/17 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flex パーソナライズ アクセシビリティ アクセシブル

5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。 注目すべきキーワードは、アクセシビリティとパーソナライズ。 アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用した... 続きを読む

【山口真弘の電子書籍タッチアンドトライ】 コントラストと彩度が改善、パフォーマンスも向上し実用レベルに!7.8型のカラーE Inkタブレット「BOOX Nova Air C」

2022/05/10 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 彩度 山口真弘 実用 電子書籍タッチアンドトライ 改善

続きを読む

セクションカラーってどんなカラー?特徴からスタイルサンプル集まで|ホットペッパービューティーマガジン

2022/02/23 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip セク ホットペッパービューティーマガジン 昨今 アクセント

インナーカラーやハイライトなど髪のアクセントになるヘアカラーが流行っている昨今、セクションカラーの注目度が高まっているのをご存知ですか?髪色のコントラストがはっきりと分かるセクションカラーは、入れる色によってお好みの雰囲気を作ることができるので、どんな方でも楽しめるカラー!この記事ではそんなセク... 続きを読む

竹炭フランス(イースト)と ねことフクロウ - パンとフクロウ*自家製天然酵母*

2021/09/27 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip ふくろう イースト ネコ 自家製天然酵母 バン

竹炭パウダーを使ったパン 今回は小型フランスパンに挑戦した。 中に入れたのはドライクランベリー 黒と赤のコントラストが気に入っている。 竹炭パウダー、 少量でもかなり色が付くので注意が必要。 成形画像。 専用の布の上で発酵させる。 焼き上がり。 クランベリーがちょっと焦げてるけど まぁまぁの仕上がりかな。 ... 続きを読む

最近見かける、粒子の粗いグラデーション!ほんの少しのCSSとSVGで実装できるの知ってた? | コリス

2021/09/22 このエントリーをはてなブックマークに追加 307 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス SVG ホログラム シャドウ ノイズ

CSSとSVGでグラデーションにノイズを与え、粒子の粗いグラデーションを実装する方法を紹介します。 背景など通常のグラデーションに使用するだけでなく、暗くしてシャドウに使用したり、輝度とコントラストを上げてホログラムのような虹色のグラデーションとして使用することもできます。 Grainy Gradients by Jimmy Chi... 続きを読む

Twitter、新デザインは「目が痛い、頭痛がする」という苦情を受け修正 「今後もフィードバックを」 - ITmedia NEWS

2021/08/15 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter 米Twitter フォント フィードバック

Twitterが8月11日に実施したボタンやフォントのデザイン変更に、「目が痛くなる」「分かりにくい」などの苦情が殺到。ボタンのコントラストは既に弱める修正を行った。フォローボタンについてはまだだ。 米Twitterは8月13日(現地時間)、11日に実施したボタンやフォントのデザイン変更に対する様々なフィードバックに基... 続きを読む

Twitter、フォローボタンの色を変更も「見づらい」と不評 白いボタンの意味が真逆に - ITmedia NEWS

2021/08/12 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip Twitter 米Twitter ITmedia News

Twitterが、フォローボタンの色を変更するなどUIに変更を加えた。しかしユーザーからは「見づらい」「分かりにくい」と否定的な声が上がっている。同社によれば、ボタンの色を変えたのは「コントラストを高くすることで、投稿される写真や映像に注目を集めるため」という。 米Twitterは8月11日(現地時間)、フォローボ... 続きを読む

服がわからんオタクへ

2021/02/18 このエントリーをはてなブックマークに追加 496 users Instapaper Pocket Tweet Facebook Share Evernote Clip オタク グレージュ カーキ ベージュ コーディネート

オタクへ 服には差し色を入れろ 全部黒で揃えるな 差し色って言っても紺とかカーキじゃないぞ、わからんならまずはバーガンディーかマスタード色にしとけ コントラストをつくれ それが怖いならまずは白かグレー 最近はグレージュ(グレーとベージュの間)も流行ってる でも1回のコーディネートの色は大体3色以内に抑えろ、... 続きを読む

UXにおけるビジュアルデザインの5つの原則 – U-Site

2020/12/17 このエントリーをはてなブックマークに追加 230 users Instapaper Pocket Tweet Facebook Share Evernote Clip U-Site ゲシュタルト ユーザビリティ 階層 原則

スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断... 続きを読む

「金星に生命の痕跡」に反証続々、ホスフィンは誤検出の可能性 | ナショナルジオグラフィック日本版サイト

2020/10/27 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip ホスフィン 憶測 金星 NASA 痕跡

1990年2月14日、探査機ガリレオによって約270万キロの距離から撮影された金星。青みがかった色調に着色され、雲が描く模様の微妙なコントラストが強調されている。(NASA/JPL) 金星の大気中からホスフィン(リン化水素)を検出したというニュースが先月発表され、未知の微生物によって生成されたものではないかとの憶測... 続きを読む

CSSの小ネタ: 画像に枠線をつける際、borderよりもbox-shadowの方がより美しく実装できる | コリス

2020/07/03 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip border コリス box-shadow CSS メリハリ

画像をページに配置する際、画像に枠線を与えることがあります。画像とページにメリハリがついて画像がはっきりと表示されますが、borderよりも内側にbox-shadowをつけた方がより繊細なコントラストを与えることができます。 高コントラストの画像では目立たず、低コントラストの画像では繊細なコントラストを与えるCSS... 続きを読む

格闘系デッキビルディングゲーム『Fights in Tight Spaces』発表。完璧な戦略とアクション美学で魅せるエージェントとなれ | AUTOMATON

2020/03/17 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip AUTOMATON ブリストル パブリッシャー エージェント

パブリッシャーのMode 7は3月16日、『Fights in Tight Spaces』を発表した。黒と赤のコントラストが目をひく本作は、手持ちのカードを組み合わせて華麗に敵を制圧するターン制ストラテジーだ。手がけるのはイギリス・ブリストルに拠点を置くインディースタジオGround Shatterで、リリース予定は2020年夏ごろ(2020年第3... 続きを読む

名和晃平からレアンドロ・エルリッヒまで。東京で見られるパブリック・アート5選|MAGAZINE | 美術手帖

2019/07/28 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip magazine レアンドロ・エルリッヒ 美術手帖 公共空間

名和晃平からレアンドロ・エルリッヒまで。東京で見られるパブリック・アート5選公共空間で誰もが鑑賞できるパブリック・アート。そんなパブリック・アートが多数存在する東京で、編集部がおすすめする5つの作品をピックアップして紹介する。 巨大な鹿と歴史的な建築のコントラスト。名和晃平《White deer》(東京ガーデ... 続きを読む

フォトジェニックな「ひまわり畑」14選!思い出に残る写真が撮れる【全国】

2019/07/02 このエントリーをはてなブックマークに追加 35 users Instapaper Pocket Tweet Facebook Share Evernote Clip ひまわり畑 思い出 Instagram 全国 写真

蒸し暑い日が続き、もうすぐ「ひまわり」の季節がやってきますね! お花屋さんで見かけては元気をくれるひまわりですが、今年は一面に咲き誇るひまわり畑に出かけませんか? 青空や夕日との綺麗なコントラストが見えるスポットや、新幹線やブランコとのコラボなど、バリエーション豊富にご紹介いたします。 Instagramで... 続きを読む

大企業アジャイルの勘所 #devlovex #devlovexd

2019/06/23 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip DevLOVEX アジャイル イル 黒田 グラデーション

大企業アジャイルの勘所 #devlovex #devlovexd 1. 大企業アジャ イルの勘所 黒田 樹 @i2key #DevLoveX 2. 若干、愛ゆえにアジャイルをDisりますが、アジャイルの精神は大好きです。 色々なグラデーションがあるなかですべての事情を網羅することは不可能なので コントラスト強めにスライドを構成しています。解釈は読み... 続きを読む

大企業アジャイルの勘所 #devlovex #devlovexd

2019/06/23 このエントリーをはてなブックマークに追加 461 users Instapaper Pocket Tweet Facebook Share Evernote Clip DevLOVEX アジャイル イル 黒田 グラデーション

大企業アジャイルの勘所 #devlovex #devlovexd 1. 大企業アジャ イルの勘所 黒田 樹 @i2key #DevLoveX 2. 若干、愛ゆえにアジャイルをDisりますが、アジャイルの精神は大好きです。 色々なグラデーションがあるなかですべての事情を網羅することは不可能なので コントラスト強めにスライドを構成しています。解釈は読み... 続きを読む

面倒な配色もこれなら簡単に!多くの人に見やすいUI用のカラースケールを生成する無料ツール -Geenes | コリス

2019/06/10 このエントリーをはてなブックマークに追加 57 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス リーダビリティ 配色 アクセシビリティ カラースケール

このツールを使うと、面倒な配色を考える必要はなくなります。WebページやスマホアプリのUIで使用するカラースケールを生成できる無料ツールを紹介します。 最近増えてきた同系色のカラーでホワイトやブラックを加えたり、リーダビリティやコントラストなどのアクセシビリティもチェックすることができます。 類似ツール... 続きを読む

filterプロパティで、どんな背景画像でもテキストが読める状態にする | かちびと.net

2019/05/07 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip result fff BG background-image

Result どんな背景でもテキストを読める状態にする、というもの ちょっと語弊があるかもしれませんが、要は背景画像の明度とコントラストをfilterプロパティで抑えて#fffに指定したテキストの可読性を維持しよう、という内容です CGMサイトなんかで使う機会があるかも、と思ったので備忘録 css .bg { background-image:u... 続きを読む

 
(1 - 25 / 114件)