Overrides(オーバーライド)の使い方Overrides(オーバーライド)とはSketchのバージョン41から搭載された、シンボル内のテキストや画像、アイコンを他のものに差し替えることができる(親の情報を維持した状態)機能です。これを使うことにより、シンボル内の文言や画像を差し替えることができます。ブックマークUIデザインUXデザインプロトタイピングWebデザイン公開日:2019/08/09最終更新日:2019/08/15目次1.オーバーライドを使う2.シンボルをオーバーライドさせる3.「繰り返し」を意識してデザインする1.オーバーライドを使う表組みのセルのシンボルを作成するまず、以下のような表組みの中にあるセルを作成します。四角いオブジェクトの中に画像とテキストを設置し、これらをまとめてシンボル化します。次に作ったをセルを複製して表の形にします。インスタンスを選択すると、インスペクタの「Overrides」に項目が表示されます。オーバーライドオーバーライドでテキストや画像を変更するインスタンスを選択し、オーバーライドで各項目を編集します。右パネルのオーバーライドの中に画像やテキストの項目が表示されるので編集します。編集後、インスタンスの中身の表示が更新されます。オーバーライド後2.シンボルをオーバーライドさせるオーバーライドでシンボルを切り替えるオーバーライドでは画像やテキストだけでなく、シンボルを書き換えることもできます。今回はタブバーを例にとって説明していきます。シンボルとオーバーライドを使用することにより、一つのシンボルで全ての表現を行うことが出来ます。※オーバーライドしたいシンボルはアートボードサイズが一緒であることが条件です。1pxでも違うと候補に出てこないので注意しましょう。シンボルのオーバーライドシンボルを選択し、変更するシンボル内のアイコンを変更したい場合、インスペクタ内のオーバーライドの項目から、変更したいシンボルを選択することによって、変更することが出来ます。シンボルのオーバーライド変更の様子3.「繰り返し」を意識してデザインするシンボルやオーバーライドを使いこなすと、「繰り返し」のデザインを意識して作れるようになります。ページAとページBでボタンの見た目や雰囲気が違うということが起きてしまうと、UIに一貫性がなくユーザーが使い方を間違えてしまう可能性があります。いったことは、作ったボタンを単純にコピーし、変更を加えるうちに発生してしまうことです。シンボル化してしまえば、編集を加えてもすべてのインスタンスに変更が反映されます。ボタンの文言が違う場合はオーバーライドで書き換えればいいということです。