Sketch

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.3.20

2364

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」の紹介でした!


Warning: Use of undefined constant sidebar_widget - assumed 'sidebar_widget' (this will throw an Error in a future version of PHP) in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/sidebar.php on line 3

同じテーマの記事

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

962

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


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.5.20

849

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


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.2.27

834

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


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2020.11.11

514

繰り返しの作業を減らすsketchプラグイン4つ


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152

kinoshita木下 雄貴 (Kinoshita Yuki) / 2019.3.26

4965

Sketch データから、Photoshop や XD に変換できる「Photopea」を試してみた


Warning: count(): Parameter must be an array or an object that implements Countable in /home/users/2/nscreates/web/blog.nscreates.com/nsc/wp-content/themes/wp_NsCreateblog/single.php on line 152
N's Creates について詳しく見る