カテゴリー: Design

Click here to accept Marketing cookies and load this content

最近のお仕事で監視系コンソールの設計＋デザインしている流れでなぜだか擬態に行き着きアレコレ調べたりしている。

擬態の目的は主に「攻撃」「防御」の2タイプ。「隠蔽的」「標識的」の2つの方向性があり、その手法で「ベイツ型」「ミューラー型」「ペッカム型」「メルテンス型」などに分類される。

視覚（色、形状、動作）、嗅覚などを駆使して擬態するわけだけど、擬態する対象の選定が非常に興味深い。

長い時間をかけたABテストで選抜された実績結果だけあって、予想の範疇を超えるパターンがチラホラある。

これをUI/UXにどう活用できるのか？は検討ついていないけれど、改めて自然は偉大だなーと感心した次第。

ゆるゆると勉強しようと思った。

UIデザインをする際に色のコントラスト比や、色覚異常への対応を検討するために、ずっとColour Contrast Analyzer (CCA)というソフトを利用している。

Colour Contrast Analyzer – TPGi

んで、これ５年前ぐらいだかにアップデートされたのだけど、どうもHTMLベースのアプリに改変されたらしく、それまでのバージョンにあったシミュレーション機能が無くなり、単純に入力した色値を元にした判定結果しか確認できなくなってしまった。

このシミュレーション機能ってのは、なかなかのスグレモノで、PC画面に対して色覚シミュレーションができ、WEBもイラレもFigmaもこれだけでチェックすることができる。なぜこの機能を無くしたのか理解に苦しむのだけど、まぁWEBに特化した、開発コスト削減ってことなのかなぁ・・・。

その後も色々と似たようなアプリはリリースされているものの、任意アプリの中でしか動作しなかったりと、使い勝手がとても悪く、未だに古いバージョンを大事に利用している次第😩

もし、このシミュレーション機能に興味があれば、以下Gitに６年前のWindows版が公開されているので使ってみると良い。（ただしシミュレーション実行時にエラーが発生する😅）

ThePacielloGroup/CCA-Win: The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.