最近はデザインの範囲がかなり広がり、デザイン思考や、UXデザイン、そしてサービスデザインなど「見た目」だけではないデザイン領域が注目されている。 それと同時に「デザイナー」と呼ばれる人の中で基本的なビジュアルデザインに関する知識が乏しい人も少なくはなくなってきた。 しかし、いかなるデザインフィールドであったとしてもデザインの基礎知識が重要であることには変わりない。 そこで今回はヴィジュアルデザインの細部に関する視覚的錯覚 = 錯視に関しての11のポイントを紹介したい。 「神は細部に宿る」と言われる通り、”良いデザイナー”と”素晴らしいデザイナー”を分けるポイントの一つに、細かい部分の作り込みが挙げられる。 デザインソフトを使って自動調整しても何故かしっくりこない時がある。それは、視覚的錯覚が理由。 ヴィジュアルデザインにおいては、いわゆる錯視と呼ばれる状態が頻繁に発生するのだ。ここで紹介さ
The goal was simple: to define the main colors so that their relative luminances, as defined by WCAG, are close to each other. This way, when designers swap out one status color for another, they are guaranteed by the design system that the color contrast ratio still passes the accessibility requirement. In this design, we don’t want the “in progress” tag to be any more prominent than the “finishe
Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them? Relative Colors Out of all the CSS features I have designed, Relative Colors aka Relative Color Syntax (RCS) is definitely among the ones I’m most proud of. In a nutshell, they allow CSS authors to derive a new color f
この記事は Goodpatch Anywhere Advent Calendar 2024 21日目の記事です。今年の初めにこういうマンガを描きました。そんなに長いマンガでもないので、まず読んでもらえるとありがたいです。 短編マンガ「カラーピッカー」色覚異常者は「どんな感じで見えていない」のかを伝えがちであるこれは赤緑色覚異常（赤緑色盲）のデザイナーを主人公とした短編マンガですが、ぼく自身も軽度の先天的赤緑色覚異常の当事者です。そうであることを伝えると、どんな感じで見えているのかを聞かれることがあります。実はけっこう答えに困る質問です。 まず、ぼくは「普通の人たち」がどのように見えているのかがわかりません。そのため、どのように色が違って見えているのかを具体的に伝えることは難しいのです。しかしそれでも先の質問に答えるべく「普通の人たち」との違いをなんとか探そうとするとどうなるのか。 「見えて
白より白い。世界でもっとも白い絵の具｢WHITE 2.0｣が誕生2021.12.12 15:0014,973 岡本玄介 紙やキャンバスよりも白いって。 かつて、世界でもっとも黒い絵の具｢BLACK 3.0｣を作った、美術家のスチュアート・センプル氏が、今度は世界でもっとも白い絵の具｢WHITE 2.0｣を作りました。 ベースはアクリル絵の具ですが、市場でもっとも売れているものより50％白く、全可視光線を等しく反射します。 誰でも買える価格で良心的世の中には同様に真っ白な塗料もありますが、工業用に大学で作られるレベルだったりします。でも｢WHITE 2.0｣なら150mlで3,200円と超お手頃。開発には千人以上のアーティストたちの助力を得て、何年もかけてやっと完成したにも関わらず、です。 Image: Culture Hustleあらゆる素材に、1度の塗装で良い使い方はブラシでもスプレーで
How a minimalist approach unlocked our ability to create a more detailed representation of the world Could a new color system help simplify Google Maps, a complex data visualization of the real world? A team of designers, product managers, and engineers asked this question, and their idea sparked a year-long collaboration and led to a feat that no one in Maps’ 15-year history thought was possible.
If you asked me a few months ago, “What does it take for a website to stand out?” I may have said fancy animations, creative layouts, cool interactions, and maybe just the general aesthetics, without pointing out something in particular. If you ask me now, after working on color for the better part of the year, I can confidently say it’s all color. Among all the aspects that make a design, a good
仕事にPhotoshopを使っている方向け。指導する立場の方は意地でも全問正解しませう
Embeddable charts for any website Quickly add interactive charts and graphs to a blog post or static web page, 100% free with no user registration. Quickstart Step 1 - Prepare your Data Create a Google Sheet and set the sharing permissions to "anyone with the link can view." Add your data like below, with a header of labels and as many columns and rows as you'd like. (Your data may be single or mu
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
https://2023.droidkaigi.jp/timetable/494625/ Material3の大きな特徴はホーム画面などユーザーのカスタマイズに応じてダイナミックに変化するカラーテーマです。 Jetpack GlanceはHome画面に表示するApp WidgetをJetpac…
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
※本ページは、アフィリエイト広告を利用しています。 デザインやイラストをはじめ、ビジネス、インテリア、ファッションなど、色に携わるすべての人にお勧めの配色アイデア手帖 日本の美しい色と言葉 第2版を紹介します。 初版から6年ぶりの第2版が本日発売です！ 日本の古来より伝わる伝統的な美しい色と言葉が一冊の本にまとめられており、基本となる色の使い方、実用的な配色、それを応用したさまざまなデザイン・パターン・イラストの配色などが掲載された完全保存版の一冊。第2版では特典も豪華、収録されている配色すべてのスウォッチデータもダウンロードできます。 配色アイデア手帖は当ブログでも大好評のシリーズですが、中でも私はこの「日本の美しい色と言葉」が一番のお気に入りです。日本の古来より伝わる伝統的な美しい色と言葉がたっぷり収録されており、第2版では新しい配色テーマが加わり、二十四節気や七十二候など、日本人が育
Soothing pastel theme for the high-spirited! A community-driven color scheme meant for coding, designing, and much more!
2024年12月21日（土）「ジャンプフェスタ2025」エイベックス・ピクチャーズブースステージにて開催された、劇場アニメ「ルックバック」押山清高監督によるライブドローイングの模様を収めた特別映像を公開。（2024/12/21） 劇場アニメ「ルックバック」 プライムビデオにて全世界独占配信 https://www.primevideo.com/-/ja/detail/%E3%83%AB%E3%83%83%E3%82%AF%E3%83%90%E3%83%83%E3%82%AF/0SEK25JW9CENJH4OE9H2R27PQG 公式X：https://x.com/lookback_anime 公式サイト：https://lookback-anime.com/ ◆作品情報 ■あらすじ 学年新聞で４コマ漫画を連載している小学４年生の藤野。クラスメートからは絶賛を受けていたが、ある日、不登
One of the major puzzles facing the language sciences is how to best account for the factors and processes shaping the observed patterns of linguistic diversity today. The color lexicon is particularly interesting from this perspective. The long-standing emphasis has been on establishing universals1. Recent work shows that universal tendencies in color naming systems arise from perceptual structur
Rapid color palettes across the rainbow. Huey is great for instantly generating color palettes for use with CSS variables, SCSS, and JavaScript, and exports markup for Tailwind, Bootstrap, and PostCSS frameworks.
Why (and when) a perceptual color space? Most image processing is done using a device color space (most often sRGB), and most libraries and interfaces expose that color space. Even when an image editing tool or a standard (such as CSS) exposes other color spaces, it’s still most common to use the device color space. But for some use cases, a perceptual color space can give better results. Basicall
「スーパー玉出」の運営会社が芦屋市に出店する高級食品スーパー「Ｆ．Ｆ．マルシェ芦屋」のイメージ図（フライフィッシュ提供） 派手な看板や「１円セール」で知られる激安店「スーパー玉出」の運営会社が２８日、芦屋市に新業態の店をオープンする。外観はベージュが基調で、赤や黄色が目を引く玉出のデザインとは一線を画す。高級食材を販売する富裕層向けの店舗で、１号店を軌道に乗せて全国展開を狙う。 店名は「Ｆ．Ｆ．マルシェ芦屋」（芦屋市春日町８）。阪神打出駅近くの国道２号沿いに開業する。売り場面積は１、２階で計５３０平方メートル。営業時間は午前９時～午後９時。定休日は元日のみ。 有機野菜や自然食品などを扱う富裕層向けで仕入れ先は玉出とは別で「１円セール」は行わない。運営会社フライフィッシュ（大阪市西成区）の担当者は「全く別の業態の店」とし、役員の参画企業が展開する自然食品のセレクトショップのノウハウも生かす。
私は Ubuntu をよく使います。 メイン機では GNOME デスクトップを利用しています。 サブ機でもデスクトップを利用したいものですが、力不足故に CUI (CLI) で動作させています。 ところで、デフォルトの仮想端末では日本語を表示できません[1]。 これを解決する方法のひとつが FbTerm です。 FbTerm はフレームバッファを利用した端末エミュレータで[2]、256 色表示にも対応しています。 インストール・初期設定 Ubuntu では apt(8) だったり apt-get(8) だったりでインストールできます。
This matrix defines the desired contrast between each color in the palette. Enter a number between 0-100, where 0 = "any contrast", 1 = no contrast, 100 = maximum contrast (black/white). For example, to indicate that the first foreground color should have high contrast against the background, enter 80 in the row labelled 0 and the column labelled 1
「order」のリンクより(株)誠文堂新光社サイトのオンラインショッピングをご利用いただけます。送料やお支払いについての詳しい情報は、同サイトの案内に従ってください。 色彩デザイン再考 デジタルカラーとこれからの色彩表現 企画・構成：アイデア編集部 監修：三井直樹 デザイン：LABORATORIES（加藤賢策，守谷めぐみ） 文字の色，絵や写真を構成する線や面の色，紙やインキの色など，色はグラフィックデザインにとって欠かせない要素のひとつだ。しかし，デジタルソフトを使えば専門的な知識を要さず繊細な色彩表現や配色の組み合わせを実現できるようになった現代にあって，グラフィックデザイナーたちは色についてどんな意識をもっているのだろうか。本特集はそうした疑問を出発点に，7名のグラフィックデザイナーに自身の色彩感覚が表われた制作物を紹介する誌面の作成を依頼し，彼・彼女らの色彩の実践に迫っていく。また，
Okhsv and Okhsl Two new color spaces for color picking This post has an accompanying interactive comparison of color pickers. I would recommend checking out the interactive demo first, then return if you are interested in the background and technical details. Picking colors is a common operation in many applications and over the years color pickers have become fairly standardized. Ubiquitous today
This simple color picker allows you to use the LCH color space in your designs with ease. The LCH color space is perceptually uniform and significantly simplifies creating and modifying color systems. If you'd like to find out more, check out this great article! Features Pick colors by adjusting...
Choose and change your settings as you draw: Your brush color Your background color Your brush size Thin Medium Thick Your desired symmetry Radial Split by Horizontal Vertical Clear your canvas Save your canvas Created by: Alicia Underhill
令和４年度税制改正で、政府・与党がジンやウオッカといった国産スピリッツの「色」の濃さを制限する規制を撤廃する方針を固めたことが６日、分かった。製品の多様化を後押しすることで輸出拡大に弾みをつける。１０日にもまとめる与党税制改正大綱では沖縄県産の泡盛やビールに適用された軽減措置の廃止も決まる見通しだ。 酒税法では蒸留酒ごとの「着色度」が定められている。ジンやウオッカなどスピリッツは一般的なウイスキーの５分の１程度、焼酎は１０分の１程度までの濃さしか認められず、違反すると出荷ができない。品目ごとに税率が違った時代の名残で、目視で種類を判断できるようにしたものだ。 近年は、スピリッツの分野でも手作り感や高級感をアピールした「クラフトジン」が話題を集めるなど意欲的な生産者が増えたが、着色規制が差別化を難しくしているとの指摘もある。新型コロナウイルスの影響で酒類メーカーの業績が落ち込む中、「輸出拡大
Did you know that your chosen color palette can have an impact on how much energy your website uses? Even a more environmentally friendly choice of colors can reduce the impact on the battery life of mobile devices. In this article, Michelle Barker shares advice on the not-so-obvious things you have to keep in mind when handling colors in CSS today. There’s more to color on the web than meets the
In this article, Andrew Somers, a 35-year veteran of the Hollywood film and television industry, shares his experience about the hard-fought battles and lessons learned designing for illuminated presentations. A long, long time ago, in a land far, far away… By “long ago,” I mean circa 1924, and by “far away,” I mean London, UK., scientists W. D. Wright and J. Guild conducted color-matching experim
この記事は、筆者が制作したGitHub Actions向けCustom actionであるdependency-cruiser-report-actionを紹介する記事です。 JavaScript / TypeScriptのプログラムではexportによりモジュールとして分割しimport(require) で読み込むことができますが、一度exportで公開してしまうとプロジェクト内のどこからでも読み込むことができてしまいます。 無秩序にimportを増やして依存関係が複雑になるとモジュール間は密結合になります。1つの小さな変更が大規模な障害に発展したり、変更をリリースするまでのリードタイムは伸びていくなどの悪循環に陥ります。 プロダクトを安全にメンテナンスし続けるためにはこの「依存」と立ち向かうことになります。 立ち向かうためのアプローチとしてはフレームワークによる規約の利用、SOLID
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Emacs Advent Calendar 2020 の 9 日目の記事です。 おととしの Advent Calendar でカラーテーマについての話を書いたのですが、その後２年、実際に自分で使ってみて色々と考えが整理された＆実装も進化したので改めて紹介させてください。 当時の記事と重なる箇所もありますが、ご了承ください mm tl;dr 「色を持たない」カラーテーマによって、 Emacs の外観を簡単に、一貫性を保ってコントロールできるようにしました。 カラーテーマの責務 Emacs の Basic Faces Emacs には Ba
Accents is an app that lets you use the 2021 and 2024 iMac's accent colors on any Mac.
第11回 準備の章【後編】 とても悩ましい色覚検査の問題③ ～どのような場合、検査の「メリット」があるのか～ 更新日：2022/12/21 前回は、現状の日本での眼科の検査が、必ずしも、「困りごと」を教えてくれる結果にならないことをお話ししました。20世紀には、「困りごと」がないのに「困っている」と決めつけられることも多く、その数は、「異常」と診断される人の半分くらい（男性の場合。女性は95パーセント）に達したかもしれないことも、お話ししました。 にもかかわらず、職業的な制限に、眼科の検査である「正常」を要求する職業は、今も若干残っているため、「みんな受けたほうがいい」という主張が一定の説得力を持つことも見ました。 しかし、誰も彼もが受診すればいいものではありません。現状の検査では、きちんと潜在的受益者に絞って行わないと、様々な望ましくない副作用がありそうだというのが前回までの結論です。
色のこと、思い出してはわからんってなっているんだよなあ…。 なおAPCAの話はしない。いくつかGitHubのissueを参照してるけれども、@Myndexが書いていることは長ったらしいので基本的に無視している。 あと書き散らしているので、まとまっているようで実はまとまっていない。メモだから仕方ない。 2022-07-23に「 WCAG2までの議論（2022-07-23追記）」を追記した。 2024-05-29これは、2018年版のWCAG 2.1をもとにしていた。2023年版のWCAG 2.1では修正されている箇所がある（が、このメモは特に加筆等はせず、当時のママとしている） コントラスト比の定義（WCAG2による） WCAG 2.1達成基準1.4.3コントラスト比（最低限）では、コントラスト比4.5:1という数値が提示されている。コントラスト比の定義は、以下のとおり： ここで、は明るい方
Vuescanというスキャナ用の汎用ドライバ兼ソフトウェアをご存じでしょうか? アメリカ、フロリダ州サニー・アイスル・ビーチにある hamrickというソフトウェアメーカーで開発しているソフトウェアです。 今、日本メーカーはことごとくフィルムスキャナの製造から撤退してしまいましたが (現在世界的にみてもまともそうなフィルムスキャナを作っていると思われるのは台湾メーカーの2社のみ) かつてはニコンやコニカ・ミノルタが高性能なフィルムスキャナを作っていました。で、当時5400dpiという解像度にひかれて、コニカ・ミノルタのDimage 5400IIというフィルムスキャナを買っておいたのです。ここで掲載している鉄道写真の大半もこれでスキャンしたものです。 とはいえ、色の出方にやはり不満で何とかならないかと思っていました。実はVuescanというソフトウェアは5,6年前に知ったのですが、いままで純
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[ケータイ用語の基礎知識]第969回：「Display P3」 とは](https://cdn-ak-scissors.b.st-hatena.com/image/square/63b9249dab9529de4f086eaa9e11908d5d750c0f/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fk-tai.watch.impress.co.jp%2Finclude%2Fcommon%2Fp01%2Fimages%2Flogo%2Fktw.l.png)
