インターネット愛好者必見!Uchūのカラーパレットでデザインを魅力的にしよう!
引用元:https://news.ycombinator.com/item?id=43072338
今日、oklch()について知ったよ!
このサイトからoklchについて学んだ。このおかげで色の表現がすごく良くなってテーマまで作っちゃった!
v0を使ってビジュアライザー作ったよ。これで理解が深まった!
ここにも色の例があるよ。https://oklch.com/#70,0.1258,108,100
お気に入りのツール!最初のHEX値をOKLCHに変換して調整したよ。
>“L=70% C=0.04”ってことで、Farrow & Ballのペンキの秘密を知ったってことか!
先週、家具屋でこのブランドを初めて見たんだ。確かにその通りだと思った!
これとOPのサイト、iOSのSafariで壊れてるのかな?色が見えないよ。
多くのブラウザで対応してるって知れて良かったよ!https://caniuse.com/?search=oklch
最近知ったけど、同僚はこういう最新情報に敏感だね。
未来の色って感じ!
Uchūって言葉、なんで使うのか疑問。最近、色々な名前に日本の単語が選ばれること多いよね。なんでだろう?
正直、ちょっと飽きちゃった感あるね。日本でもランダムに英語が選ばれること、確かに前例あるよね。
中国でもこういうの多いし、結果は様々。小さなタイポがあったりして、意図的なものか気になるよね。たとえば、”NICGIGA”は通信ネットワーク製品向けの技術企業なんだ。
>意図的(NOKlA)
あなたの言いたいことがよく分からないけど、Nokiaはフィンランドの町の名前から来てて、昔はゴム製品を作ってたんだ。その名は日本とは関係ないから。
GPが言ってるのは”NOKLA”のスマホのことだよ。”L”は小文字にして、”I”に見せかけてるって。
そうだったのか、見逃してた!ひどいな。
面白かった!あの会社はある韓国の自動車メーカーを揶揄するために作られたとずっと思ってた。
Nokiaのタイヤって意味じゃなくて、Nokian Tyresかな。でもNokiaは確かにフィンランド語で、日本に関係はないよね。混乱はずっと前から続いてるし。
確かに、かつては同じ会社だったんだね。あなたのウィキペディアのリンクの画像見てみたら、昔のNokiaのロゴと字体が同じだよ。
うーん!ごめんなさい、あなたが絶対に正しいです。 八十年代中頃にNokiaの長靴持ってたよ。ブーツとタイヤのブランド名が1990年頃にNokiaからNokianに変わったと思う。 一つの英単語を使った商品やブランドが多すぎると思う。 ”are”という言葉を忘れた人が多すぎる。 GalaxyやForesterみたいな商品名が気になる?一言の製品名に文句を言う人がいるのはおかしいと思うけど。 あなたが思うほど気にしてないけど、日本語の無関係な単語と名付けるトレンドがちょっと古臭いね。 Pinterestがデザインシステムを”Gestalt”と名付けてるけど、彼らはドイツ企業じゃない。GitLabも”Pajamas”と名付けてるけど、主にウルドゥー語を話すわけじゃない。 あなたの2つ目の例はちょっとずれた意見だね。‘pyjamas’は語源に関係なく普通の英単語だから。 ‘Gestalt’も’schadenfreude’も今や英語の単語だよ。 2番目の例を選んだのは、あなたのような反応を引き出すため。結局、その単語は外国の言葉で英語話者によって広がった結果だね。 言葉が他の言語から借用されるのは、便利だからだよね。 言葉は無作為に借用されるわけじゃなくて、役に立つから借りられるんだよ。 どのGalaxyだ?Galaxy、Galaxy、Galaxy、Galaxyのことか? ”uchū”は日本語で”宇宙”って意味だよ。普遍的なテーマとして使ってるから、確かにユニバーサルだね。日本のスタイルが好きだから、文脈に合えばその言葉を使うよ。 ”uchu”は”宇宙”というよりも、”空間”に近い訳。辞書がそう書いても、ドキュメンタリーでは単独では使わないよ。英語の”universal”と”universe”は関連があるけど、日本語では”universal”はほとんど関係ないだろうね。 確かに”universality”を表すには”uchu”は適してないよ。もっと抽象的に表現される言葉があるから。でも、ある辞書では”uchu”を次のように定義してる:あらゆる存在物を包容する無限の空間と時間の広がり。これを信じるなら、時間も含まれるかもしれないね。考えてみたら、君の言う通りだね。他の人にも参考になるかもしれないから、書いたことを残しておくよ。 素朴な疑問なんだけど、”universe”のより良い訳は”宇宙”以外には何かな? 個人的には、文脈なしで単語を翻訳するのは混乱すると思う。とはいえ、”宇宙”や”全宇宙”はドキュメンタリーや宇宙学の文脈で使われるし、意見が分かれる理由が分からない。150年前は”天地”が使われてたけど、今は”宇宙”だよ。 日本人としては、”uchū”は”宇宙”って意味だと思うよ。自分の意見では、”universal”だとは思ってない人はいないはず。 それでも君は、人々の文句に文句を言ってるじゃん。 全く矛盾してないよ。もし僕が”君はくだらないことに文句を言ってる”と言っているなら、文句そのものを批判してる訳じゃないし、これはヒポクリシーじゃない。 日本語の『Universe』のウィキペディアページはこれ:『宇宙』だよ。『宇宙』はグーグル翻訳だと『Uchū』になるんだ。 前に指摘したけど、これは‘宇宙’と訳せるけど、‘ユニバーサル’の意味ではないね。単語を翻訳するのは基本的にナンセンスだよ。 実際、言語には境界やルールがないんだ。君が適当だと思った名前を何にでも付けられる。文化のゲートキーピングは本当に細かすぎる。 もっと『空間』や『宇宙』に近いね。 短い日本語は、英語圏の人が知っていても、あまり意見を持たれない、発音しやすいって利点があると思う。他にも簡単に発音できる語としてイタリア語、スペイン語、ロシア語、ハワイ語みたいなのがある。 アメリカ人が日本語をめちゃくちゃに発音するのを聞いてきたから、そこには同意できないな。最近、’guy ohza’っていうメニューを出されたことがあって、販売者が名前を正しく発音できないなら、顧客の試みは聞きたくないよ。 これ、可読性を分析したことある?背景と前景のコントラストが低すぎて、長時間読むには辛いかも。 最近、職場で読みにくさにフォーカスしすぎだと思う。新しいチームがコントラストを測定して、サイズを大きくするから、みんなにとっては見にくいし、テーマ変更もできない。0.5%の視覚障害者のためだけに、みんなが不便を強いられるのはおかしい。 色盲は全世界で約4.5%の人に影響するよね。その数字は低すぎると思う。最初から読みやすいデザインを考えて、その後に色を調整しないとダメだ。 4.5%は色盲を含むすべての人だけど、完全な色盲はもっと少ないよ。デモグラフィックによっても違うから、その影響を考慮するのは大事だけど、単に色を選ぶだけじゃ解決にならない。 完全な色盲って、アクロマトプシアのことだよね。アメリカの肥満率の話のように、一部の人に関する話をするのは面白いけど、トータルな数字はもっと少ない。 ちょっと違うよ。モノクロマシーのことを言いたかったけど、基本的には色に依存しないデザインが重要で、色を使うこと自体は怖がらなくていい。 モニターによっても表示が違うよね。高級なMacを使ってたデザイナーが白背景に薄いグレーのフォントを使ってたけど、全然見えなかった。 OSメーカーはこれをかなり前に解決してるよ。チームがOSの’高コントラスト’やフォントサイズを聞いて、UIを調整すればいいのに。 OSの設定は健康問題向けだけど、使いやすさガイドラインはたまにテキストを見たい人向けだよ。低コントラストのダークモードは、一般のOSデフォルトよりも問題が多いと思う。 元のコメントに返信した内容(強調部は自分が付けたもの): コントラストが低いと視覚に問題がある人みんなに障害になるんだよね(年齢や色盲とか)。 コントラストがすべての視覚障害者に影響するってのは間違いだよ。 確かに、強いコントラストは目が痛くなるって文句を言うのは若いエンジニアたちだね。 そうそう、確かにエンジニアたちの文句は偶然じゃないかもね! その考えは間違い。 俺はもうすぐ50歳だけど、ディスプレイの明るさが本当に問題なんだ。 俺もフルスクリーンのフィルターを手動で位置を変えたり外したりしようとしてるんだよね。 そうそう、PWMも大きな問題だよね。 調べた中で見つけたブランドはLightDimsだよ。 年を取ると、低コントラストな文字が読みにくくなってきた。20代や30代の頃は気にもしなかったけど。 ダークモード試した?私には目の疲れが強すぎて合わなかったな。 視力的には良くないけど、私は古い黒背景の緑文字のスタイルに慣れてるからね。最近のは調整が難しいんだよな。 高コントラストのダークモードが好きだけど、周りの明るさで使い分けてる。明るい場所ではライトモードかな。 コントラストって色見本のこと?それなら情報用ではなく視覚用なんだと思う。明るいオレンジの上にオレンジは読みにくいよね。 TailwindがUI開発のための色パレットを提供するのと似てる。色のトーンを使えば統一感のあるUIが作れるから便利だよ。 カラー パレットの方が正確じゃない? 確かに、その方が良いかも。 あと、このリポジトリの『About』はまだ「インターネット愛好家のためのカラースキーム」って書いてあるよ。 見逃してた、ありがと! これは色のセットを使ってるから色調整ができる奴だよね。47xポイントの理由は、色のHEXコードがあって、コピー&ペーストせずに済むからすごく便利! 個人的に「color palette」を使うべきだったと思う。Open ColorやTailwindの例みたいに。デザイン的に色合いは選びにくいから、標準化されたパレットは役立つよ。選択肢が増えるのはいいよね! >「デザイン的に色パレットは選ぶのが難しい。標準化されたパレットは助かる。選択肢が増えるのは嬉しい」これは意外と簡単だと思うよ。私のツール使えば自分好みに色調整できるし、コントラストもチェックできるんだ。Tailwindを基にして好みの色を選べるよ。 色パレットの選び方はデザイン的に難しい。小規模プロジェクトではOpen ColorやTailwindのパレットをよく使うので、新しい選択肢があるのは楽しみだな!もっとコメントを表示(1)
>“TwitterやYahooのような単語は廃止してすべてをXのような1文字にするべきってこと?”
そうだね。子供たちにはX Æ A-Xiiみたいな名前を付けるけど。
最初の例は、無作為にドイツ語の単語を名付けるトレンドはないから、少なくともオリジナル。
アメリカ文化の日本好きな流れが強いから、日本語の単語が特に使われやすいんだろうね。
ドイツ語も面白い例で、英語話者は特別な感情を持っているみたい。ただ、ドイツ語の単語は長すぎて発音が難しいことが多いから、人気があるのは短い単語が多い日本語かも。
外国語の単語は進化するから、人気が出るものとそうでないものがあるのは当然。もっとコメントを表示(2)
>”職場では、新しいチームが視覚に障害がある人のためにコントラストを測らせている。”
若いヒップスターたちが強すぎるコントラストを文句言ってるけど、創造性を表現する余地も残せるんだから、そんなに真っ黒と真っ白じゃなくてもいいでしょう。
>”強すぎるコントラストで若者が目が痛いって文句言ってる。”
弱視の人には光過敏とかの問題も考慮しないとね。
>”視認性の高い基準でも柔らかな色を使える余地がある。”
これも間違いだよ。低い明るさが必要な場合があるんだ。
良いコントラストは必ずしも目が眩むほどじゃないし、完全に黒い背景でも十分なコントラストが出せるんだよ。もっとコメントを表示(3)
光過敏は年齢とともに減るし、若い人たちは目が敏感だよね。
それに、エンジニアだから長時間画面を見てるし、画面が快適じゃないとすごく影響されるんだ。
>”コントラストは画一的じゃない。”
いろんな視覚障害の人のためにコントラストを中間にするのは両方に悪影響だよ。
アクセシビリティの真の精神に沿った支援が求められるんだ。
昼間は明るさゼロにしてるけど、夜は明るすぎるんだよね。だからダークモードを使ってるんだ。
暗くなる画面はPWMの影響で目が痛くなることもあるしさ。
ディスプレイがPWMのせいで目が敏感になることが多いから、フィルターを検討してるけど、どこで売ってるか知らない。
大きなシートが出てるみたい。実際に頼んではいないけど、PWMに敏感で困ってる人には役立つかもね。
EDIT:更新した。