こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度
WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。 デバイスに依存しない、トーンを合わせたカラーパレットをOKLCH色空間で簡単に作成できる無料ツールを紹介します。RGBやHEX値もサポートしています。 The good colors The good colorsは、OKLCH色空間を使用してカラーパレットを作成できるオンラインツールです。OKLCH色空間とは、明度（Lightness）、彩度（Chrome）、色相（Hue）の値で構成されるカラーで、LCHに比べて色相と彩度の均一性が改善された色空間です。そのため、明度と彩度が一貫された知覚的変化が保証されます。 OKLCH色空間を使用したカラーパレット 使い方は、簡単です。 「Lightness」と「Chrom
枝豆大臣 @splahack @nesouda マジレスですみません。 コレはコカコーラ自販機の卵です。 ここから成長して皆さんがよく見る自販機になります。 成熟しながら品揃えも増えていくので優しく見守ってあげてください。 2024-05-01 08:28:13
#5151ffの色見本とカラーコード - ビビッドカラー
Vivid Color R:81 G:81 B:255 H:240 S:68 B:100 L*:45.43 a*:52.9 b*:-85.97 C:80% M:68% Y:0% K:0% 明るい青紫系の色
#4cffffの色見本とカラーコード - ビビッドカラー
Vivid Color R:76 G:255 B:255 H:180 S:70 B:100 L*:91.8 a*:-43.56 b*:-13.01 C:51% M:0% Y:17% K:0% 明るい青緑系の色
#51ff51の色見本とカラーコード - ビビッドカラー
Vivid Color R:81 G:255 B:81 H:120 S:68 B:100 L*:88.85 a*:-75.29 b*:67.29 C:56% M:0% Y:86% K:0% 明るい緑系の色
#4c4cffの色見本とカラーコード - ビビッドカラー
Vivid Color R:76 G:76 B:255 H:240 S:70 B:100 L*:44.12 a*:55.15 b*:-88.13 C:81% M:69% Y:0% K:0% 明るい青紫系の色
#ff51a8の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:81 B:168 H:330 S:68 B:100 L*:61.63 a*:72.34 b*:-9.53 C:1% M:80% Y:0% K:0% 明るい赤紫系の色
#ff5656の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:86 B:86 H:360 S:66 B:100 L*:60.42 a*:63.87 b*:36.17 C:0% M:80% Y:57% K:0% 明るい赤系の色
色には意味がある。たとえば日本では、603年に聖徳太子が「冠位十二階」を設けたが、濃紫の冠をかぶることが許されたのは最高位の大臣や官吏だけだ。紫色は高貴な人の象徴だった。 色は、見る人に特定の印象を与える。たとえば赤は生肉、血、火を連想させる。 黄色のスーツを着てオフィスに行こうとしたら「ダメだ」と言われたことがきっかけで、色のコード（色彩が持つ意味合い）に取り憑かれた文化ジャーナリストのポール・シンプソン『色のコードを読む』（フィルムアート社）は、なぜその色がそのような意味を持ち、印象を与えるのか、人類は色をどのように扱い、理論化してきたのかを、生理学から歴史までを横断しながら教えてくれる。 ある色に対して生物としての人間が生理的に感じるもの＋社会的に構築された意味づけ 色のコードを決める大きな要素はふたつある。 ひとつめは、人類が生物として生き残るために蓄積されてきた好悪だ。たとえば緑
#a54cffの色見本とカラーコード - ビビッドカラー
Vivid Color R:165 G:76 B:255 H:270 S:70 B:100 L*:52.27 a*:67.97 b*:-74.47 C:63% M:72% Y:0% K:0% 明るい紫系の色
最終的にこんな感じになります！ 画像は bash on Ubuntu on Windows で Vim を開いているところです。 目標 Windows 10 でデフォルトの端末が PowerShell になり、コマンドプロンプトに比べたらイケているのですが...。本記事では綺麗な日本語を表示できるフォントと Solarized のようなカラーテーマを導入する方法を紹介します。 注意: VSCode ユーザーの方は直接レジストリエディタからレジストリを編集することが必要になる場合があります。最後の注意書きを参照してください。 フォントのダウンロードとインストール PowerShell では TrueType フォントしか使用できないので、TrueType 形式で配布されている日本語フォントを選択する必要があります。本記事では源真ゴシックを使います。源真ゴシックは Adobe の源ノ角ゴシック
#ff4ca5の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:76 B:165 H:330 S:70 B:100 L*:60.91 a*:73.75 b*:-8.87 C:0% M:82% Y:0% K:0% 明るい赤紫系の色
#4cff4cの色見本とカラーコード - ビビッドカラー
Vivid Color R:76 G:255 B:76 H:120 S:70 B:100 L*:88.72 a*:-76.55 b*:68.93 C:56% M:0% Y:87% K:0% 明るい緑系の色
#ffff4cの色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:255 B:76 H:60 S:70 B:100 L*:97.35 a*:-19.84 b*:80.39 C:9% M:0% Y:73% K:0% 明るい黄系の色
#51a8ffの色見本とカラーコード - ビビッドカラー
Vivid Color R:81 G:168 B:255 H:210 S:68 B:100 L*:67.25 a*:1.01 b*:-50.76 C:64% M:27% Y:0% K:0% 明るい青紫系の色
#4cffa5の色見本とカラーコード - ビビッドカラー
Vivid Color R:76 G:255 B:165 H:150 S:70 B:100 L*:89.75 a*:-64.6 b*:30.31 C:54% M:0% Y:54% K:0% 明るい緑系の色
#ff51ffの色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:81 B:255 H:300 S:68 B:100 L*:65.25 a*:83.93 b*:-52.96 C:31% M:67% Y:0% K:0% 明るい紫系の色
#a5ff4cの色見本とカラーコード - ビビッドカラー
Vivid Color R:165 G:255 B:76 H:90 S:70 B:100 L*:91.7 a*:-53.77 b*:72.93 C:41% M:0% Y:81% K:0% 明るい黄緑系の色
#51ffffの色見本とカラーコード - ビビッドカラー
Vivid Color R:81 G:255 B:255 H:180 S:68 B:100 L*:91.9 a*:-42.95 b*:-12.86 C:51% M:0% Y:17% K:0% 明るい青緑系の色
#51ffa8の色見本とカラーコード - ビビッドカラー
Vivid Color R:81 G:255 B:168 H:150 S:68 B:100 L*:89.9 a*:-63.29 b*:29.02 C:53% M:0% Y:53% K:0% 明るい緑系の色
#ffa54cの色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:165 B:76 H:30 S:70 B:100 L*:75.26 a*:25.8 b*:58.15 C:0% M:47% Y:72% K:0% 明るい橙系の色
#ff4cffの色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:76 B:255 H:300 S:70 B:100 L*:64.68 a*:85.55 b*:-53.86 C:32% M:68% Y:0% K:0% 明るい紫系の色
#4ca5ffの色見本とカラーコード - ビビッドカラー
Vivid Color R:76 G:165 B:255 H:210 S:70 B:100 L*:66.26 a*:2.02 b*:-52.34 C:65% M:29% Y:0% K:0% 明るい青紫系の色
#ff5151の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:81 B:81 H:360 S:68 B:100 L*:59.65 a*:65.51 b*:38.05 C:0% M:81% Y:60% K:0% 明るい赤系の色
#ffa851の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:168 B:81 H:30 S:68 B:100 L*:75.98 a*:24.49 b*:56.65 C:0% M:46% Y:70% K:0% 明るい橙系の色
#ffff51の色見本とカラーコード - ビビッドカラー
Vivid Color R:255 G:255 B:81 H:60 S:68 B:100 L*:97.38 a*:-19.61 b*:78.71 C:8% M:0% Y:72% K:0% 明るい黄系の色
#a851ffの色見本とカラーコード - ビビッドカラー
Vivid Color R:168 G:81 B:255 H:270 S:68 B:100 L*:53.41 a*:66.32 b*:-72.6 C:61% M:71% Y:0% K:0% 明るい紫系の色
「アンチヒーロー」に登場する人物の名前についての考察記事です。 「アンチヒーロー」の登場人物には、名前に色が入っている人物とそうでない人物がいますが、名前に色が入っている人物は皆、明墨（長谷川博己）の味方であり、明墨と考えを同じくする人物ではないかと考察します。 よって、検察官であり、一見、明墨と敵対関係なのでは？と思われる立場の緑川（木村佳乃）についても、実は明墨の協力者ではないかと考察しています。 以下、まとめてみました。 【考察】「アンチヒーロー」色が名前に入っている人物は明墨の味方！？ 「アンチヒーロー」に登場する人物の名前について考察すると、名前に色が入っている人物は皆、明墨の味方ではないかと思われます。 明墨法律事務所のメンバー 明墨法律事務所にて働いている人物の名前には、みんな色が入っています。 明墨法律事務所のメンバーは明墨の意向に沿って動いているため、皆、明墨の味方だと思
#a8ff51の色見本とカラーコード - ビビッドカラー
Vivid Color R:168 G:255 B:81 H:90 S:68 B:100 L*:91.88 a*:-52.44 b*:71.38 C:40% M:0% Y:79% K:0% 明るい黄緑系の色
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
LCHは、UIにベストなカラースペース｜hirotoarakawa
UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors
コカ・コーラの自販機ある〜と思ったら「CocaColaと書かれたデカい箱」だった…これはいったい何？
かつて「ピンクは男子、ブルーは女子」の色だった？（飯田 一史） @moneygendai
PowerShell で綺麗な日本語フォント + カラーテーマを手に入れる - Qiita
【考察】「アンチヒーロー」色が名前に入っている人物は明墨の味方！？緑川（木村佳乃）も協力者？ | はのわジャーナル