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

2024/11/18 72 users ナゾロジー オタワ大学 レーザー光線 成功 カナダ

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

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

2024/03/03 95 users 南極 image 隕石 原文 南極大陸

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

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

2023/02/21 250 users グレースケール ダークモード メカニズム UIデザイン カラー

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

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

2022/12/11 146 users 後悔 Yahoo 高校生新聞オンライン 友達 思い出写真

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

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

2022/10/13 70 users 緑色 Apple 指摘 不快感 Androidユーザー

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

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

2021/09/22 307 users コリス SVG ホログラム シャドウ ノイズ

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

服がわからんオタクへ

2021/02/18 496 users オタク グレージュ カーキ ベージュ コーディネート

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

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

2020/12/17 230 users U-Site ゲシュタルト ユーザビリティ 階層 原則

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

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

2019/06/23 461 users DevLOVEX アジャイル イル 黒田 グラデーション

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

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

2019/06/10 57 users コリス リーダビリティ 配色 アクセシビリティ カラースケール

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

[CSS]たった一行でガラス板の美しいエフェクトが実装できる、backdrop-filterプロパティの使い方を解説 | コリス

2018/06/08 92 users コリス 色相 CSS 一行 美しいエフェクト

ボックスの内部に配置したテキストなどの子要素はそのままで、背景の色相やコントラストやぼかしを変更して、ガラス板のような美しいエフェクトを与えるCSSの新しいプロパティ「backdrop-filter」を紹介します。 今までは非常に長いスタイルシートが必要でしたが、たった一行で簡単に実装できます。 The backdrop-filter CSS property 下記は各ポイントを意訳したものです。... 続きを読む

上坂すみれ「地獄でホットケーキ」「祈りの星空」インタビュー｜地獄と星空、春アニメED2曲のコントラスト (1/3) - 音楽ナタリー 特集・インタビュー

2018/04/11 50 users 上坂すみれ 星空 鬼灯 音楽ナタリー エンディングテーマ

地獄なら実績があるので ──上坂さんは「鬼灯の冷徹」に声優として参加しながら、全シリーズでエンディングテーマを担当しています。 キャラクターソングじゃなく4曲も歌っているアニメはほかにないので、同じ作品の歌を何年にも渡って担当するのは意味のあることだと思いますし、すごくありがたいですね。 ──ほかの作品とも違った愛着がある？ そうですね。それに「鬼灯」はどんな曲調でも合うおおらかな世界観で、地獄が... 続きを読む

AbemaTVのアクセシビリティ 小さな一歩｜しゅんすけ | AbemaTV｜note

2018/03/28 58 users AbemaTV アクセシビリティ iOSアプリ 主観 初め

「アクセシビリティ」という言葉を使うほどではないかも。 （予防線ドーン） 正直なところ、マシンリーダブルな部分は僕はまだよく理解してない。 アプリにおけるスクリーンリーダーとか操作や表示調整諸々とかちょっと待って！頑張るから！ で、完全に僕の主観だけど、多くのデザイナーがまず初めにとっつきやすいアクセシビリティは 「色のコントラスト」 だと思う。 ということで、 まずはAbemaTVのiOSアプリ... 続きを読む

デザインでつまずかない！ノンデザイナーのための基本ルール10個まとめ - PhotoshopVIP

2017/08/17 95 users 最初 順番 白黒 配色カラーパレット コンテンツ

コンテンツ目次 1. コントラストを活用しよう。 2. 「黒に近い黒」が「黒」よりも読みやすい。 3. 重要なコンテンツを最初に。 4. すべてのものを整列させよう。 5. 文字サイズと文字スペースに気をつけよう。 6. 検索結果の順番が重要なときは「リスト表示」。 7. まずは白黒でデザイン、あとから色を追加しよう。 8. 快適なデザインを目指そう。 9. 素敵な配色カラーパレットを使おう。 1... 続きを読む

男と女、どちらに見える？　実は同一人物──錯覚の理由は - ITmedia NEWS

2017/03/23 57 users 錯覚 同一人物 Twitter ITmedia News 理由

「2つの顔、元は全く同じなのにコントラストが高い方は女性に、低い方は男性に見える」──2月1日、Twitterに投稿された画像付きツイートが一部で話題になった。女性と男性の写真が並んでいるように見えるが、実は2つの顔は同一人物であるという。 ©2009 Richard Russell（■https://www.moillusions.com/illusion-of-sex-change/□Migh... 続きを読む

「日本人は口臭がキツイ」「口がくさい」と外国人から認識されている件。 - ママは歯科衛生士

2017/02/26 63 users 口臭 歯科衛生士 ママ こまち 外国人

2017 - 02 - 26 「日本人は口臭がキツイ」「口がくさい」と外国人から認識されている件。 歯のあれこれ こんにちは。歯科衛生士のナカタ コマチです。 わたしは海外旅行が好きで、とくにアジアの国には定期的に遊びにいくのですが、その度にいつも感じることがあります。 「こっちの人はみんな歯がキレイだなぁ 」 ということです。 陽に焼けた浅黒い肌とのコントラストで歯がいっそう白く見えるのかもしれ... 続きを読む

プロのデザイナーが実践している、最近のWebデザインで見かけるカラーを効果的に使ったテクニックのまとめ | コリス

2017/02/17 69 users コリス デザイナー テクニック 階層 カラー

カラーはあらゆるデザインにおいて、非常に重要な要素の一つです。 プロのデザイナーはWebサイトやアプリで、さまざまなテクニックを用いています。 カラーのコントラスト、類似性、使用比率で、フォーカスポイントを作成したり、階層をつくりだすこともできます。最近のWebデザインで使われているカラーを効果的に用いたテクニックを紹介します。 5 techniques for fine-tuning UX wi... 続きを読む

