Resizingアートボードもしくはグループレイヤーの拡大・縮小に関するオブジェクトの位置やサイズの振る舞いを設定できます。ブックマークUIデザインUXデザインWebデザイン公開日:2020/01/06最終更新日:2020/01/06目次1.Resizingとは2.グループやシンボルの要素の1.ResizingとはResizingはグループレイヤーやシンボルをサポートする機能の一つです。WebサイトやアプリケーションのUIデザインをする際は、固定化された画面設計だけではなくさまざまな画面サイズや解像度に応じたデザインをすることが必要になってきます。このような状況に対応するため、1つのシンボルやグループレイヤーなどの部品(コンポーネント)で縦横サイズの可変に対応できるようにするのが「Resizing」の機能です。アートボード内でシンボルもしくはオブジェクトを2つ以上格納しているグループレイヤー内のオブジェクトを選択すると、インスペクタに「Resizing」の項目が表示されます。Edge」では選択したオブジェクトの固定位置の設定ができます。Size」では幅と高さの固定が指定できます。これらを組み合わせることで、シンボル/グループレイヤーがのサイズが伸縮した時のオブジェクトの振る舞いを制御することができます。通常グループ化されたオブジェクト内の入れ子のオブジェクトは大元のオブジェクトの親要素の可変に伴い相対的にカタチが変形してしまいますが、これが画像や円形だった場合は不都合が生じてしまいます。これらの可変設定を使いこなすことで、画面サイズなどに対して対応が柔軟なシンボルたグループを作成することができます。シンボルの入れ子をしている場合は、親シンボル側ではなく、子要素側にResizingの設定をすると上手にコントロールできます。