この記事は「デザインツールAdvent Calendar 2018」の17日目の記事です．

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░

🙇🏾 前置き 🙇🏾

この度，転職を期にメインのデザインツールが「photoshop」から「Sketch」へ変更する体験をしました．

Fireworks → Photoshop → 💎Sketch（約2ヶ月）

デザイナ人生において，何度か訪れるであろうツールの変更．
避けては通れないことだと頭では理解できるんですが，いざ実戦投入してみると，まーーーーー，なかなか 😭ストレスフル😭．．．

そんなわけで，これから「Sketchを使いたての方に向けて」，小生がSketchに驚き・戸惑ったこと共有できればと思ってます．

すでにSketchゴリゴリ使いこなしてる方は，明日の📅Advent Calendarに期待しながら，そっとウインドウ閉じていただけると幸いです！🙏🏾

そして，いきなり脱線しますが，小生の文章，句読点に「，．」を利用しております．句読点の世界において縦組では「、。」だけなのに対し、横組では「、。」「，。」「，．」で表記してもOKということらしく，その横組の多様性が大変気に入っており，意図的に不人気な「，．」で文章を書いております．

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
꙲∭ ꙲∭꙰ ꙱ ꙲ ꙰ ꙱ ꙲꙰ ꙱ ꙲  Ꙭ ░➰ ░ 驚き ・ 戸惑   その1  ░Ꙩꙩ░░Ꙫ  ꙰ ꙱ ꙲∭ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

色がなんか変!?🤔

16進数のカラーコードで色指定したはずなのに，
Sketchのキャンバス上とブラウザで色味が違って見えたんです．
Sketchへの不信感が加速した瞬間でした．

👇結論👇
SketchのデフォルトのColor Profileは，「Unmanaged」（カラーマネジメントなし）になっており，色の変換は行われていないようです．
キャンバス上で色の再現にこだわる場合，sRGB や P3 に変更する必要があるようです．

ふー，スッキリ😉！！

「Unmanaged」は、これまでのSketch同様で、カラーマネージメントをしない設定です。描画等のパフォーマンスは多少上がるようですが、表示されているものと書き出したものの色の精度が低下します。

P3はAppleが策定したカラープロファイルで、sRGBよりも25%広い色域をカバー、つまり表現できる色数が多いことが特徴です。今のところiPhone 7以降・iPad Pro・MacBook Proといった、Appleのデバイスを中心に対応しています。

ファイルサイズ圧縮をするツール（例：ImageOptim）等で、カラープロファイルが破棄されてしまう場合、P3でカラーマネージメントされたファイルは本来の色で表現できなくなります。そのため、主にウェブやAndroid向けであればsRGB、iOSやMac向けであればP3ときちんと使い分けましょう。

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
꙲∭ ꙲∭꙰ ꙱ ꙲ ꙰ ꙱ ꙲꙰ ꙱ ꙲  Ꙭ ░➰ ░ 驚き ・ 戸惑   その 2  ░Ꙩꙩ░░Ꙫ  ꙰ ꙱ ꙲∭ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

タイピングしてるのに，入力文字見えない．．．🤔

👇結論👇
テキストに着色する方法は2パターンあり，下記赤印のところから変更できます．背景色とテキストのカラーが同じ場合，入力時見えない問題が発生するので注意が必要でした．．．

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
꙲∭ ꙲∭꙰ ꙱ ꙲ ꙰ ꙱ ꙲꙰ ꙱ ꙲  Ꙭ ░➰ ░ 驚き ・ 戸惑   その 3  ░Ꙩꙩ░░Ꙫ  ꙰ ꙱ ꙲∭ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲ ꙰ ꙱ ꙲
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

「Text on the Path」機能が，すこぶる節操無い問題🤔

や，やべぇ．
今まで出会ったことない個性だ．．．
なんか残像残ったりするし，本来の目的見失うくらいインパクトのある挙動．

実際，カンプ作成時などのレイヤーが複雑になってる時，こいつが暴れだした日には．．．．

もう，無理です．．．．

まったく使いこなせる気がしません．．．
なんですか，この節操の無さ．．．

Sketch使用歴2ヶ月では，到底コントロールできる気がしません．
素直に諦めることにしました．

▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
まとめ
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓

新しいツールとの向き合い方，人それそれぞれあると思いますが，
僕の場合は，あーだこーだ言ってる暇あったら手を動かすってのが,しょうにあってるようでした．

　
" Don't think! Move. "

こちらからは以上でーす！

　　　　📕📕
　　　　📕👀📕    
　　　　　📕📕
　　📕📕📕📕📕📕
　📘📘📕🕷📕　📘
　📘　📕📕📕　　🤟🏼- - - - - - - - -  - -  - - 🕸
　🤟🏼　📘📕📘
　🕸　📘📘📘
　　　📘　　📘
　　 📘　　　📘
　　📕　　　　📕
　　📕　　　　📕
⠀　👢　　　　👢