Sketch

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.3.20

2024

Sketch内で色盲・色弱のシミュレーション・コントラストチェックができる「Stark」

目次1 Sketch内で色盲・色弱のシミュレーション・コントラストチェックができる「Stark」1.1 「St

Sketch内で色盲・色弱のシミュレーション・コントラストチェックができる「Stark」

「Stark」とは何か・利点

「Stark」はSketch内で色盲、色弱の方からどのように見えているのかシミュレーションをするプラグインです。

「Stark」のインストール方法

Sketchpacksからもダウンロードできます。

1.Starkのサイト内の「Download ZIP」をクリックし、zipファイルをダウンロードしてください。

2.zipファイルを解凍し、「Stark.sketchplugin」をダブルクリックでインストールしてください。

「Stark」の使い方

カラーシミュレーション

「Plugins>Stark」を選択してメニューを立ち上げます。

試しに2番を「Protanopia」に変えてみます。

かなり色が変わりました。色盲、色弱の方にはこのように見えているようです。

「Achromatopsia」にするとほぼグレーがかっています。

コントラストチェッカー

次は二つのコントラストを測るコントラストテェッカーを紹介します。

何か色の異なる二つのオブジェクトを選択し、先ほどと同じようにStarkを立ち上げ、「Color」から「Contrast」タブに切り替えます。そして「Check Contrast」のボタンを押すと二つのコントラストがわかります。

白と黒など色味がはっきり分かれているものは良い判定が出ます。

逆にコントラストが低いもの、明暗の差が小さいものは×とコントラスト比が一目でわかるようになっています。

以上、「Stark」の紹介でした!

同じテーマの記事

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

993

Sketch内の空のフォルダを一斉削除!「Cleanup Useless Groups」

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

902

Sketch Search Everywhereで簡単にレイヤーを探す

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

830

スタイルを簡単に引き継げるStyle Inventory for Sketch

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

762

sketch-materialでマテリアルデザインを試作!

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.5.20

756

N’s Creates のデザインチームがSketchをこよなく愛する理由

N's Creates について詳しく見る