HDMI 2.1発表、8K/60Hzや4K/120Hz伝送対応。可変リフレッシュレート「Game Mode VRR」も - AV Watch

2017/01/04 52 users HDMI 策定 HDMI Forum フレーム毎 60Hz

HDMI 2.1発表、8K/60Hzや4K/120Hz伝送対応。可変リフレッシュレート「Game Mode VRR」も HDMI Forumは4日(米国時間)、HDMI Version 2.1規格の策定を発表し、2017年第2四半期前半にライセンスする。8K/60Hzや4K/120Hzなどのハイフレームレート対応が図られるほか、輝度や色深度、コントラストをシーン毎、フレーム毎に制御するDynami... 続きを読む

自作Vimカラースキーム「Iceberg」の配色戦略 | ここぽんのーと

2016/02/26 122 users Iceberg 配色 itchynyさん カラースキーム ほん

itchynyさんのブログ記事を読んで、人のカラースキームの配色戦略を見るのはとても楽しい！と思ったので、自分も書いてみることにしました。 暗青系の落ち着いた配色でまとめています。 全体のコントラストを控えめにする 感じ方は人によって様々ですが、真っ黒の背景に真っ白の文字では、個人的には目がチカチカして疲れてしまいます。 このため、Icebergではコントラストを落として、チカチカを防いでいます。... 続きを読む

ノンデザイナーでも押さえておきたい！レイアウトに関する5つのデザインのルール | creive【クリーブ】

2016/01/09 74 users 名刺 反復 整列 セオリー 近接

広告やチラシや提案書を作成する時、また名刺やWebサイトをデザインする際にも、無造作に文字や画像を並べるだけでは綺麗で見やすいものにはなりません。 配置する要素の関係性を考慮した上で、近くに置くのか、揃えるのか、コントラストで見た目の変化をつけるかなど一定のルールや基本、セオリーをもってデザインを行えば、わかりやすく綺麗なレイアウトになります。 そこで今回は、レイアウトに関する “近接、整列、反復... 続きを読む

Webページのレイアウトに役立つ20のデザインテクニック | コリス

2015/09/29 388 users コリス レイアウト value 階層 デザインテクニック

ページのレイアウトをする時に全てが同じ大きさ・形・色だと、それは非常に退屈なデザインになってしまいます。要素を整理し、階層をつくり、重要な箇所にフォーカスがあたるようにするにはコントラストを効果的に使うことです。 レイアウトにビジュアルの興味を加え、デザインを生き生きとさせるコントラストの使い方を紹介します。 色の値(value)とはカラーの明るさや暗さをあらわす用語で、ピュアブラックとピュアホワ... 続きを読む

写真を楽しもう！写真画像を1クリックでよりかわいく、より美しく仕上げるPhotoshopの無料アクションのまとめ | コリス

2015/05/08 52 users シャドウ コリス アクション スナップ写真 Photoshop

気軽に撮影したスナップ写真をよりかわいく楽しく仕上げたり、コントラストやシャドウを加えより印象的にしたり、美しい白黒写真に仕上げたりなど、1クリックで写真画像をぐっとワンランク上に仕上げるPhotoshopのアクションを...記事の続きを読む 続きを読む

あのキャラに花束を：日本の3D技術はケツに集約されたのです　釘宮ボイスとケツのコントラスト、「楽園追放」アンジェラ・バルザック - ねとらぼ

2014/12/22 79 users 釘宮理恵さん ヒロイン 演技 楽園追放 花束

「『楽園追放』って……ケツの話しか聞かないんだけど」こんな声をネット上でよく聞きます。それもそのはず。だって、ネタバレなしでアニメ映画「楽園追放」の話をするとしたら、釘宮理恵さんの演技とケツの話しかできないんだもの。 ケツケツ言われているのはヒロインのアンジェラ・バルザック。けれど、実は映画の中でそんなにケツ出ません。それでも、彼女の魅力を最大限に説明するなら「ケツ」と言わざるをえない（参考：なぜ... 続きを読む

【旅】そうだ　京都、行こう～南禅寺・水路閣編～ - Sakak's Gadget Blog

2014/08/17 95 users Sakak's Gadget Blog 京都 南禅寺 水路閣

2014-08-17 【旅】そうだ　京都、行こう～南禅寺・水路閣編～ 旅 今回の旅の目的のひとつに、南禅寺の水路閣がありました。雑誌で偶然写真を見つけて、すごく惹かれて、場所を調べてみたら京都であることがわかりました。 近代建築の構造物とお寺とのコントラストがすごく面白いと思います。写真が好きな人にはすごくオススメです。 ▼１　京都市営地下鉄 南禅寺は「蹴上」という駅からスグです。便利。 ▼２　到... 続きを読む

石巻を舞台にした「Ingress Meetup」開催、グーグル副社長も登場 - ケータイ Watch

2014/05/12 60 users 石巻 グーグル副社長 ケータイ Watch 舞台 メインエリア

ニュース 石巻を舞台にした「Ingress Meetup」開催、グーグル副社長も登場 被災地巡り、ゲームを通じて震災前後を知る――iPhone版はまもなく （2014/5/12 11:42） ゲームのメインエリアの1つ、日和山にも多くのポータル（スマートフォンの画面は明度・コントラストを加工） 緑の陣営と青の陣営に分かれて、日々、街中にある“ポータル”を巡ってバトルするスマートフォン向け位置情報ゲ... 続きを読む