web-dev-qa-db-ja.com

スケッチ:シンボルページでカラーパレットを作成する方法

私はMacアプリSketchを初めて使用し、シンボルページにカラーパレット(色付きの長方形のグリッド)が作成され、パレットの色がの要素に割り当てられるチュートリアルをいくつか見てきましたシンボル。つまり、色が更新されるたびに、シンボルのすべてのインスタンスで要素の色が更新されます。

色が特別なシンボルページコンポーネントであるかどうかを知りたい。

上記の例では、パレットの色とシンボルの要素の間のリンクはどのように作成されていますか?

シンボルページのパレットから色を選択し、それをキャンバス上の要素の色として割り当てるには、何をする必要がありますか?

感謝してください。

1
Steve

シンボルの色が自身で更新されるときにカラーシンボルが他のコンポーネントを更新するためには、これらの他のコンポーネント内にカラーシンボルwithinを含める必要があります。たとえば、長方形のボタンを作成する場合、右側のサイドバーにあるインスペクターのカラーピッカーを使用して背景色を設定する代わりに、カラーシンボルボタンの背景に配置し、ボタンのシェイプレイヤーを使用してマスクを作成する可能性があります。

これをテキストで説明するのはちょっと難しいですが、Pablo Stanleyの「Sketch Together」YouTubeチャンネルには、ボタンシステムを作成するコンテキストでこれを実現する方法の 優れた例 があります。

つまり、レイヤースタイルを使用して、Sketch 52と同じ動作を実現することをお勧めします。上記の方法は、レイヤースタイルが以前はネストされたシンボル内でサポートされていませんでしたが、この新しいバージョンのSketchでは、レイヤースタイルをシンボル内で交換できます。 Sketchのドキュメント は、この新しい機能をカバーしています。

これが役に立てば幸いです!

3
Zack