げっとシステムログ

WEB開発メモ

sketch で symbol, shared style を使う

方針としては、

  1. 図形部分を Symbol として定義
  2. ラベルは Shared style でスタイルをつける
  3. 全体をグルーピング

こんな感じ

f:id:shun-fix9:20160405192134p:plain

図形部分が Symbol になっていて、ラベルが Shared style でスタイルが付いている

まず「ユーザー」の方のグループをコピペ
そのあとラベルを管理者に変更している

こうすると、図形部分を変更するとコピーした方も追随する
(他にいいやり方があるのかもしれないけどこうやってる)

Symbol の範囲

全く同じ構成になる部分を Symbol にする
コピペして使いたいと思ったグループを Symbol にすれば良いが、その時ラベルも含めるとラベルの変更とかできない

ラベルの位置も Symbol に含めて欲しいのだけれどどうするのかわからないです

あと、 Symbol を子供にもつ Symbol が作れないので、まず書きたい図の下書きをある程度書いておくとどれを Symbol にすれば良いかの判断がうまくいくかも

Shared style について

label, line, rectangle, oval など、いろんなやつのスタイルを Shared style として登録しておける

同じスタイルであるべきオブジェクトをまとめるのに使える
特に、同じ色、同じ太さ、とか

全体的に

プログラムを書いていると、同じ種類だが挙動がちょっとずつ違う、というのを同じクラスにしてきたけれど、そういう感じで Symbol とか Shared style とか使うとあれってなる

まず、同じスタイルの部分を見つけて、それを同じ Symbol とか Shared style にしないと上手くいかない

まずは下書き描くといいよ
たぶん